@splunk/visualizations 28.6.0 → 28.7.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 (366) hide show
  1. package/Area.js +2 -2
  2. package/Bar.js +2 -2
  3. package/Bubble.js +2 -2
  4. package/CHANGELOG.external.md +19 -50
  5. package/ChoroplethSvg.js +2 -2
  6. package/Column.js +2 -2
  7. package/Ellipse.js +2 -2
  8. package/Events/PureEvents/FieldSummaryTooltip.d.ts +8 -31
  9. package/Events/PureEvents/FieldSummaryTooltip.d.ts.map +1 -1
  10. package/Events/PureEvents/PureEvents.d.ts.map +1 -1
  11. package/Events/PureEvents/TimeControlsPopover.d.ts +6 -25
  12. package/Events/PureEvents/TimeControlsPopover.d.ts.map +1 -1
  13. package/Events.js +27 -101
  14. package/Events.js.map +2 -2
  15. package/FillerGauge.js +2 -2
  16. package/Image.js +2 -2
  17. package/Line.js +2 -2
  18. package/LinkGraph.js +2 -2
  19. package/Map/Map.d.ts +1 -0
  20. package/Map/Map.d.ts.map +1 -1
  21. package/Map/PureMap/BubbleLayer.d.ts +22 -4
  22. package/Map/PureMap/BubbleLayer.d.ts.map +1 -1
  23. package/Map/PureMap/ChoroplethLayer.d.ts +9 -1
  24. package/Map/PureMap/ChoroplethLayer.d.ts.map +1 -1
  25. package/Map/PureMap/ClusterLayer.d.ts +3 -1
  26. package/Map/PureMap/ClusterLayer.d.ts.map +1 -1
  27. package/Map/PureMap/LocalChoroplethLayer.d.ts +1 -0
  28. package/Map/PureMap/LocalChoroplethLayer.d.ts.map +1 -1
  29. package/Map/PureMap/MapContext.d.ts +13 -0
  30. package/Map/PureMap/MapContext.d.ts.map +1 -0
  31. package/Map/PureMap/MarkerLayer.d.ts +19 -2
  32. package/Map/PureMap/MarkerLayer.d.ts.map +1 -1
  33. package/Map/PureMap/MarkerWrapper.d.ts +3 -2
  34. package/Map/PureMap/MarkerWrapper.d.ts.map +1 -1
  35. package/Map/PureMap/PureMap.d.ts +1 -0
  36. package/Map/PureMap/PureMap.d.ts.map +1 -1
  37. package/Map/PureMap/PureMapContainer.d.ts.map +1 -1
  38. package/Map/PureMap/Tooltip.d.ts +6 -1
  39. package/Map/PureMap/Tooltip.d.ts.map +1 -1
  40. package/Map/PureMap/keyboardConstants.d.ts +11 -0
  41. package/Map/PureMap/keyboardConstants.d.ts.map +1 -0
  42. package/Map/PureMap/useRovingTabindex.d.ts +18 -0
  43. package/Map/PureMap/useRovingTabindex.d.ts.map +1 -0
  44. package/Map.js +1317 -478
  45. package/Map.js.map +4 -4
  46. package/Markdown/Markdown.d.ts.map +1 -1
  47. package/Markdown.js +23 -6
  48. package/Markdown.js.map +2 -2
  49. package/MarkerGauge.js +2 -2
  50. package/NetworkGraph/NetworkGraph.d.ts +2 -5
  51. package/NetworkGraph/NetworkGraph.d.ts.map +1 -1
  52. package/NetworkGraph/PureNetworkGraph/PureNetworkGraph.d.ts.map +1 -1
  53. package/NetworkGraph/PureNetworkGraph/components/NetworkGraphSvg.d.ts +1 -0
  54. package/NetworkGraph/PureNetworkGraph/components/NetworkGraphSvg.d.ts.map +1 -1
  55. package/NetworkGraph/PureNetworkGraph/components/Node.d.ts +1 -0
  56. package/NetworkGraph/PureNetworkGraph/components/Node.d.ts.map +1 -1
  57. package/NetworkGraph/PureNetworkGraph/components/Tooltip.d.ts +1 -1
  58. package/NetworkGraph/PureNetworkGraph/components/Tooltip.d.ts.map +1 -1
  59. package/NetworkGraph/PureNetworkGraph/components/ZoomControls.d.ts +1 -0
  60. package/NetworkGraph/PureNetworkGraph/components/ZoomControls.d.ts.map +1 -1
  61. package/NetworkGraph/PureNetworkGraph/utils/networkGraphUtils.d.ts +23 -0
  62. package/NetworkGraph/PureNetworkGraph/utils/networkGraphUtils.d.ts.map +1 -1
  63. package/NetworkGraph.config.js +2 -0
  64. package/NetworkGraph.config.js.map +2 -2
  65. package/NetworkGraph.js +353 -40
  66. package/NetworkGraph.js.map +4 -4
  67. package/ParallelCoordinates.js +2 -2
  68. package/Pie.js +2 -2
  69. package/ProcessTree/ProcessTree.d.ts +3 -1
  70. package/ProcessTree/ProcessTree.d.ts.map +1 -1
  71. package/ProcessTree/PureProcessTree/PureProcessTree.d.ts +1 -0
  72. package/ProcessTree/PureProcessTree/PureProcessTree.d.ts.map +1 -1
  73. package/ProcessTree/PureProcessTree/components/ProcessTreeLeftPanel.d.ts +2 -0
  74. package/ProcessTree/PureProcessTree/components/ProcessTreeLeftPanel.d.ts.map +1 -1
  75. package/ProcessTree/PureProcessTree/components/ProcessTreeRightPanel.d.ts.map +1 -1
  76. package/ProcessTree/PureProcessTree/hooks/useProcessTreeGraphData.d.ts +3 -1
  77. package/ProcessTree/PureProcessTree/hooks/useProcessTreeGraphData.d.ts.map +1 -1
  78. package/ProcessTree/PureProcessTree/mockdata/data.d.ts.map +1 -1
  79. package/ProcessTree/PureProcessTree/utils/processTreeUtils.d.ts +3 -1
  80. package/ProcessTree/PureProcessTree/utils/processTreeUtils.d.ts.map +1 -1
  81. package/ProcessTree.js +101 -31
  82. package/ProcessTree.js.map +3 -3
  83. package/Punchcard.js +2 -2
  84. package/README.md +2 -0
  85. package/Rectangle.js +2 -2
  86. package/RichText.js +2 -2
  87. package/Sankey.js +2 -2
  88. package/Scatter.js +2 -2
  89. package/SingleValue.js +368 -471
  90. package/SingleValue.js.map +4 -4
  91. package/SingleValueIcon.js +2 -2
  92. package/SingleValueRadial.js +2 -2
  93. package/SparkLine/SparkLine.d.ts +57 -0
  94. package/SparkLine/SparkLine.d.ts.map +1 -0
  95. package/SparkLine/index.d.ts +1 -1
  96. package/SparkLine/index.d.ts.map +1 -1
  97. package/SparkLine.js +384 -485
  98. package/SparkLine.js.map +4 -4
  99. package/Table/PureTable.d.ts.map +1 -1
  100. package/Table/hooks.d.ts +1 -1
  101. package/Table/hooks.d.ts.map +1 -1
  102. package/Table.js +391 -493
  103. package/Table.js.map +4 -4
  104. package/Timeline.js +2 -2
  105. package/common/OptionsDoc.js.map +1 -1
  106. package/common/utils/mapUtils.js +512 -179
  107. package/common/utils/mapUtils.js.map +4 -4
  108. package/common/utils/shadowDomUtils.d.ts +2 -0
  109. package/common/utils/shadowDomUtils.d.ts.map +1 -0
  110. package/common/utils/shadowDomUtils.js +39 -0
  111. package/common/utils/shadowDomUtils.js.map +7 -0
  112. package/common/withDashboardViz.js +2 -2
  113. package/docs-llm/INDEX.md +118 -0
  114. package/docs-llm/area/examples-json.md +3854 -0
  115. package/docs-llm/area/examples-react.md +2816 -0
  116. package/docs-llm/area/options.md +97 -0
  117. package/docs-llm/area/overview.md +27 -0
  118. package/docs-llm/bar/examples-json.md +3380 -0
  119. package/docs-llm/bar/examples-react.md +2352 -0
  120. package/docs-llm/bar/options.md +89 -0
  121. package/docs-llm/bar/overview.md +25 -0
  122. package/docs-llm/bubble/examples-json.md +4082 -0
  123. package/docs-llm/bubble/examples-react.md +3977 -0
  124. package/docs-llm/bubble/options.md +62 -0
  125. package/docs-llm/bubble/overview.md +26 -0
  126. package/docs-llm/choropleth-svg/examples-json.md +397 -0
  127. package/docs-llm/choropleth-svg/examples-react.md +389 -0
  128. package/docs-llm/choropleth-svg/options.md +15 -0
  129. package/docs-llm/choropleth-svg/overview.md +23 -0
  130. package/docs-llm/column/examples-json.md +3898 -0
  131. package/docs-llm/column/examples-react.md +2653 -0
  132. package/docs-llm/column/options.md +94 -0
  133. package/docs-llm/column/overview.md +31 -0
  134. package/docs-llm/dsl/examples-json.md +43 -0
  135. package/docs-llm/dsl/examples-react.md +78 -0
  136. package/docs-llm/dsl/formatters/format-by-type-examples-json.md +58 -0
  137. package/docs-llm/dsl/formatters/format-by-type-examples-react.md +43 -0
  138. package/docs-llm/dsl/formatters/format-by-type.md +38 -0
  139. package/docs-llm/dsl/formatters/frame-examples-json.md +42 -0
  140. package/docs-llm/dsl/formatters/frame-examples-react.md +24 -0
  141. package/docs-llm/dsl/formatters/frame.md +6 -0
  142. package/docs-llm/dsl/formatters/gradient-examples-json.md +98 -0
  143. package/docs-llm/dsl/formatters/gradient-examples-react.md +44 -0
  144. package/docs-llm/dsl/formatters/gradient.md +23 -0
  145. package/docs-llm/dsl/formatters/lerp-examples-json.md +40 -0
  146. package/docs-llm/dsl/formatters/lerp-examples-react.md +28 -0
  147. package/docs-llm/dsl/formatters/lerp.md +19 -0
  148. package/docs-llm/dsl/formatters/match-value-examples-json.md +65 -0
  149. package/docs-llm/dsl/formatters/match-value-examples-react.md +37 -0
  150. package/docs-llm/dsl/formatters/match-value.md +13 -0
  151. package/docs-llm/dsl/formatters/max-contrast-examples-json.md +39 -0
  152. package/docs-llm/dsl/formatters/max-contrast-examples-react.md +27 -0
  153. package/docs-llm/dsl/formatters/max-contrast.md +9 -0
  154. package/docs-llm/dsl/formatters/multi-format-examples-json.md +67 -0
  155. package/docs-llm/dsl/formatters/multi-format-examples-react.md +49 -0
  156. package/docs-llm/dsl/formatters/multi-format.md +12 -0
  157. package/docs-llm/dsl/formatters/objects-examples-json.md +49 -0
  158. package/docs-llm/dsl/formatters/objects-examples-react.md +37 -0
  159. package/docs-llm/dsl/formatters/objects.md +3 -0
  160. package/docs-llm/dsl/formatters/pick-examples-json.md +59 -0
  161. package/docs-llm/dsl/formatters/pick-examples-react.md +30 -0
  162. package/docs-llm/dsl/formatters/pick.md +9 -0
  163. package/docs-llm/dsl/formatters/prefix-examples-json.md +29 -0
  164. package/docs-llm/dsl/formatters/prefix-examples-react.md +19 -0
  165. package/docs-llm/dsl/formatters/prefix.md +3 -0
  166. package/docs-llm/dsl/formatters/prepend-examples-json.md +51 -0
  167. package/docs-llm/dsl/formatters/prepend-examples-react.md +33 -0
  168. package/docs-llm/dsl/formatters/prepend.md +9 -0
  169. package/docs-llm/dsl/formatters/range-value-examples-json.md +48 -0
  170. package/docs-llm/dsl/formatters/range-value-examples-react.md +34 -0
  171. package/docs-llm/dsl/formatters/range-value.md +15 -0
  172. package/docs-llm/dsl/formatters/set-color-channel-examples-json.md +40 -0
  173. package/docs-llm/dsl/formatters/set-color-channel-examples-react.md +31 -0
  174. package/docs-llm/dsl/formatters/set-color-channel.md +9 -0
  175. package/docs-llm/dsl/formatters/suffix-examples-json.md +29 -0
  176. package/docs-llm/dsl/formatters/suffix-examples-react.md +19 -0
  177. package/docs-llm/dsl/formatters/suffix.md +3 -0
  178. package/docs-llm/dsl/formatters/type-examples-json.md +37 -0
  179. package/docs-llm/dsl/formatters/type-examples-react.md +20 -0
  180. package/docs-llm/dsl/formatters/type.md +3 -0
  181. package/docs-llm/dsl/overview.md +41 -0
  182. package/docs-llm/dsl/selectors/abs.md +7 -0
  183. package/docs-llm/dsl/selectors/ceil.md +7 -0
  184. package/docs-llm/dsl/selectors/data-frame-average-examples-json.md +41 -0
  185. package/docs-llm/dsl/selectors/data-frame-average-examples-react.md +36 -0
  186. package/docs-llm/dsl/selectors/data-frame-average.md +7 -0
  187. package/docs-llm/dsl/selectors/data-frame-count-examples-json.md +41 -0
  188. package/docs-llm/dsl/selectors/data-frame-count-examples-react.md +36 -0
  189. package/docs-llm/dsl/selectors/data-frame-count.md +7 -0
  190. package/docs-llm/dsl/selectors/data-frame-examples-json.md +830 -0
  191. package/docs-llm/dsl/selectors/data-frame-examples-react.md +929 -0
  192. package/docs-llm/dsl/selectors/data-frame-get-field-examples-json.md +89 -0
  193. package/docs-llm/dsl/selectors/data-frame-get-field-examples-react.md +124 -0
  194. package/docs-llm/dsl/selectors/data-frame-get-field.md +5 -0
  195. package/docs-llm/dsl/selectors/data-frame-get-raw-value.md +5 -0
  196. package/docs-llm/dsl/selectors/data-frame-get-type.md +5 -0
  197. package/docs-llm/dsl/selectors/data-frame-get-value.md +5 -0
  198. package/docs-llm/dsl/selectors/data-frame-max-examples-json.md +51 -0
  199. package/docs-llm/dsl/selectors/data-frame-max-examples-react.md +41 -0
  200. package/docs-llm/dsl/selectors/data-frame-max.md +7 -0
  201. package/docs-llm/dsl/selectors/data-frame-min-examples-json.md +51 -0
  202. package/docs-llm/dsl/selectors/data-frame-min-examples-react.md +41 -0
  203. package/docs-llm/dsl/selectors/data-frame-min.md +7 -0
  204. package/docs-llm/dsl/selectors/data-frame-percentile-examples-json.md +41 -0
  205. package/docs-llm/dsl/selectors/data-frame-percentile-examples-react.md +36 -0
  206. package/docs-llm/dsl/selectors/data-frame-percentile.md +8 -0
  207. package/docs-llm/dsl/selectors/data-frame-set-value.md +5 -0
  208. package/docs-llm/dsl/selectors/data-frame-sum-examples-json.md +51 -0
  209. package/docs-llm/dsl/selectors/data-frame-sum-examples-react.md +41 -0
  210. package/docs-llm/dsl/selectors/data-frame-sum.md +7 -0
  211. package/docs-llm/dsl/selectors/data-frame.md +4 -0
  212. package/docs-llm/dsl/selectors/data-point-get-field.md +5 -0
  213. package/docs-llm/dsl/selectors/data-point-get-raw-value.md +4 -0
  214. package/docs-llm/dsl/selectors/data-point-get-type.md +5 -0
  215. package/docs-llm/dsl/selectors/data-point-get-value.md +5 -0
  216. package/docs-llm/dsl/selectors/data-point-set-value.md +4 -0
  217. package/docs-llm/dsl/selectors/data-point.md +5 -0
  218. package/docs-llm/dsl/selectors/data-series-average.md +22 -0
  219. package/docs-llm/dsl/selectors/data-series-count.md +14 -0
  220. package/docs-llm/dsl/selectors/data-series-get-field.md +5 -0
  221. package/docs-llm/dsl/selectors/data-series-get-raw-value.md +4 -0
  222. package/docs-llm/dsl/selectors/data-series-get-type.md +5 -0
  223. package/docs-llm/dsl/selectors/data-series-get-value.md +4 -0
  224. package/docs-llm/dsl/selectors/data-series-max.md +5 -0
  225. package/docs-llm/dsl/selectors/data-series-min.md +5 -0
  226. package/docs-llm/dsl/selectors/data-series-percentile.md +17 -0
  227. package/docs-llm/dsl/selectors/data-series-set-value.md +4 -0
  228. package/docs-llm/dsl/selectors/data-series-sum.md +24 -0
  229. package/docs-llm/dsl/selectors/data-series.md +4 -0
  230. package/docs-llm/dsl/selectors/delta.md +7 -0
  231. package/docs-llm/dsl/selectors/divide.md +8 -0
  232. package/docs-llm/dsl/selectors/first-point.md +5 -0
  233. package/docs-llm/dsl/selectors/floor.md +7 -0
  234. package/docs-llm/dsl/selectors/frame-by-series-index-range-examples-json.md +89 -0
  235. package/docs-llm/dsl/selectors/frame-by-series-index-range-examples-react.md +88 -0
  236. package/docs-llm/dsl/selectors/frame-by-series-index-range.md +10 -0
  237. package/docs-llm/dsl/selectors/frame-by-series-indexes-examples-json.md +88 -0
  238. package/docs-llm/dsl/selectors/frame-by-series-indexes-examples-react.md +87 -0
  239. package/docs-llm/dsl/selectors/frame-by-series-indexes.md +9 -0
  240. package/docs-llm/dsl/selectors/frame-by-series-names-examples-json.md +89 -0
  241. package/docs-llm/dsl/selectors/frame-by-series-names-examples-react.md +88 -0
  242. package/docs-llm/dsl/selectors/frame-by-series-names-or-indexes-examples-json.md +89 -0
  243. package/docs-llm/dsl/selectors/frame-by-series-names-or-indexes-examples-react.md +88 -0
  244. package/docs-llm/dsl/selectors/frame-by-series-names-or-indexes.md +9 -0
  245. package/docs-llm/dsl/selectors/frame-by-series-names.md +9 -0
  246. package/docs-llm/dsl/selectors/frame-by-series-types-examples-json.md +89 -0
  247. package/docs-llm/dsl/selectors/frame-by-series-types-examples-react.md +88 -0
  248. package/docs-llm/dsl/selectors/frame-by-series-types.md +9 -0
  249. package/docs-llm/dsl/selectors/frame-without-internal-fields-examples-json.md +137 -0
  250. package/docs-llm/dsl/selectors/frame-without-internal-fields-examples-react.md +135 -0
  251. package/docs-llm/dsl/selectors/frame-without-internal-fields-except-examples-json.md +157 -0
  252. package/docs-llm/dsl/selectors/frame-without-internal-fields-except-examples-react.md +155 -0
  253. package/docs-llm/dsl/selectors/frame-without-internal-fields-except.md +21 -0
  254. package/docs-llm/dsl/selectors/frame-without-internal-fields.md +17 -0
  255. package/docs-llm/dsl/selectors/frame-without-series-names.md +8 -0
  256. package/docs-llm/dsl/selectors/last-point.md +5 -0
  257. package/docs-llm/dsl/selectors/minus.md +8 -0
  258. package/docs-llm/dsl/selectors/multiply.md +8 -0
  259. package/docs-llm/dsl/selectors/plus.md +8 -0
  260. package/docs-llm/dsl/selectors/point-by-index.md +6 -0
  261. package/docs-llm/dsl/selectors/points-by-indexes.md +6 -0
  262. package/docs-llm/dsl/selectors/round.md +7 -0
  263. package/docs-llm/dsl/selectors/series-by-index-examples-json.md +49 -0
  264. package/docs-llm/dsl/selectors/series-by-index-examples-react.md +39 -0
  265. package/docs-llm/dsl/selectors/series-by-index.md +8 -0
  266. package/docs-llm/dsl/selectors/series-by-name-examples-json.md +49 -0
  267. package/docs-llm/dsl/selectors/series-by-name-examples-react.md +39 -0
  268. package/docs-llm/dsl/selectors/series-by-name.md +8 -0
  269. package/docs-llm/dsl/selectors/series-by-prioritized-types-examples-json.md +47 -0
  270. package/docs-llm/dsl/selectors/series-by-prioritized-types-examples-react.md +39 -0
  271. package/docs-llm/dsl/selectors/series-by-prioritized-types.md +10 -0
  272. package/docs-llm/dsl/selectors/series-by-type-examples-json.md +49 -0
  273. package/docs-llm/dsl/selectors/series-by-type-examples-react.md +39 -0
  274. package/docs-llm/dsl/selectors/series-by-type.md +10 -0
  275. package/docs-llm/dsl/selectors/series-by-types.md +6 -0
  276. package/docs-llm/ellipse/examples-json.md +5 -0
  277. package/docs-llm/ellipse/examples-react.md +5 -0
  278. package/docs-llm/ellipse/options.md +16 -0
  279. package/docs-llm/ellipse/overview.md +5 -0
  280. package/docs-llm/events/examples-json.md +705 -0
  281. package/docs-llm/events/examples-react.md +536 -0
  282. package/docs-llm/events/options.md +18 -0
  283. package/docs-llm/events/overview.md +5 -0
  284. package/docs-llm/filler-gauge/examples-json.md +376 -0
  285. package/docs-llm/filler-gauge/examples-react.md +274 -0
  286. package/docs-llm/filler-gauge/options.md +26 -0
  287. package/docs-llm/filler-gauge/overview.md +5 -0
  288. package/docs-llm/image/examples-json.md +39 -0
  289. package/docs-llm/image/examples-react.md +65 -0
  290. package/docs-llm/image/options.md +13 -0
  291. package/docs-llm/image/overview.md +5 -0
  292. package/docs-llm/line/examples-json.md +3724 -0
  293. package/docs-llm/line/examples-react.md +2683 -0
  294. package/docs-llm/line/options.md +95 -0
  295. package/docs-llm/line/overview.md +29 -0
  296. package/docs-llm/link-graph/examples-json.md +5 -0
  297. package/docs-llm/link-graph/examples-react.md +5 -0
  298. package/docs-llm/link-graph/options.md +26 -0
  299. package/docs-llm/link-graph/overview.md +16 -0
  300. package/docs-llm/map/examples-json.md +13973 -0
  301. package/docs-llm/map/examples-react.md +6154 -0
  302. package/docs-llm/map/options.md +22 -0
  303. package/docs-llm/map/overview.md +32 -0
  304. package/docs-llm/markdown/examples-json.md +63 -0
  305. package/docs-llm/markdown/examples-react.md +98 -0
  306. package/docs-llm/markdown/options.md +17 -0
  307. package/docs-llm/markdown/overview.md +5 -0
  308. package/docs-llm/marker-gauge/examples-json.md +436 -0
  309. package/docs-llm/marker-gauge/examples-react.md +367 -0
  310. package/docs-llm/marker-gauge/options.md +26 -0
  311. package/docs-llm/marker-gauge/overview.md +5 -0
  312. package/docs-llm/network-graph/examples-json.md +8843 -0
  313. package/docs-llm/network-graph/examples-react.md +7339 -0
  314. package/docs-llm/network-graph/options.md +50 -0
  315. package/docs-llm/network-graph/overview.md +28 -0
  316. package/docs-llm/parallel-coordinates/examples-json.md +8376 -0
  317. package/docs-llm/parallel-coordinates/examples-react.md +2771 -0
  318. package/docs-llm/parallel-coordinates/options.md +14 -0
  319. package/docs-llm/parallel-coordinates/overview.md +22 -0
  320. package/docs-llm/pie/examples-json.md +851 -0
  321. package/docs-llm/pie/examples-react.md +606 -0
  322. package/docs-llm/pie/options.md +34 -0
  323. package/docs-llm/pie/overview.md +23 -0
  324. package/docs-llm/process-tree/options.md +32 -0
  325. package/docs-llm/punchcard/examples-json.md +6134 -0
  326. package/docs-llm/punchcard/examples-react.md +4562 -0
  327. package/docs-llm/punchcard/options.md +33 -0
  328. package/docs-llm/punchcard/overview.md +5 -0
  329. package/docs-llm/pure-rich-text/options.md +28 -0
  330. package/docs-llm/rectangle/examples-json.md +5 -0
  331. package/docs-llm/rectangle/examples-react.md +5 -0
  332. package/docs-llm/rectangle/options.md +19 -0
  333. package/docs-llm/rectangle/overview.md +5 -0
  334. package/docs-llm/rich-text/examples-json.md +96 -0
  335. package/docs-llm/rich-text/examples-react.md +119 -0
  336. package/docs-llm/rich-text/options.md +28 -0
  337. package/docs-llm/rich-text/overview.md +5 -0
  338. package/docs-llm/sankey/examples-json.md +844 -0
  339. package/docs-llm/sankey/examples-react.md +546 -0
  340. package/docs-llm/sankey/options.md +19 -0
  341. package/docs-llm/sankey/overview.md +24 -0
  342. package/docs-llm/scatter/examples-json.md +4012 -0
  343. package/docs-llm/scatter/examples-react.md +3914 -0
  344. package/docs-llm/scatter/options.md +68 -0
  345. package/docs-llm/scatter/overview.md +25 -0
  346. package/docs-llm/single-value/examples-json.md +2613 -0
  347. package/docs-llm/single-value/examples-react.md +2296 -0
  348. package/docs-llm/single-value/options.md +49 -0
  349. package/docs-llm/single-value/overview.md +23 -0
  350. package/docs-llm/single-value-icon/examples-json.md +1686 -0
  351. package/docs-llm/single-value-icon/examples-react.md +1573 -0
  352. package/docs-llm/single-value-icon/options.md +43 -0
  353. package/docs-llm/single-value-icon/overview.md +5 -0
  354. package/docs-llm/single-value-radial/examples-json.md +1178 -0
  355. package/docs-llm/single-value-radial/examples-react.md +1028 -0
  356. package/docs-llm/single-value-radial/options.md +41 -0
  357. package/docs-llm/single-value-radial/overview.md +5 -0
  358. package/docs-llm/table/examples-json.md +5 -0
  359. package/docs-llm/table/examples-react.md +5 -0
  360. package/docs-llm/table/options.md +25 -0
  361. package/docs-llm/table/overview.md +24 -0
  362. package/docs-llm/timeline/examples-json.md +5 -0
  363. package/docs-llm/timeline/examples-react.md +5 -0
  364. package/docs-llm/timeline/options.md +27 -0
  365. package/docs-llm/timeline/overview.md +24 -0
  366. package/package.json +28 -24
package/docs-llm/punchcard/examples-react.md ADDED
@@ -0,0 +1,4562 @@
1
+ # Punchcard Examples
2
+
3
+ **Component Reference:** Punchcard or @splunk/visualizations/Punchcard
4
+
5
+ ## Basic Punchcard
6
+
7
+ - **Key:** Basic
8
+
9
+ ```jsx
10
+ import React from 'react';
11
+ import Punchcard from '@splunk/visualizations/Punchcard';
12
+
13
+ export default () => (
14
+ <Punchcard
15
+ options={{}}
16
+ dataSources={{
17
+ primary: {
18
+ requestParams: { offset: 0, count: 73 },
19
+ data: {
20
+ fields: [
21
+ {
22
+ name: 'date_hour',
23
+ },
24
+ {
25
+ name: 'date_wday',
26
+ },
27
+ {
28
+ name: 'count',
29
+ },
30
+ ],
31
+ columns: [
32
+ [
33
+ '12',
34
+ '12',
35
+ '12',
36
+ '12',
37
+ '12',
38
+ '12',
39
+ '12',
40
+ '1',
41
+ '1',
42
+ '1',
43
+ '1',
44
+ '1',
45
+ '1',
46
+ '1',
47
+ '2',
48
+ '2',
49
+ '2',
50
+ '2',
51
+ '2',
52
+ '3',
53
+ '3',
54
+ '3',
55
+ '4',
56
+ '4',
57
+ '4',
58
+ '4',
59
+ '5',
60
+ '5',
61
+ '5',
62
+ '5',
63
+ '5',
64
+ '6',
65
+ '6',
66
+ '6',
67
+ '6',
68
+ '6',
69
+ '6',
70
+ '6',
71
+ '7',
72
+ '7',
73
+ '7',
74
+ '7',
75
+ '7',
76
+ '7',
77
+ '7',
78
+ '8',
79
+ '8',
80
+ '8',
81
+ '8',
82
+ '8',
83
+ '8',
84
+ '8',
85
+ '9',
86
+ '9',
87
+ '9',
88
+ '9',
89
+ '9',
90
+ '9',
91
+ '9',
92
+ '10',
93
+ '10',
94
+ '10',
95
+ '10',
96
+ '10',
97
+ '10',
98
+ '10',
99
+ '11',
100
+ '11',
101
+ '11',
102
+ '11',
103
+ '11',
104
+ '11',
105
+ '11',
106
+ ],
107
+ [
108
+ 'monday',
109
+ 'tuesday',
110
+ 'wednesday',
111
+ 'thursday',
112
+ 'friday',
113
+ 'saturday',
114
+ 'sunday',
115
+ 'monday',
116
+ 'tuesday',
117
+ 'wednesday',
118
+ 'thursday',
119
+ 'friday',
120
+ 'saturday',
121
+ 'sunday',
122
+ 'monday',
123
+ 'thursday',
124
+ 'friday',
125
+ 'saturday',
126
+ 'sunday',
127
+ 'wednesday',
128
+ 'saturday',
129
+ 'sunday',
130
+ 'tuesday',
131
+ 'wednesday',
132
+ 'thursday',
133
+ 'friday',
134
+ 'monday',
135
+ 'tuesday',
136
+ 'wednesday',
137
+ 'thursday',
138
+ 'friday',
139
+ 'monday',
140
+ 'tuesday',
141
+ 'wednesday',
142
+ 'thursday',
143
+ 'friday',
144
+ 'saturday',
145
+ 'sunday',
146
+ 'monday',
147
+ 'tuesday',
148
+ 'wednesday',
149
+ 'thursday',
150
+ 'friday',
151
+ 'saturday',
152
+ 'sunday',
153
+ 'monday',
154
+ 'tuesday',
155
+ 'wednesday',
156
+ 'thursday',
157
+ 'friday',
158
+ 'saturday',
159
+ 'sunday',
160
+ 'monday',
161
+ 'tuesday',
162
+ 'wednesday',
163
+ 'thursday',
164
+ 'friday',
165
+ 'saturday',
166
+ 'sunday',
167
+ 'monday',
168
+ 'tuesday',
169
+ 'wednesday',
170
+ 'thursday',
171
+ 'friday',
172
+ 'saturday',
173
+ 'sunday',
174
+ 'monday',
175
+ 'tuesday',
176
+ 'wednesday',
177
+ 'thursday',
178
+ 'friday',
179
+ 'saturday',
180
+ 'sunday',
181
+ ],
182
+ [
183
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
184
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
185
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
186
+ 38, 34, 30, 38, 62, 70,
187
+ ],
188
+ ],
189
+ },
190
+ meta: { totalCount: 100 },
191
+ },
192
+ }}
193
+ />
194
+ );
195
+ ```
196
+
197
+ ## Background Color - Cyan
198
+
199
+ - **Key:** Background Color
200
+
201
+ ```jsx
202
+ import React from 'react';
203
+ import Punchcard from '@splunk/visualizations/Punchcard';
204
+
205
+ export default () => (
206
+ <Punchcard
207
+ options={{
208
+ backgroundColor: '#00FFFF',
209
+ }}
210
+ dataSources={{
211
+ primary: {
212
+ requestParams: { offset: 0, count: 73 },
213
+ data: {
214
+ fields: [
215
+ {
216
+ name: 'date_hour',
217
+ },
218
+ {
219
+ name: 'date_wday',
220
+ },
221
+ {
222
+ name: 'count',
223
+ },
224
+ ],
225
+ columns: [
226
+ [
227
+ '12',
228
+ '12',
229
+ '12',
230
+ '12',
231
+ '12',
232
+ '12',
233
+ '12',
234
+ '1',
235
+ '1',
236
+ '1',
237
+ '1',
238
+ '1',
239
+ '1',
240
+ '1',
241
+ '2',
242
+ '2',
243
+ '2',
244
+ '2',
245
+ '2',
246
+ '3',
247
+ '3',
248
+ '3',
249
+ '4',
250
+ '4',
251
+ '4',
252
+ '4',
253
+ '5',
254
+ '5',
255
+ '5',
256
+ '5',
257
+ '5',
258
+ '6',
259
+ '6',
260
+ '6',
261
+ '6',
262
+ '6',
263
+ '6',
264
+ '6',
265
+ '7',
266
+ '7',
267
+ '7',
268
+ '7',
269
+ '7',
270
+ '7',
271
+ '7',
272
+ '8',
273
+ '8',
274
+ '8',
275
+ '8',
276
+ '8',
277
+ '8',
278
+ '8',
279
+ '9',
280
+ '9',
281
+ '9',
282
+ '9',
283
+ '9',
284
+ '9',
285
+ '9',
286
+ '10',
287
+ '10',
288
+ '10',
289
+ '10',
290
+ '10',
291
+ '10',
292
+ '10',
293
+ '11',
294
+ '11',
295
+ '11',
296
+ '11',
297
+ '11',
298
+ '11',
299
+ '11',
300
+ ],
301
+ [
302
+ 'monday',
303
+ 'tuesday',
304
+ 'wednesday',
305
+ 'thursday',
306
+ 'friday',
307
+ 'saturday',
308
+ 'sunday',
309
+ 'monday',
310
+ 'tuesday',
311
+ 'wednesday',
312
+ 'thursday',
313
+ 'friday',
314
+ 'saturday',
315
+ 'sunday',
316
+ 'monday',
317
+ 'thursday',
318
+ 'friday',
319
+ 'saturday',
320
+ 'sunday',
321
+ 'wednesday',
322
+ 'saturday',
323
+ 'sunday',
324
+ 'tuesday',
325
+ 'wednesday',
326
+ 'thursday',
327
+ 'friday',
328
+ 'monday',
329
+ 'tuesday',
330
+ 'wednesday',
331
+ 'thursday',
332
+ 'friday',
333
+ 'monday',
334
+ 'tuesday',
335
+ 'wednesday',
336
+ 'thursday',
337
+ 'friday',
338
+ 'saturday',
339
+ 'sunday',
340
+ 'monday',
341
+ 'tuesday',
342
+ 'wednesday',
343
+ 'thursday',
344
+ 'friday',
345
+ 'saturday',
346
+ 'sunday',
347
+ 'monday',
348
+ 'tuesday',
349
+ 'wednesday',
350
+ 'thursday',
351
+ 'friday',
352
+ 'saturday',
353
+ 'sunday',
354
+ 'monday',
355
+ 'tuesday',
356
+ 'wednesday',
357
+ 'thursday',
358
+ 'friday',
359
+ 'saturday',
360
+ 'sunday',
361
+ 'monday',
362
+ 'tuesday',
363
+ 'wednesday',
364
+ 'thursday',
365
+ 'friday',
366
+ 'saturday',
367
+ 'sunday',
368
+ 'monday',
369
+ 'tuesday',
370
+ 'wednesday',
371
+ 'thursday',
372
+ 'friday',
373
+ 'saturday',
374
+ 'sunday',
375
+ ],
376
+ [
377
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
378
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
379
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
380
+ 38, 34, 30, 38, 62, 70,
381
+ ],
382
+ ],
383
+ },
384
+ meta: { totalCount: 100 },
385
+ },
386
+ }}
387
+ />
388
+ );
389
+ ```
390
+
391
+ ## Bubble Color - Red
392
+
393
+ - **Key:** Bubble Color
394
+
395
+ ```jsx
396
+ import React from 'react';
397
+ import Punchcard from '@splunk/visualizations/Punchcard';
398
+
399
+ export default () => (
400
+ <Punchcard
401
+ options={{
402
+ bubbleColor: '#FF0000',
403
+ }}
404
+ dataSources={{
405
+ primary: {
406
+ requestParams: { offset: 0, count: 73 },
407
+ data: {
408
+ fields: [
409
+ {
410
+ name: 'date_hour',
411
+ },
412
+ {
413
+ name: 'date_wday',
414
+ },
415
+ {
416
+ name: 'count',
417
+ },
418
+ ],
419
+ columns: [
420
+ [
421
+ '12',
422
+ '12',
423
+ '12',
424
+ '12',
425
+ '12',
426
+ '12',
427
+ '12',
428
+ '1',
429
+ '1',
430
+ '1',
431
+ '1',
432
+ '1',
433
+ '1',
434
+ '1',
435
+ '2',
436
+ '2',
437
+ '2',
438
+ '2',
439
+ '2',
440
+ '3',
441
+ '3',
442
+ '3',
443
+ '4',
444
+ '4',
445
+ '4',
446
+ '4',
447
+ '5',
448
+ '5',
449
+ '5',
450
+ '5',
451
+ '5',
452
+ '6',
453
+ '6',
454
+ '6',
455
+ '6',
456
+ '6',
457
+ '6',
458
+ '6',
459
+ '7',
460
+ '7',
461
+ '7',
462
+ '7',
463
+ '7',
464
+ '7',
465
+ '7',
466
+ '8',
467
+ '8',
468
+ '8',
469
+ '8',
470
+ '8',
471
+ '8',
472
+ '8',
473
+ '9',
474
+ '9',
475
+ '9',
476
+ '9',
477
+ '9',
478
+ '9',
479
+ '9',
480
+ '10',
481
+ '10',
482
+ '10',
483
+ '10',
484
+ '10',
485
+ '10',
486
+ '10',
487
+ '11',
488
+ '11',
489
+ '11',
490
+ '11',
491
+ '11',
492
+ '11',
493
+ '11',
494
+ ],
495
+ [
496
+ 'monday',
497
+ 'tuesday',
498
+ 'wednesday',
499
+ 'thursday',
500
+ 'friday',
501
+ 'saturday',
502
+ 'sunday',
503
+ 'monday',
504
+ 'tuesday',
505
+ 'wednesday',
506
+ 'thursday',
507
+ 'friday',
508
+ 'saturday',
509
+ 'sunday',
510
+ 'monday',
511
+ 'thursday',
512
+ 'friday',
513
+ 'saturday',
514
+ 'sunday',
515
+ 'wednesday',
516
+ 'saturday',
517
+ 'sunday',
518
+ 'tuesday',
519
+ 'wednesday',
520
+ 'thursday',
521
+ 'friday',
522
+ 'monday',
523
+ 'tuesday',
524
+ 'wednesday',
525
+ 'thursday',
526
+ 'friday',
527
+ 'monday',
528
+ 'tuesday',
529
+ 'wednesday',
530
+ 'thursday',
531
+ 'friday',
532
+ 'saturday',
533
+ 'sunday',
534
+ 'monday',
535
+ 'tuesday',
536
+ 'wednesday',
537
+ 'thursday',
538
+ 'friday',
539
+ 'saturday',
540
+ 'sunday',
541
+ 'monday',
542
+ 'tuesday',
543
+ 'wednesday',
544
+ 'thursday',
545
+ 'friday',
546
+ 'saturday',
547
+ 'sunday',
548
+ 'monday',
549
+ 'tuesday',
550
+ 'wednesday',
551
+ 'thursday',
552
+ 'friday',
553
+ 'saturday',
554
+ 'sunday',
555
+ 'monday',
556
+ 'tuesday',
557
+ 'wednesday',
558
+ 'thursday',
559
+ 'friday',
560
+ 'saturday',
561
+ 'sunday',
562
+ 'monday',
563
+ 'tuesday',
564
+ 'wednesday',
565
+ 'thursday',
566
+ 'friday',
567
+ 'saturday',
568
+ 'sunday',
569
+ ],
570
+ [
571
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
572
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
573
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
574
+ 38, 34, 30, 38, 62, 70,
575
+ ],
576
+ ],
577
+ },
578
+ meta: { totalCount: 100 },
579
+ },
580
+ }}
581
+ />
582
+ );
583
+ ```
584
+
585
+ ## Bubble Label Display - Off
586
+
587
+ - **Key:** Show Bubble Labels None
588
+
589
+ ```jsx
590
+ import React from 'react';
591
+ import Punchcard from '@splunk/visualizations/Punchcard';
592
+
593
+ export default () => (
594
+ <Punchcard
595
+ options={{ bubbleLabelDisplay: 'none' }}
596
+ dataSources={{
597
+ primary: {
598
+ requestParams: { offset: 0, count: 73 },
599
+ data: {
600
+ fields: [
601
+ {
602
+ name: 'date_hour',
603
+ },
604
+ {
605
+ name: 'date_wday',
606
+ },
607
+ {
608
+ name: 'count',
609
+ },
610
+ ],
611
+ columns: [
612
+ [
613
+ '12',
614
+ '12',
615
+ '12',
616
+ '12',
617
+ '12',
618
+ '12',
619
+ '12',
620
+ '1',
621
+ '1',
622
+ '1',
623
+ '1',
624
+ '1',
625
+ '1',
626
+ '1',
627
+ '2',
628
+ '2',
629
+ '2',
630
+ '2',
631
+ '2',
632
+ '3',
633
+ '3',
634
+ '3',
635
+ '4',
636
+ '4',
637
+ '4',
638
+ '4',
639
+ '5',
640
+ '5',
641
+ '5',
642
+ '5',
643
+ '5',
644
+ '6',
645
+ '6',
646
+ '6',
647
+ '6',
648
+ '6',
649
+ '6',
650
+ '6',
651
+ '7',
652
+ '7',
653
+ '7',
654
+ '7',
655
+ '7',
656
+ '7',
657
+ '7',
658
+ '8',
659
+ '8',
660
+ '8',
661
+ '8',
662
+ '8',
663
+ '8',
664
+ '8',
665
+ '9',
666
+ '9',
667
+ '9',
668
+ '9',
669
+ '9',
670
+ '9',
671
+ '9',
672
+ '10',
673
+ '10',
674
+ '10',
675
+ '10',
676
+ '10',
677
+ '10',
678
+ '10',
679
+ '11',
680
+ '11',
681
+ '11',
682
+ '11',
683
+ '11',
684
+ '11',
685
+ '11',
686
+ ],
687
+ [
688
+ 'monday',
689
+ 'tuesday',
690
+ 'wednesday',
691
+ 'thursday',
692
+ 'friday',
693
+ 'saturday',
694
+ 'sunday',
695
+ 'monday',
696
+ 'tuesday',
697
+ 'wednesday',
698
+ 'thursday',
699
+ 'friday',
700
+ 'saturday',
701
+ 'sunday',
702
+ 'monday',
703
+ 'thursday',
704
+ 'friday',
705
+ 'saturday',
706
+ 'sunday',
707
+ 'wednesday',
708
+ 'saturday',
709
+ 'sunday',
710
+ 'tuesday',
711
+ 'wednesday',
712
+ 'thursday',
713
+ 'friday',
714
+ 'monday',
715
+ 'tuesday',
716
+ 'wednesday',
717
+ 'thursday',
718
+ 'friday',
719
+ 'monday',
720
+ 'tuesday',
721
+ 'wednesday',
722
+ 'thursday',
723
+ 'friday',
724
+ 'saturday',
725
+ 'sunday',
726
+ 'monday',
727
+ 'tuesday',
728
+ 'wednesday',
729
+ 'thursday',
730
+ 'friday',
731
+ 'saturday',
732
+ 'sunday',
733
+ 'monday',
734
+ 'tuesday',
735
+ 'wednesday',
736
+ 'thursday',
737
+ 'friday',
738
+ 'saturday',
739
+ 'sunday',
740
+ 'monday',
741
+ 'tuesday',
742
+ 'wednesday',
743
+ 'thursday',
744
+ 'friday',
745
+ 'saturday',
746
+ 'sunday',
747
+ 'monday',
748
+ 'tuesday',
749
+ 'wednesday',
750
+ 'thursday',
751
+ 'friday',
752
+ 'saturday',
753
+ 'sunday',
754
+ 'monday',
755
+ 'tuesday',
756
+ 'wednesday',
757
+ 'thursday',
758
+ 'friday',
759
+ 'saturday',
760
+ 'sunday',
761
+ ],
762
+ [
763
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
764
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
765
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
766
+ 38, 34, 30, 38, 62, 70,
767
+ ],
768
+ ],
769
+ },
770
+ meta: { totalCount: 100 },
771
+ },
772
+ }}
773
+ />
774
+ );
775
+ ```
776
+
777
+ ## Bubble Label Display - Max
778
+
779
+ - **Key:** Bubble Label Display Max
780
+
781
+ ```jsx
782
+ import React from 'react';
783
+ import Punchcard from '@splunk/visualizations/Punchcard';
784
+
785
+ export default () => (
786
+ <Punchcard
787
+ options={{ bubbleLabelDisplay: 'max' }}
788
+ dataSources={{
789
+ primary: {
790
+ requestParams: { offset: 0, count: 73 },
791
+ data: {
792
+ fields: [
793
+ {
794
+ name: 'date_hour',
795
+ },
796
+ {
797
+ name: 'date_wday',
798
+ },
799
+ {
800
+ name: 'count',
801
+ },
802
+ ],
803
+ columns: [
804
+ [
805
+ '12',
806
+ '12',
807
+ '12',
808
+ '12',
809
+ '12',
810
+ '12',
811
+ '12',
812
+ '1',
813
+ '1',
814
+ '1',
815
+ '1',
816
+ '1',
817
+ '1',
818
+ '1',
819
+ '2',
820
+ '2',
821
+ '2',
822
+ '2',
823
+ '2',
824
+ '3',
825
+ '3',
826
+ '3',
827
+ '4',
828
+ '4',
829
+ '4',
830
+ '4',
831
+ '5',
832
+ '5',
833
+ '5',
834
+ '5',
835
+ '5',
836
+ '6',
837
+ '6',
838
+ '6',
839
+ '6',
840
+ '6',
841
+ '6',
842
+ '6',
843
+ '7',
844
+ '7',
845
+ '7',
846
+ '7',
847
+ '7',
848
+ '7',
849
+ '7',
850
+ '8',
851
+ '8',
852
+ '8',
853
+ '8',
854
+ '8',
855
+ '8',
856
+ '8',
857
+ '9',
858
+ '9',
859
+ '9',
860
+ '9',
861
+ '9',
862
+ '9',
863
+ '9',
864
+ '10',
865
+ '10',
866
+ '10',
867
+ '10',
868
+ '10',
869
+ '10',
870
+ '10',
871
+ '11',
872
+ '11',
873
+ '11',
874
+ '11',
875
+ '11',
876
+ '11',
877
+ '11',
878
+ ],
879
+ [
880
+ 'monday',
881
+ 'tuesday',
882
+ 'wednesday',
883
+ 'thursday',
884
+ 'friday',
885
+ 'saturday',
886
+ 'sunday',
887
+ 'monday',
888
+ 'tuesday',
889
+ 'wednesday',
890
+ 'thursday',
891
+ 'friday',
892
+ 'saturday',
893
+ 'sunday',
894
+ 'monday',
895
+ 'thursday',
896
+ 'friday',
897
+ 'saturday',
898
+ 'sunday',
899
+ 'wednesday',
900
+ 'saturday',
901
+ 'sunday',
902
+ 'tuesday',
903
+ 'wednesday',
904
+ 'thursday',
905
+ 'friday',
906
+ 'monday',
907
+ 'tuesday',
908
+ 'wednesday',
909
+ 'thursday',
910
+ 'friday',
911
+ 'monday',
912
+ 'tuesday',
913
+ 'wednesday',
914
+ 'thursday',
915
+ 'friday',
916
+ 'saturday',
917
+ 'sunday',
918
+ 'monday',
919
+ 'tuesday',
920
+ 'wednesday',
921
+ 'thursday',
922
+ 'friday',
923
+ 'saturday',
924
+ 'sunday',
925
+ 'monday',
926
+ 'tuesday',
927
+ 'wednesday',
928
+ 'thursday',
929
+ 'friday',
930
+ 'saturday',
931
+ 'sunday',
932
+ 'monday',
933
+ 'tuesday',
934
+ 'wednesday',
935
+ 'thursday',
936
+ 'friday',
937
+ 'saturday',
938
+ 'sunday',
939
+ 'monday',
940
+ 'tuesday',
941
+ 'wednesday',
942
+ 'thursday',
943
+ 'friday',
944
+ 'saturday',
945
+ 'sunday',
946
+ 'monday',
947
+ 'tuesday',
948
+ 'wednesday',
949
+ 'thursday',
950
+ 'friday',
951
+ 'saturday',
952
+ 'sunday',
953
+ ],
954
+ [
955
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
956
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
957
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
958
+ 38, 34, 30, 38, 62, 70,
959
+ ],
960
+ ],
961
+ },
962
+ meta: { totalCount: 100 },
963
+ },
964
+ }}
965
+ />
966
+ );
967
+ ```
968
+
969
+ ## Bubble Label Display - All
970
+
971
+ - **Key:** Bubble Label Display All
972
+
973
+ ```jsx
974
+ import React from 'react';
975
+ import Punchcard from '@splunk/visualizations/Punchcard';
976
+
977
+ export default () => (
978
+ <Punchcard
979
+ options={{ bubbleLabelDisplay: 'all' }}
980
+ dataSources={{
981
+ primary: {
982
+ requestParams: { offset: 0, count: 73 },
983
+ data: {
984
+ fields: [
985
+ {
986
+ name: 'date_hour',
987
+ },
988
+ {
989
+ name: 'date_wday',
990
+ },
991
+ {
992
+ name: 'count',
993
+ },
994
+ ],
995
+ columns: [
996
+ [
997
+ '12',
998
+ '12',
999
+ '12',
1000
+ '12',
1001
+ '12',
1002
+ '12',
1003
+ '12',
1004
+ '1',
1005
+ '1',
1006
+ '1',
1007
+ '1',
1008
+ '1',
1009
+ '1',
1010
+ '1',
1011
+ '2',
1012
+ '2',
1013
+ '2',
1014
+ '2',
1015
+ '2',
1016
+ '3',
1017
+ '3',
1018
+ '3',
1019
+ '4',
1020
+ '4',
1021
+ '4',
1022
+ '4',
1023
+ '5',
1024
+ '5',
1025
+ '5',
1026
+ '5',
1027
+ '5',
1028
+ '6',
1029
+ '6',
1030
+ '6',
1031
+ '6',
1032
+ '6',
1033
+ '6',
1034
+ '6',
1035
+ '7',
1036
+ '7',
1037
+ '7',
1038
+ '7',
1039
+ '7',
1040
+ '7',
1041
+ '7',
1042
+ '8',
1043
+ '8',
1044
+ '8',
1045
+ '8',
1046
+ '8',
1047
+ '8',
1048
+ '8',
1049
+ '9',
1050
+ '9',
1051
+ '9',
1052
+ '9',
1053
+ '9',
1054
+ '9',
1055
+ '9',
1056
+ '10',
1057
+ '10',
1058
+ '10',
1059
+ '10',
1060
+ '10',
1061
+ '10',
1062
+ '10',
1063
+ '11',
1064
+ '11',
1065
+ '11',
1066
+ '11',
1067
+ '11',
1068
+ '11',
1069
+ '11',
1070
+ ],
1071
+ [
1072
+ 'monday',
1073
+ 'tuesday',
1074
+ 'wednesday',
1075
+ 'thursday',
1076
+ 'friday',
1077
+ 'saturday',
1078
+ 'sunday',
1079
+ 'monday',
1080
+ 'tuesday',
1081
+ 'wednesday',
1082
+ 'thursday',
1083
+ 'friday',
1084
+ 'saturday',
1085
+ 'sunday',
1086
+ 'monday',
1087
+ 'thursday',
1088
+ 'friday',
1089
+ 'saturday',
1090
+ 'sunday',
1091
+ 'wednesday',
1092
+ 'saturday',
1093
+ 'sunday',
1094
+ 'tuesday',
1095
+ 'wednesday',
1096
+ 'thursday',
1097
+ 'friday',
1098
+ 'monday',
1099
+ 'tuesday',
1100
+ 'wednesday',
1101
+ 'thursday',
1102
+ 'friday',
1103
+ 'monday',
1104
+ 'tuesday',
1105
+ 'wednesday',
1106
+ 'thursday',
1107
+ 'friday',
1108
+ 'saturday',
1109
+ 'sunday',
1110
+ 'monday',
1111
+ 'tuesday',
1112
+ 'wednesday',
1113
+ 'thursday',
1114
+ 'friday',
1115
+ 'saturday',
1116
+ 'sunday',
1117
+ 'monday',
1118
+ 'tuesday',
1119
+ 'wednesday',
1120
+ 'thursday',
1121
+ 'friday',
1122
+ 'saturday',
1123
+ 'sunday',
1124
+ 'monday',
1125
+ 'tuesday',
1126
+ 'wednesday',
1127
+ 'thursday',
1128
+ 'friday',
1129
+ 'saturday',
1130
+ 'sunday',
1131
+ 'monday',
1132
+ 'tuesday',
1133
+ 'wednesday',
1134
+ 'thursday',
1135
+ 'friday',
1136
+ 'saturday',
1137
+ 'sunday',
1138
+ 'monday',
1139
+ 'tuesday',
1140
+ 'wednesday',
1141
+ 'thursday',
1142
+ 'friday',
1143
+ 'saturday',
1144
+ 'sunday',
1145
+ ],
1146
+ [
1147
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
1148
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
1149
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
1150
+ 38, 34, 30, 38, 62, 70,
1151
+ ],
1152
+ ],
1153
+ },
1154
+ meta: { totalCount: 100 },
1155
+ },
1156
+ }}
1157
+ />
1158
+ );
1159
+ ```
1160
+
1161
+ ## Bubble Radius Max - 30px, Bubble Radius Min - 5px
1162
+
1163
+ - **Key:** Fixed Sizing Max Min Bubble Radius Specified
1164
+
1165
+ ```jsx
1166
+ import React from 'react';
1167
+ import Punchcard from '@splunk/visualizations/Punchcard';
1168
+
1169
+ export default () => (
1170
+ <Punchcard
1171
+ options={{
1172
+ showDynamicBubbleSize: false,
1173
+ bubbleRadiusMin: 5,
1174
+ bubbleRadiusMax: 30,
1175
+ }}
1176
+ dataSources={{
1177
+ primary: {
1178
+ requestParams: { offset: 0, count: 73 },
1179
+ data: {
1180
+ fields: [
1181
+ {
1182
+ name: 'date_hour',
1183
+ },
1184
+ {
1185
+ name: 'date_wday',
1186
+ },
1187
+ {
1188
+ name: 'count',
1189
+ },
1190
+ ],
1191
+ columns: [
1192
+ [
1193
+ '12',
1194
+ '12',
1195
+ '12',
1196
+ '12',
1197
+ '12',
1198
+ '12',
1199
+ '12',
1200
+ '1',
1201
+ '1',
1202
+ '1',
1203
+ '1',
1204
+ '1',
1205
+ '1',
1206
+ '1',
1207
+ '2',
1208
+ '2',
1209
+ '2',
1210
+ '2',
1211
+ '2',
1212
+ '3',
1213
+ '3',
1214
+ '3',
1215
+ '4',
1216
+ '4',
1217
+ '4',
1218
+ '4',
1219
+ '5',
1220
+ '5',
1221
+ '5',
1222
+ '5',
1223
+ '5',
1224
+ '6',
1225
+ '6',
1226
+ '6',
1227
+ '6',
1228
+ '6',
1229
+ '6',
1230
+ '6',
1231
+ '7',
1232
+ '7',
1233
+ '7',
1234
+ '7',
1235
+ '7',
1236
+ '7',
1237
+ '7',
1238
+ '8',
1239
+ '8',
1240
+ '8',
1241
+ '8',
1242
+ '8',
1243
+ '8',
1244
+ '8',
1245
+ '9',
1246
+ '9',
1247
+ '9',
1248
+ '9',
1249
+ '9',
1250
+ '9',
1251
+ '9',
1252
+ '10',
1253
+ '10',
1254
+ '10',
1255
+ '10',
1256
+ '10',
1257
+ '10',
1258
+ '10',
1259
+ '11',
1260
+ '11',
1261
+ '11',
1262
+ '11',
1263
+ '11',
1264
+ '11',
1265
+ '11',
1266
+ ],
1267
+ [
1268
+ 'monday',
1269
+ 'tuesday',
1270
+ 'wednesday',
1271
+ 'thursday',
1272
+ 'friday',
1273
+ 'saturday',
1274
+ 'sunday',
1275
+ 'monday',
1276
+ 'tuesday',
1277
+ 'wednesday',
1278
+ 'thursday',
1279
+ 'friday',
1280
+ 'saturday',
1281
+ 'sunday',
1282
+ 'monday',
1283
+ 'thursday',
1284
+ 'friday',
1285
+ 'saturday',
1286
+ 'sunday',
1287
+ 'wednesday',
1288
+ 'saturday',
1289
+ 'sunday',
1290
+ 'tuesday',
1291
+ 'wednesday',
1292
+ 'thursday',
1293
+ 'friday',
1294
+ 'monday',
1295
+ 'tuesday',
1296
+ 'wednesday',
1297
+ 'thursday',
1298
+ 'friday',
1299
+ 'monday',
1300
+ 'tuesday',
1301
+ 'wednesday',
1302
+ 'thursday',
1303
+ 'friday',
1304
+ 'saturday',
1305
+ 'sunday',
1306
+ 'monday',
1307
+ 'tuesday',
1308
+ 'wednesday',
1309
+ 'thursday',
1310
+ 'friday',
1311
+ 'saturday',
1312
+ 'sunday',
1313
+ 'monday',
1314
+ 'tuesday',
1315
+ 'wednesday',
1316
+ 'thursday',
1317
+ 'friday',
1318
+ 'saturday',
1319
+ 'sunday',
1320
+ 'monday',
1321
+ 'tuesday',
1322
+ 'wednesday',
1323
+ 'thursday',
1324
+ 'friday',
1325
+ 'saturday',
1326
+ 'sunday',
1327
+ 'monday',
1328
+ 'tuesday',
1329
+ 'wednesday',
1330
+ 'thursday',
1331
+ 'friday',
1332
+ 'saturday',
1333
+ 'sunday',
1334
+ 'monday',
1335
+ 'tuesday',
1336
+ 'wednesday',
1337
+ 'thursday',
1338
+ 'friday',
1339
+ 'saturday',
1340
+ 'sunday',
1341
+ ],
1342
+ [
1343
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
1344
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
1345
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
1346
+ 38, 34, 30, 38, 62, 70,
1347
+ ],
1348
+ ],
1349
+ },
1350
+ meta: { totalCount: 100 },
1351
+ },
1352
+ }}
1353
+ />
1354
+ );
1355
+ ```
1356
+
1357
+ ## Bubble Row Scale - Row
1358
+
1359
+ - **Key:** Bubble Row Scale Row
1360
+
1361
+ ```jsx
1362
+ import React from 'react';
1363
+ import Punchcard from '@splunk/visualizations/Punchcard';
1364
+
1365
+ export default () => (
1366
+ <Punchcard
1367
+ options={{ bubbleRowScale: 'row' }}
1368
+ dataSources={{
1369
+ primary: {
1370
+ requestParams: { offset: 0, count: 73 },
1371
+ data: {
1372
+ fields: [
1373
+ {
1374
+ name: 'date_hour',
1375
+ },
1376
+ {
1377
+ name: 'date_wday',
1378
+ },
1379
+ {
1380
+ name: 'count',
1381
+ },
1382
+ ],
1383
+ columns: [
1384
+ [
1385
+ '12',
1386
+ '12',
1387
+ '12',
1388
+ '12',
1389
+ '12',
1390
+ '12',
1391
+ '12',
1392
+ '1',
1393
+ '1',
1394
+ '1',
1395
+ '1',
1396
+ '1',
1397
+ '1',
1398
+ '1',
1399
+ '2',
1400
+ '2',
1401
+ '2',
1402
+ '2',
1403
+ '2',
1404
+ '3',
1405
+ '3',
1406
+ '3',
1407
+ '4',
1408
+ '4',
1409
+ '4',
1410
+ '4',
1411
+ '5',
1412
+ '5',
1413
+ '5',
1414
+ '5',
1415
+ '5',
1416
+ '6',
1417
+ '6',
1418
+ '6',
1419
+ '6',
1420
+ '6',
1421
+ '6',
1422
+ '6',
1423
+ '7',
1424
+ '7',
1425
+ '7',
1426
+ '7',
1427
+ '7',
1428
+ '7',
1429
+ '7',
1430
+ '8',
1431
+ '8',
1432
+ '8',
1433
+ '8',
1434
+ '8',
1435
+ '8',
1436
+ '8',
1437
+ '9',
1438
+ '9',
1439
+ '9',
1440
+ '9',
1441
+ '9',
1442
+ '9',
1443
+ '9',
1444
+ '10',
1445
+ '10',
1446
+ '10',
1447
+ '10',
1448
+ '10',
1449
+ '10',
1450
+ '10',
1451
+ '11',
1452
+ '11',
1453
+ '11',
1454
+ '11',
1455
+ '11',
1456
+ '11',
1457
+ '11',
1458
+ ],
1459
+ [
1460
+ 'monday',
1461
+ 'tuesday',
1462
+ 'wednesday',
1463
+ 'thursday',
1464
+ 'friday',
1465
+ 'saturday',
1466
+ 'sunday',
1467
+ 'monday',
1468
+ 'tuesday',
1469
+ 'wednesday',
1470
+ 'thursday',
1471
+ 'friday',
1472
+ 'saturday',
1473
+ 'sunday',
1474
+ 'monday',
1475
+ 'thursday',
1476
+ 'friday',
1477
+ 'saturday',
1478
+ 'sunday',
1479
+ 'wednesday',
1480
+ 'saturday',
1481
+ 'sunday',
1482
+ 'tuesday',
1483
+ 'wednesday',
1484
+ 'thursday',
1485
+ 'friday',
1486
+ 'monday',
1487
+ 'tuesday',
1488
+ 'wednesday',
1489
+ 'thursday',
1490
+ 'friday',
1491
+ 'monday',
1492
+ 'tuesday',
1493
+ 'wednesday',
1494
+ 'thursday',
1495
+ 'friday',
1496
+ 'saturday',
1497
+ 'sunday',
1498
+ 'monday',
1499
+ 'tuesday',
1500
+ 'wednesday',
1501
+ 'thursday',
1502
+ 'friday',
1503
+ 'saturday',
1504
+ 'sunday',
1505
+ 'monday',
1506
+ 'tuesday',
1507
+ 'wednesday',
1508
+ 'thursday',
1509
+ 'friday',
1510
+ 'saturday',
1511
+ 'sunday',
1512
+ 'monday',
1513
+ 'tuesday',
1514
+ 'wednesday',
1515
+ 'thursday',
1516
+ 'friday',
1517
+ 'saturday',
1518
+ 'sunday',
1519
+ 'monday',
1520
+ 'tuesday',
1521
+ 'wednesday',
1522
+ 'thursday',
1523
+ 'friday',
1524
+ 'saturday',
1525
+ 'sunday',
1526
+ 'monday',
1527
+ 'tuesday',
1528
+ 'wednesday',
1529
+ 'thursday',
1530
+ 'friday',
1531
+ 'saturday',
1532
+ 'sunday',
1533
+ ],
1534
+ [
1535
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
1536
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
1537
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
1538
+ 38, 34, 30, 38, 62, 70,
1539
+ ],
1540
+ ],
1541
+ },
1542
+ meta: { totalCount: 100 },
1543
+ },
1544
+ }}
1545
+ />
1546
+ );
1547
+ ```
1548
+
1549
+ ## Bubble Row Scale - Global
1550
+
1551
+ - **Key:** Bubble Row Scale Global
1552
+
1553
+ ```jsx
1554
+ import React from 'react';
1555
+ import Punchcard from '@splunk/visualizations/Punchcard';
1556
+
1557
+ export default () => (
1558
+ <Punchcard
1559
+ options={{ bubbleRowScale: 'global' }}
1560
+ dataSources={{
1561
+ primary: {
1562
+ requestParams: { offset: 0, count: 73 },
1563
+ data: {
1564
+ fields: [
1565
+ {
1566
+ name: 'date_hour',
1567
+ },
1568
+ {
1569
+ name: 'date_wday',
1570
+ },
1571
+ {
1572
+ name: 'count',
1573
+ },
1574
+ ],
1575
+ columns: [
1576
+ [
1577
+ '12',
1578
+ '12',
1579
+ '12',
1580
+ '12',
1581
+ '12',
1582
+ '12',
1583
+ '12',
1584
+ '1',
1585
+ '1',
1586
+ '1',
1587
+ '1',
1588
+ '1',
1589
+ '1',
1590
+ '1',
1591
+ '2',
1592
+ '2',
1593
+ '2',
1594
+ '2',
1595
+ '2',
1596
+ '3',
1597
+ '3',
1598
+ '3',
1599
+ '4',
1600
+ '4',
1601
+ '4',
1602
+ '4',
1603
+ '5',
1604
+ '5',
1605
+ '5',
1606
+ '5',
1607
+ '5',
1608
+ '6',
1609
+ '6',
1610
+ '6',
1611
+ '6',
1612
+ '6',
1613
+ '6',
1614
+ '6',
1615
+ '7',
1616
+ '7',
1617
+ '7',
1618
+ '7',
1619
+ '7',
1620
+ '7',
1621
+ '7',
1622
+ '8',
1623
+ '8',
1624
+ '8',
1625
+ '8',
1626
+ '8',
1627
+ '8',
1628
+ '8',
1629
+ '9',
1630
+ '9',
1631
+ '9',
1632
+ '9',
1633
+ '9',
1634
+ '9',
1635
+ '9',
1636
+ '10',
1637
+ '10',
1638
+ '10',
1639
+ '10',
1640
+ '10',
1641
+ '10',
1642
+ '10',
1643
+ '11',
1644
+ '11',
1645
+ '11',
1646
+ '11',
1647
+ '11',
1648
+ '11',
1649
+ '11',
1650
+ ],
1651
+ [
1652
+ 'monday',
1653
+ 'tuesday',
1654
+ 'wednesday',
1655
+ 'thursday',
1656
+ 'friday',
1657
+ 'saturday',
1658
+ 'sunday',
1659
+ 'monday',
1660
+ 'tuesday',
1661
+ 'wednesday',
1662
+ 'thursday',
1663
+ 'friday',
1664
+ 'saturday',
1665
+ 'sunday',
1666
+ 'monday',
1667
+ 'thursday',
1668
+ 'friday',
1669
+ 'saturday',
1670
+ 'sunday',
1671
+ 'wednesday',
1672
+ 'saturday',
1673
+ 'sunday',
1674
+ 'tuesday',
1675
+ 'wednesday',
1676
+ 'thursday',
1677
+ 'friday',
1678
+ 'monday',
1679
+ 'tuesday',
1680
+ 'wednesday',
1681
+ 'thursday',
1682
+ 'friday',
1683
+ 'monday',
1684
+ 'tuesday',
1685
+ 'wednesday',
1686
+ 'thursday',
1687
+ 'friday',
1688
+ 'saturday',
1689
+ 'sunday',
1690
+ 'monday',
1691
+ 'tuesday',
1692
+ 'wednesday',
1693
+ 'thursday',
1694
+ 'friday',
1695
+ 'saturday',
1696
+ 'sunday',
1697
+ 'monday',
1698
+ 'tuesday',
1699
+ 'wednesday',
1700
+ 'thursday',
1701
+ 'friday',
1702
+ 'saturday',
1703
+ 'sunday',
1704
+ 'monday',
1705
+ 'tuesday',
1706
+ 'wednesday',
1707
+ 'thursday',
1708
+ 'friday',
1709
+ 'saturday',
1710
+ 'sunday',
1711
+ 'monday',
1712
+ 'tuesday',
1713
+ 'wednesday',
1714
+ 'thursday',
1715
+ 'friday',
1716
+ 'saturday',
1717
+ 'sunday',
1718
+ 'monday',
1719
+ 'tuesday',
1720
+ 'wednesday',
1721
+ 'thursday',
1722
+ 'friday',
1723
+ 'saturday',
1724
+ 'sunday',
1725
+ ],
1726
+ [
1727
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
1728
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
1729
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
1730
+ 38, 34, 30, 38, 62, 70,
1731
+ ],
1732
+ ],
1733
+ },
1734
+ meta: { totalCount: 100 },
1735
+ },
1736
+ }}
1737
+ />
1738
+ );
1739
+ ```
1740
+
1741
+ ## Bubble Size Max - 125%, Bubble Size Min - 15%
1742
+
1743
+ - **Key:** Dynamic Sizing Max Min Bubble Size Specified
1744
+
1745
+ ```jsx
1746
+ import React from 'react';
1747
+ import Punchcard from '@splunk/visualizations/Punchcard';
1748
+
1749
+ export default () => (
1750
+ <Punchcard
1751
+ options={{
1752
+ showDynamicBubbleSize: true,
1753
+ bubbleSizeMin: 0.15,
1754
+ bubbleSizeMax: 1.25,
1755
+ }}
1756
+ dataSources={{
1757
+ primary: {
1758
+ requestParams: { offset: 0, count: 73 },
1759
+ data: {
1760
+ fields: [
1761
+ {
1762
+ name: 'date_hour',
1763
+ },
1764
+ {
1765
+ name: 'date_wday',
1766
+ },
1767
+ {
1768
+ name: 'count',
1769
+ },
1770
+ ],
1771
+ columns: [
1772
+ [
1773
+ '12',
1774
+ '12',
1775
+ '12',
1776
+ '12',
1777
+ '12',
1778
+ '12',
1779
+ '12',
1780
+ '1',
1781
+ '1',
1782
+ '1',
1783
+ '1',
1784
+ '1',
1785
+ '1',
1786
+ '1',
1787
+ '2',
1788
+ '2',
1789
+ '2',
1790
+ '2',
1791
+ '2',
1792
+ '3',
1793
+ '3',
1794
+ '3',
1795
+ '4',
1796
+ '4',
1797
+ '4',
1798
+ '4',
1799
+ '5',
1800
+ '5',
1801
+ '5',
1802
+ '5',
1803
+ '5',
1804
+ '6',
1805
+ '6',
1806
+ '6',
1807
+ '6',
1808
+ '6',
1809
+ '6',
1810
+ '6',
1811
+ '7',
1812
+ '7',
1813
+ '7',
1814
+ '7',
1815
+ '7',
1816
+ '7',
1817
+ '7',
1818
+ '8',
1819
+ '8',
1820
+ '8',
1821
+ '8',
1822
+ '8',
1823
+ '8',
1824
+ '8',
1825
+ '9',
1826
+ '9',
1827
+ '9',
1828
+ '9',
1829
+ '9',
1830
+ '9',
1831
+ '9',
1832
+ '10',
1833
+ '10',
1834
+ '10',
1835
+ '10',
1836
+ '10',
1837
+ '10',
1838
+ '10',
1839
+ '11',
1840
+ '11',
1841
+ '11',
1842
+ '11',
1843
+ '11',
1844
+ '11',
1845
+ '11',
1846
+ ],
1847
+ [
1848
+ 'monday',
1849
+ 'tuesday',
1850
+ 'wednesday',
1851
+ 'thursday',
1852
+ 'friday',
1853
+ 'saturday',
1854
+ 'sunday',
1855
+ 'monday',
1856
+ 'tuesday',
1857
+ 'wednesday',
1858
+ 'thursday',
1859
+ 'friday',
1860
+ 'saturday',
1861
+ 'sunday',
1862
+ 'monday',
1863
+ 'thursday',
1864
+ 'friday',
1865
+ 'saturday',
1866
+ 'sunday',
1867
+ 'wednesday',
1868
+ 'saturday',
1869
+ 'sunday',
1870
+ 'tuesday',
1871
+ 'wednesday',
1872
+ 'thursday',
1873
+ 'friday',
1874
+ 'monday',
1875
+ 'tuesday',
1876
+ 'wednesday',
1877
+ 'thursday',
1878
+ 'friday',
1879
+ 'monday',
1880
+ 'tuesday',
1881
+ 'wednesday',
1882
+ 'thursday',
1883
+ 'friday',
1884
+ 'saturday',
1885
+ 'sunday',
1886
+ 'monday',
1887
+ 'tuesday',
1888
+ 'wednesday',
1889
+ 'thursday',
1890
+ 'friday',
1891
+ 'saturday',
1892
+ 'sunday',
1893
+ 'monday',
1894
+ 'tuesday',
1895
+ 'wednesday',
1896
+ 'thursday',
1897
+ 'friday',
1898
+ 'saturday',
1899
+ 'sunday',
1900
+ 'monday',
1901
+ 'tuesday',
1902
+ 'wednesday',
1903
+ 'thursday',
1904
+ 'friday',
1905
+ 'saturday',
1906
+ 'sunday',
1907
+ 'monday',
1908
+ 'tuesday',
1909
+ 'wednesday',
1910
+ 'thursday',
1911
+ 'friday',
1912
+ 'saturday',
1913
+ 'sunday',
1914
+ 'monday',
1915
+ 'tuesday',
1916
+ 'wednesday',
1917
+ 'thursday',
1918
+ 'friday',
1919
+ 'saturday',
1920
+ 'sunday',
1921
+ ],
1922
+ [
1923
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
1924
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
1925
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
1926
+ 38, 34, 30, 38, 62, 70,
1927
+ ],
1928
+ ],
1929
+ },
1930
+ meta: { totalCount: 100 },
1931
+ },
1932
+ }}
1933
+ />
1934
+ );
1935
+ ```
1936
+
1937
+ ## Bubble Size Method - Radius
1938
+
1939
+ - **Key:** Bubble Size Method Radius
1940
+
1941
+ ```jsx
1942
+ import React from 'react';
1943
+ import Punchcard from '@splunk/visualizations/Punchcard';
1944
+
1945
+ export default () => (
1946
+ <Punchcard
1947
+ options={{ bubbleSizeMethod: 'radius' }}
1948
+ dataSources={{
1949
+ primary: {
1950
+ requestParams: { offset: 0, count: 73 },
1951
+ data: {
1952
+ fields: [
1953
+ {
1954
+ name: 'date_hour',
1955
+ },
1956
+ {
1957
+ name: 'date_wday',
1958
+ },
1959
+ {
1960
+ name: 'count',
1961
+ },
1962
+ ],
1963
+ columns: [
1964
+ [
1965
+ '12',
1966
+ '12',
1967
+ '12',
1968
+ '12',
1969
+ '12',
1970
+ '12',
1971
+ '12',
1972
+ '1',
1973
+ '1',
1974
+ '1',
1975
+ '1',
1976
+ '1',
1977
+ '1',
1978
+ '1',
1979
+ '2',
1980
+ '2',
1981
+ '2',
1982
+ '2',
1983
+ '2',
1984
+ '3',
1985
+ '3',
1986
+ '3',
1987
+ '4',
1988
+ '4',
1989
+ '4',
1990
+ '4',
1991
+ '5',
1992
+ '5',
1993
+ '5',
1994
+ '5',
1995
+ '5',
1996
+ '6',
1997
+ '6',
1998
+ '6',
1999
+ '6',
2000
+ '6',
2001
+ '6',
2002
+ '6',
2003
+ '7',
2004
+ '7',
2005
+ '7',
2006
+ '7',
2007
+ '7',
2008
+ '7',
2009
+ '7',
2010
+ '8',
2011
+ '8',
2012
+ '8',
2013
+ '8',
2014
+ '8',
2015
+ '8',
2016
+ '8',
2017
+ '9',
2018
+ '9',
2019
+ '9',
2020
+ '9',
2021
+ '9',
2022
+ '9',
2023
+ '9',
2024
+ '10',
2025
+ '10',
2026
+ '10',
2027
+ '10',
2028
+ '10',
2029
+ '10',
2030
+ '10',
2031
+ '11',
2032
+ '11',
2033
+ '11',
2034
+ '11',
2035
+ '11',
2036
+ '11',
2037
+ '11',
2038
+ ],
2039
+ [
2040
+ 'monday',
2041
+ 'tuesday',
2042
+ 'wednesday',
2043
+ 'thursday',
2044
+ 'friday',
2045
+ 'saturday',
2046
+ 'sunday',
2047
+ 'monday',
2048
+ 'tuesday',
2049
+ 'wednesday',
2050
+ 'thursday',
2051
+ 'friday',
2052
+ 'saturday',
2053
+ 'sunday',
2054
+ 'monday',
2055
+ 'thursday',
2056
+ 'friday',
2057
+ 'saturday',
2058
+ 'sunday',
2059
+ 'wednesday',
2060
+ 'saturday',
2061
+ 'sunday',
2062
+ 'tuesday',
2063
+ 'wednesday',
2064
+ 'thursday',
2065
+ 'friday',
2066
+ 'monday',
2067
+ 'tuesday',
2068
+ 'wednesday',
2069
+ 'thursday',
2070
+ 'friday',
2071
+ 'monday',
2072
+ 'tuesday',
2073
+ 'wednesday',
2074
+ 'thursday',
2075
+ 'friday',
2076
+ 'saturday',
2077
+ 'sunday',
2078
+ 'monday',
2079
+ 'tuesday',
2080
+ 'wednesday',
2081
+ 'thursday',
2082
+ 'friday',
2083
+ 'saturday',
2084
+ 'sunday',
2085
+ 'monday',
2086
+ 'tuesday',
2087
+ 'wednesday',
2088
+ 'thursday',
2089
+ 'friday',
2090
+ 'saturday',
2091
+ 'sunday',
2092
+ 'monday',
2093
+ 'tuesday',
2094
+ 'wednesday',
2095
+ 'thursday',
2096
+ 'friday',
2097
+ 'saturday',
2098
+ 'sunday',
2099
+ 'monday',
2100
+ 'tuesday',
2101
+ 'wednesday',
2102
+ 'thursday',
2103
+ 'friday',
2104
+ 'saturday',
2105
+ 'sunday',
2106
+ 'monday',
2107
+ 'tuesday',
2108
+ 'wednesday',
2109
+ 'thursday',
2110
+ 'friday',
2111
+ 'saturday',
2112
+ 'sunday',
2113
+ ],
2114
+ [
2115
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
2116
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
2117
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
2118
+ 38, 34, 30, 38, 62, 70,
2119
+ ],
2120
+ ],
2121
+ },
2122
+ meta: { totalCount: 100 },
2123
+ },
2124
+ }}
2125
+ />
2126
+ );
2127
+ ```
2128
+
2129
+ ## Bubble Size Method - Area
2130
+
2131
+ - **Key:** Bubble Size Method Area
2132
+
2133
+ ```jsx
2134
+ import React from 'react';
2135
+ import Punchcard from '@splunk/visualizations/Punchcard';
2136
+
2137
+ export default () => (
2138
+ <Punchcard
2139
+ options={{ bubbleSizeMethod: 'area' }}
2140
+ dataSources={{
2141
+ primary: {
2142
+ requestParams: { offset: 0, count: 73 },
2143
+ data: {
2144
+ fields: [
2145
+ {
2146
+ name: 'date_hour',
2147
+ },
2148
+ {
2149
+ name: 'date_wday',
2150
+ },
2151
+ {
2152
+ name: 'count',
2153
+ },
2154
+ ],
2155
+ columns: [
2156
+ [
2157
+ '12',
2158
+ '12',
2159
+ '12',
2160
+ '12',
2161
+ '12',
2162
+ '12',
2163
+ '12',
2164
+ '1',
2165
+ '1',
2166
+ '1',
2167
+ '1',
2168
+ '1',
2169
+ '1',
2170
+ '1',
2171
+ '2',
2172
+ '2',
2173
+ '2',
2174
+ '2',
2175
+ '2',
2176
+ '3',
2177
+ '3',
2178
+ '3',
2179
+ '4',
2180
+ '4',
2181
+ '4',
2182
+ '4',
2183
+ '5',
2184
+ '5',
2185
+ '5',
2186
+ '5',
2187
+ '5',
2188
+ '6',
2189
+ '6',
2190
+ '6',
2191
+ '6',
2192
+ '6',
2193
+ '6',
2194
+ '6',
2195
+ '7',
2196
+ '7',
2197
+ '7',
2198
+ '7',
2199
+ '7',
2200
+ '7',
2201
+ '7',
2202
+ '8',
2203
+ '8',
2204
+ '8',
2205
+ '8',
2206
+ '8',
2207
+ '8',
2208
+ '8',
2209
+ '9',
2210
+ '9',
2211
+ '9',
2212
+ '9',
2213
+ '9',
2214
+ '9',
2215
+ '9',
2216
+ '10',
2217
+ '10',
2218
+ '10',
2219
+ '10',
2220
+ '10',
2221
+ '10',
2222
+ '10',
2223
+ '11',
2224
+ '11',
2225
+ '11',
2226
+ '11',
2227
+ '11',
2228
+ '11',
2229
+ '11',
2230
+ ],
2231
+ [
2232
+ 'monday',
2233
+ 'tuesday',
2234
+ 'wednesday',
2235
+ 'thursday',
2236
+ 'friday',
2237
+ 'saturday',
2238
+ 'sunday',
2239
+ 'monday',
2240
+ 'tuesday',
2241
+ 'wednesday',
2242
+ 'thursday',
2243
+ 'friday',
2244
+ 'saturday',
2245
+ 'sunday',
2246
+ 'monday',
2247
+ 'thursday',
2248
+ 'friday',
2249
+ 'saturday',
2250
+ 'sunday',
2251
+ 'wednesday',
2252
+ 'saturday',
2253
+ 'sunday',
2254
+ 'tuesday',
2255
+ 'wednesday',
2256
+ 'thursday',
2257
+ 'friday',
2258
+ 'monday',
2259
+ 'tuesday',
2260
+ 'wednesday',
2261
+ 'thursday',
2262
+ 'friday',
2263
+ 'monday',
2264
+ 'tuesday',
2265
+ 'wednesday',
2266
+ 'thursday',
2267
+ 'friday',
2268
+ 'saturday',
2269
+ 'sunday',
2270
+ 'monday',
2271
+ 'tuesday',
2272
+ 'wednesday',
2273
+ 'thursday',
2274
+ 'friday',
2275
+ 'saturday',
2276
+ 'sunday',
2277
+ 'monday',
2278
+ 'tuesday',
2279
+ 'wednesday',
2280
+ 'thursday',
2281
+ 'friday',
2282
+ 'saturday',
2283
+ 'sunday',
2284
+ 'monday',
2285
+ 'tuesday',
2286
+ 'wednesday',
2287
+ 'thursday',
2288
+ 'friday',
2289
+ 'saturday',
2290
+ 'sunday',
2291
+ 'monday',
2292
+ 'tuesday',
2293
+ 'wednesday',
2294
+ 'thursday',
2295
+ 'friday',
2296
+ 'saturday',
2297
+ 'sunday',
2298
+ 'monday',
2299
+ 'tuesday',
2300
+ 'wednesday',
2301
+ 'thursday',
2302
+ 'friday',
2303
+ 'saturday',
2304
+ 'sunday',
2305
+ ],
2306
+ [
2307
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
2308
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
2309
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
2310
+ 38, 34, 30, 38, 62, 70,
2311
+ ],
2312
+ ],
2313
+ },
2314
+ meta: { totalCount: 100 },
2315
+ },
2316
+ }}
2317
+ />
2318
+ );
2319
+ ```
2320
+
2321
+ ## Color Mode - Dynamic
2322
+
2323
+ - **Key:** Color Mode Dynamic
2324
+
2325
+ ```jsx
2326
+ import React from 'react';
2327
+ import Punchcard from '@splunk/visualizations/Punchcard';
2328
+
2329
+ export default () => (
2330
+ <Punchcard
2331
+ options={{ colorMode: 'dynamic' }}
2332
+ dataSources={{
2333
+ primary: {
2334
+ requestParams: { offset: 0, count: 73 },
2335
+ data: {
2336
+ fields: [
2337
+ {
2338
+ name: 'date_hour',
2339
+ },
2340
+ {
2341
+ name: 'date_wday',
2342
+ },
2343
+ {
2344
+ name: 'count',
2345
+ },
2346
+ ],
2347
+ columns: [
2348
+ [
2349
+ '12',
2350
+ '12',
2351
+ '12',
2352
+ '12',
2353
+ '12',
2354
+ '12',
2355
+ '12',
2356
+ '1',
2357
+ '1',
2358
+ '1',
2359
+ '1',
2360
+ '1',
2361
+ '1',
2362
+ '1',
2363
+ '2',
2364
+ '2',
2365
+ '2',
2366
+ '2',
2367
+ '2',
2368
+ '3',
2369
+ '3',
2370
+ '3',
2371
+ '4',
2372
+ '4',
2373
+ '4',
2374
+ '4',
2375
+ '5',
2376
+ '5',
2377
+ '5',
2378
+ '5',
2379
+ '5',
2380
+ '6',
2381
+ '6',
2382
+ '6',
2383
+ '6',
2384
+ '6',
2385
+ '6',
2386
+ '6',
2387
+ '7',
2388
+ '7',
2389
+ '7',
2390
+ '7',
2391
+ '7',
2392
+ '7',
2393
+ '7',
2394
+ '8',
2395
+ '8',
2396
+ '8',
2397
+ '8',
2398
+ '8',
2399
+ '8',
2400
+ '8',
2401
+ '9',
2402
+ '9',
2403
+ '9',
2404
+ '9',
2405
+ '9',
2406
+ '9',
2407
+ '9',
2408
+ '10',
2409
+ '10',
2410
+ '10',
2411
+ '10',
2412
+ '10',
2413
+ '10',
2414
+ '10',
2415
+ '11',
2416
+ '11',
2417
+ '11',
2418
+ '11',
2419
+ '11',
2420
+ '11',
2421
+ '11',
2422
+ ],
2423
+ [
2424
+ 'monday',
2425
+ 'tuesday',
2426
+ 'wednesday',
2427
+ 'thursday',
2428
+ 'friday',
2429
+ 'saturday',
2430
+ 'sunday',
2431
+ 'monday',
2432
+ 'tuesday',
2433
+ 'wednesday',
2434
+ 'thursday',
2435
+ 'friday',
2436
+ 'saturday',
2437
+ 'sunday',
2438
+ 'monday',
2439
+ 'thursday',
2440
+ 'friday',
2441
+ 'saturday',
2442
+ 'sunday',
2443
+ 'wednesday',
2444
+ 'saturday',
2445
+ 'sunday',
2446
+ 'tuesday',
2447
+ 'wednesday',
2448
+ 'thursday',
2449
+ 'friday',
2450
+ 'monday',
2451
+ 'tuesday',
2452
+ 'wednesday',
2453
+ 'thursday',
2454
+ 'friday',
2455
+ 'monday',
2456
+ 'tuesday',
2457
+ 'wednesday',
2458
+ 'thursday',
2459
+ 'friday',
2460
+ 'saturday',
2461
+ 'sunday',
2462
+ 'monday',
2463
+ 'tuesday',
2464
+ 'wednesday',
2465
+ 'thursday',
2466
+ 'friday',
2467
+ 'saturday',
2468
+ 'sunday',
2469
+ 'monday',
2470
+ 'tuesday',
2471
+ 'wednesday',
2472
+ 'thursday',
2473
+ 'friday',
2474
+ 'saturday',
2475
+ 'sunday',
2476
+ 'monday',
2477
+ 'tuesday',
2478
+ 'wednesday',
2479
+ 'thursday',
2480
+ 'friday',
2481
+ 'saturday',
2482
+ 'sunday',
2483
+ 'monday',
2484
+ 'tuesday',
2485
+ 'wednesday',
2486
+ 'thursday',
2487
+ 'friday',
2488
+ 'saturday',
2489
+ 'sunday',
2490
+ 'monday',
2491
+ 'tuesday',
2492
+ 'wednesday',
2493
+ 'thursday',
2494
+ 'friday',
2495
+ 'saturday',
2496
+ 'sunday',
2497
+ ],
2498
+ [
2499
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
2500
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
2501
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
2502
+ 38, 34, 30, 38, 62, 70,
2503
+ ],
2504
+ ],
2505
+ },
2506
+ meta: { totalCount: 100 },
2507
+ },
2508
+ }}
2509
+ />
2510
+ );
2511
+ ```
2512
+
2513
+ ## Color Mode - Categorical
2514
+
2515
+ - **Key:** Color Mode Categorical
2516
+
2517
+ ```jsx
2518
+ import React from 'react';
2519
+ import Punchcard from '@splunk/visualizations/Punchcard';
2520
+
2521
+ export default () => (
2522
+ <Punchcard
2523
+ options={{
2524
+ colorMode: 'categorical',
2525
+ }}
2526
+ dataSources={{
2527
+ primary: {
2528
+ requestParams: { offset: 0, count: 73 },
2529
+ data: {
2530
+ fields: [
2531
+ {
2532
+ name: 'date_hour',
2533
+ },
2534
+ {
2535
+ name: 'date_wday',
2536
+ },
2537
+ {
2538
+ name: 'count',
2539
+ },
2540
+ {
2541
+ name: 'category',
2542
+ },
2543
+ ],
2544
+ columns: [
2545
+ [
2546
+ '12',
2547
+ '12',
2548
+ '12',
2549
+ '12',
2550
+ '12',
2551
+ '12',
2552
+ '12',
2553
+ '1',
2554
+ '1',
2555
+ '1',
2556
+ '1',
2557
+ '1',
2558
+ '1',
2559
+ '1',
2560
+ '2',
2561
+ '2',
2562
+ '2',
2563
+ '2',
2564
+ '2',
2565
+ '3',
2566
+ '3',
2567
+ '3',
2568
+ '4',
2569
+ '4',
2570
+ '4',
2571
+ '4',
2572
+ '5',
2573
+ '5',
2574
+ '5',
2575
+ '5',
2576
+ '5',
2577
+ '6',
2578
+ '6',
2579
+ '6',
2580
+ '6',
2581
+ '6',
2582
+ '6',
2583
+ '6',
2584
+ '7',
2585
+ '7',
2586
+ '7',
2587
+ '7',
2588
+ '7',
2589
+ '7',
2590
+ '7',
2591
+ '8',
2592
+ '8',
2593
+ '8',
2594
+ '8',
2595
+ '8',
2596
+ '8',
2597
+ '8',
2598
+ '9',
2599
+ '9',
2600
+ '9',
2601
+ '9',
2602
+ '9',
2603
+ '9',
2604
+ '9',
2605
+ '10',
2606
+ '10',
2607
+ '10',
2608
+ '10',
2609
+ '10',
2610
+ '10',
2611
+ '10',
2612
+ '11',
2613
+ '11',
2614
+ '11',
2615
+ '11',
2616
+ '11',
2617
+ '11',
2618
+ '11',
2619
+ ],
2620
+ [
2621
+ 'monday',
2622
+ 'tuesday',
2623
+ 'wednesday',
2624
+ 'thursday',
2625
+ 'friday',
2626
+ 'saturday',
2627
+ 'sunday',
2628
+ 'monday',
2629
+ 'tuesday',
2630
+ 'wednesday',
2631
+ 'thursday',
2632
+ 'friday',
2633
+ 'saturday',
2634
+ 'sunday',
2635
+ 'monday',
2636
+ 'thursday',
2637
+ 'friday',
2638
+ 'saturday',
2639
+ 'sunday',
2640
+ 'wednesday',
2641
+ 'saturday',
2642
+ 'sunday',
2643
+ 'tuesday',
2644
+ 'wednesday',
2645
+ 'thursday',
2646
+ 'friday',
2647
+ 'monday',
2648
+ 'tuesday',
2649
+ 'wednesday',
2650
+ 'thursday',
2651
+ 'friday',
2652
+ 'monday',
2653
+ 'tuesday',
2654
+ 'wednesday',
2655
+ 'thursday',
2656
+ 'friday',
2657
+ 'saturday',
2658
+ 'sunday',
2659
+ 'monday',
2660
+ 'tuesday',
2661
+ 'wednesday',
2662
+ 'thursday',
2663
+ 'friday',
2664
+ 'saturday',
2665
+ 'sunday',
2666
+ 'monday',
2667
+ 'tuesday',
2668
+ 'wednesday',
2669
+ 'thursday',
2670
+ 'friday',
2671
+ 'saturday',
2672
+ 'sunday',
2673
+ 'monday',
2674
+ 'tuesday',
2675
+ 'wednesday',
2676
+ 'thursday',
2677
+ 'friday',
2678
+ 'saturday',
2679
+ 'sunday',
2680
+ 'monday',
2681
+ 'tuesday',
2682
+ 'wednesday',
2683
+ 'thursday',
2684
+ 'friday',
2685
+ 'saturday',
2686
+ 'sunday',
2687
+ 'monday',
2688
+ 'tuesday',
2689
+ 'wednesday',
2690
+ 'thursday',
2691
+ 'friday',
2692
+ 'saturday',
2693
+ 'sunday',
2694
+ ],
2695
+ [
2696
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
2697
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
2698
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
2699
+ 38, 34, 30, 38, 62, 70,
2700
+ ],
2701
+ [
2702
+ 'Gen Electric GE36',
2703
+ 'Gen Electric GE36',
2704
+ 'P&Whitney R-4360',
2705
+ 'Allison V-1710',
2706
+ 'Allison V-1710',
2707
+ 'Allison V-1710',
2708
+ 'BMW VI',
2709
+ 'Gen Electric GE36',
2710
+ 'Bristol Mercury',
2711
+ 'P&Whitney R-4360',
2712
+ 'P&Whitney R-4360',
2713
+ 'Bristol Mercury',
2714
+ 'Gen Electric GE36',
2715
+ 'P&Whitney R-4360',
2716
+ 'P&Whitney R-4360',
2717
+ 'Bristol Mercury',
2718
+ 'Bristol Mercury',
2719
+ 'Allison V-1710',
2720
+ 'Allison V-1710',
2721
+ 'Allison V-1710',
2722
+ 'P&Whitney R-4360',
2723
+ 'Bristol Mercury',
2724
+ 'Allison V-1710',
2725
+ 'P&Whitney R-4360',
2726
+ 'Bristol Mercury',
2727
+ 'Bristol Mercury',
2728
+ 'Bristol Mercury',
2729
+ 'Allison V-1710',
2730
+ 'Allison V-1710',
2731
+ 'BMW VI',
2732
+ 'Bristol Mercury',
2733
+ 'BMW VI',
2734
+ 'Gen Electric GE36',
2735
+ 'Gen Electric GE36',
2736
+ 'BMW VI',
2737
+ 'Allison V-1710',
2738
+ 'P&Whitney R-4360',
2739
+ 'Gen Electric GE36',
2740
+ 'P&Whitney R-4360',
2741
+ 'Bristol Mercury',
2742
+ 'P&Whitney R-4360',
2743
+ 'P&Whitney R-4360',
2744
+ 'Gen Electric GE36',
2745
+ 'BMW VI',
2746
+ 'Bristol Mercury',
2747
+ 'P&Whitney R-4360',
2748
+ 'Bristol Mercury',
2749
+ 'Gen Electric GE36',
2750
+ 'BMW VI',
2751
+ 'P&Whitney R-4360',
2752
+ 'Gen Electric GE36',
2753
+ 'Gen Electric GE36',
2754
+ 'BMW VI',
2755
+ 'P&Whitney R-4360',
2756
+ 'BMW VI',
2757
+ 'Allison V-1710',
2758
+ 'Gen Electric GE36',
2759
+ 'BMW VI',
2760
+ 'Gen Electric GE36',
2761
+ 'BMW VI',
2762
+ 'Gen Electric GE36',
2763
+ 'P&Whitney R-4360',
2764
+ 'BMW VI',
2765
+ 'Bristol Mercury',
2766
+ 'Bristol Mercury',
2767
+ 'BMW VI',
2768
+ 'Allison V-1710',
2769
+ 'Bristol Mercury',
2770
+ 'BMW VI',
2771
+ 'BMW VI',
2772
+ 'Gen Electric GE36',
2773
+ 'BMW VI',
2774
+ 'P&Whitney R-4360',
2775
+ ],
2776
+ ],
2777
+ },
2778
+ meta: { totalCount: 100 },
2779
+ },
2780
+ }}
2781
+ />
2782
+ );
2783
+ ```
2784
+
2785
+ ## Legend Display - Right
2786
+
2787
+ - **Key:** Show Legend
2788
+
2789
+ ```jsx
2790
+ import React from 'react';
2791
+ import Punchcard from '@splunk/visualizations/Punchcard';
2792
+
2793
+ export default () => (
2794
+ <Punchcard
2795
+ options={{
2796
+ colorMode: 'categorical',
2797
+ legendDisplay: 'right',
2798
+ }}
2799
+ dataSources={{
2800
+ primary: {
2801
+ requestParams: { offset: 0, count: 73 },
2802
+ data: {
2803
+ fields: [
2804
+ {
2805
+ name: 'date_hour',
2806
+ },
2807
+ {
2808
+ name: 'date_wday',
2809
+ },
2810
+ {
2811
+ name: 'count',
2812
+ },
2813
+ {
2814
+ name: 'category',
2815
+ },
2816
+ ],
2817
+ columns: [
2818
+ [
2819
+ '12',
2820
+ '12',
2821
+ '12',
2822
+ '12',
2823
+ '12',
2824
+ '12',
2825
+ '12',
2826
+ '1',
2827
+ '1',
2828
+ '1',
2829
+ '1',
2830
+ '1',
2831
+ '1',
2832
+ '1',
2833
+ '2',
2834
+ '2',
2835
+ '2',
2836
+ '2',
2837
+ '2',
2838
+ '3',
2839
+ '3',
2840
+ '3',
2841
+ '4',
2842
+ '4',
2843
+ '4',
2844
+ '4',
2845
+ '5',
2846
+ '5',
2847
+ '5',
2848
+ '5',
2849
+ '5',
2850
+ '6',
2851
+ '6',
2852
+ '6',
2853
+ '6',
2854
+ '6',
2855
+ '6',
2856
+ '6',
2857
+ '7',
2858
+ '7',
2859
+ '7',
2860
+ '7',
2861
+ '7',
2862
+ '7',
2863
+ '7',
2864
+ '8',
2865
+ '8',
2866
+ '8',
2867
+ '8',
2868
+ '8',
2869
+ '8',
2870
+ '8',
2871
+ '9',
2872
+ '9',
2873
+ '9',
2874
+ '9',
2875
+ '9',
2876
+ '9',
2877
+ '9',
2878
+ '10',
2879
+ '10',
2880
+ '10',
2881
+ '10',
2882
+ '10',
2883
+ '10',
2884
+ '10',
2885
+ '11',
2886
+ '11',
2887
+ '11',
2888
+ '11',
2889
+ '11',
2890
+ '11',
2891
+ '11',
2892
+ ],
2893
+ [
2894
+ 'monday',
2895
+ 'tuesday',
2896
+ 'wednesday',
2897
+ 'thursday',
2898
+ 'friday',
2899
+ 'saturday',
2900
+ 'sunday',
2901
+ 'monday',
2902
+ 'tuesday',
2903
+ 'wednesday',
2904
+ 'thursday',
2905
+ 'friday',
2906
+ 'saturday',
2907
+ 'sunday',
2908
+ 'monday',
2909
+ 'thursday',
2910
+ 'friday',
2911
+ 'saturday',
2912
+ 'sunday',
2913
+ 'wednesday',
2914
+ 'saturday',
2915
+ 'sunday',
2916
+ 'tuesday',
2917
+ 'wednesday',
2918
+ 'thursday',
2919
+ 'friday',
2920
+ 'monday',
2921
+ 'tuesday',
2922
+ 'wednesday',
2923
+ 'thursday',
2924
+ 'friday',
2925
+ 'monday',
2926
+ 'tuesday',
2927
+ 'wednesday',
2928
+ 'thursday',
2929
+ 'friday',
2930
+ 'saturday',
2931
+ 'sunday',
2932
+ 'monday',
2933
+ 'tuesday',
2934
+ 'wednesday',
2935
+ 'thursday',
2936
+ 'friday',
2937
+ 'saturday',
2938
+ 'sunday',
2939
+ 'monday',
2940
+ 'tuesday',
2941
+ 'wednesday',
2942
+ 'thursday',
2943
+ 'friday',
2944
+ 'saturday',
2945
+ 'sunday',
2946
+ 'monday',
2947
+ 'tuesday',
2948
+ 'wednesday',
2949
+ 'thursday',
2950
+ 'friday',
2951
+ 'saturday',
2952
+ 'sunday',
2953
+ 'monday',
2954
+ 'tuesday',
2955
+ 'wednesday',
2956
+ 'thursday',
2957
+ 'friday',
2958
+ 'saturday',
2959
+ 'sunday',
2960
+ 'monday',
2961
+ 'tuesday',
2962
+ 'wednesday',
2963
+ 'thursday',
2964
+ 'friday',
2965
+ 'saturday',
2966
+ 'sunday',
2967
+ ],
2968
+ [
2969
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
2970
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
2971
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
2972
+ 38, 34, 30, 38, 62, 70,
2973
+ ],
2974
+ [
2975
+ 'Gen Electric GE36',
2976
+ 'Gen Electric GE36',
2977
+ 'P&Whitney R-4360',
2978
+ 'Allison V-1710',
2979
+ 'Allison V-1710',
2980
+ 'Allison V-1710',
2981
+ 'BMW VI',
2982
+ 'Gen Electric GE36',
2983
+ 'Bristol Mercury',
2984
+ 'P&Whitney R-4360',
2985
+ 'P&Whitney R-4360',
2986
+ 'Bristol Mercury',
2987
+ 'Gen Electric GE36',
2988
+ 'P&Whitney R-4360',
2989
+ 'P&Whitney R-4360',
2990
+ 'Bristol Mercury',
2991
+ 'Bristol Mercury',
2992
+ 'Allison V-1710',
2993
+ 'Allison V-1710',
2994
+ 'Allison V-1710',
2995
+ 'P&Whitney R-4360',
2996
+ 'Bristol Mercury',
2997
+ 'Allison V-1710',
2998
+ 'P&Whitney R-4360',
2999
+ 'Bristol Mercury',
3000
+ 'Bristol Mercury',
3001
+ 'Bristol Mercury',
3002
+ 'Allison V-1710',
3003
+ 'Allison V-1710',
3004
+ 'BMW VI',
3005
+ 'Bristol Mercury',
3006
+ 'BMW VI',
3007
+ 'Gen Electric GE36',
3008
+ 'Gen Electric GE36',
3009
+ 'BMW VI',
3010
+ 'Allison V-1710',
3011
+ 'P&Whitney R-4360',
3012
+ 'Gen Electric GE36',
3013
+ 'P&Whitney R-4360',
3014
+ 'Bristol Mercury',
3015
+ 'P&Whitney R-4360',
3016
+ 'P&Whitney R-4360',
3017
+ 'Gen Electric GE36',
3018
+ 'BMW VI',
3019
+ 'Bristol Mercury',
3020
+ 'P&Whitney R-4360',
3021
+ 'Bristol Mercury',
3022
+ 'Gen Electric GE36',
3023
+ 'BMW VI',
3024
+ 'P&Whitney R-4360',
3025
+ 'Gen Electric GE36',
3026
+ 'Gen Electric GE36',
3027
+ 'BMW VI',
3028
+ 'P&Whitney R-4360',
3029
+ 'BMW VI',
3030
+ 'Allison V-1710',
3031
+ 'Gen Electric GE36',
3032
+ 'BMW VI',
3033
+ 'Gen Electric GE36',
3034
+ 'BMW VI',
3035
+ 'Gen Electric GE36',
3036
+ 'P&Whitney R-4360',
3037
+ 'BMW VI',
3038
+ 'Bristol Mercury',
3039
+ 'Bristol Mercury',
3040
+ 'BMW VI',
3041
+ 'Allison V-1710',
3042
+ 'Bristol Mercury',
3043
+ 'BMW VI',
3044
+ 'BMW VI',
3045
+ 'Gen Electric GE36',
3046
+ 'BMW VI',
3047
+ 'P&Whitney R-4360',
3048
+ ],
3049
+ ],
3050
+ },
3051
+ meta: { totalCount: 100 },
3052
+ },
3053
+ }}
3054
+ />
3055
+ );
3056
+ ```
3057
+
3058
+ ## Legend Display - Off
3059
+
3060
+ - **Key:** Hide Legend
3061
+
3062
+ ```jsx
3063
+ import React from 'react';
3064
+ import Punchcard from '@splunk/visualizations/Punchcard';
3065
+
3066
+ export default () => (
3067
+ <Punchcard
3068
+ options={{
3069
+ colorMode: 'categorical',
3070
+ legendDisplay: 'off',
3071
+ }}
3072
+ dataSources={{
3073
+ primary: {
3074
+ requestParams: { offset: 0, count: 73 },
3075
+ data: {
3076
+ fields: [
3077
+ {
3078
+ name: 'date_hour',
3079
+ },
3080
+ {
3081
+ name: 'date_wday',
3082
+ },
3083
+ {
3084
+ name: 'count',
3085
+ },
3086
+ {
3087
+ name: 'category',
3088
+ },
3089
+ ],
3090
+ columns: [
3091
+ [
3092
+ '12',
3093
+ '12',
3094
+ '12',
3095
+ '12',
3096
+ '12',
3097
+ '12',
3098
+ '12',
3099
+ '1',
3100
+ '1',
3101
+ '1',
3102
+ '1',
3103
+ '1',
3104
+ '1',
3105
+ '1',
3106
+ '2',
3107
+ '2',
3108
+ '2',
3109
+ '2',
3110
+ '2',
3111
+ '3',
3112
+ '3',
3113
+ '3',
3114
+ '4',
3115
+ '4',
3116
+ '4',
3117
+ '4',
3118
+ '5',
3119
+ '5',
3120
+ '5',
3121
+ '5',
3122
+ '5',
3123
+ '6',
3124
+ '6',
3125
+ '6',
3126
+ '6',
3127
+ '6',
3128
+ '6',
3129
+ '6',
3130
+ '7',
3131
+ '7',
3132
+ '7',
3133
+ '7',
3134
+ '7',
3135
+ '7',
3136
+ '7',
3137
+ '8',
3138
+ '8',
3139
+ '8',
3140
+ '8',
3141
+ '8',
3142
+ '8',
3143
+ '8',
3144
+ '9',
3145
+ '9',
3146
+ '9',
3147
+ '9',
3148
+ '9',
3149
+ '9',
3150
+ '9',
3151
+ '10',
3152
+ '10',
3153
+ '10',
3154
+ '10',
3155
+ '10',
3156
+ '10',
3157
+ '10',
3158
+ '11',
3159
+ '11',
3160
+ '11',
3161
+ '11',
3162
+ '11',
3163
+ '11',
3164
+ '11',
3165
+ ],
3166
+ [
3167
+ 'monday',
3168
+ 'tuesday',
3169
+ 'wednesday',
3170
+ 'thursday',
3171
+ 'friday',
3172
+ 'saturday',
3173
+ 'sunday',
3174
+ 'monday',
3175
+ 'tuesday',
3176
+ 'wednesday',
3177
+ 'thursday',
3178
+ 'friday',
3179
+ 'saturday',
3180
+ 'sunday',
3181
+ 'monday',
3182
+ 'thursday',
3183
+ 'friday',
3184
+ 'saturday',
3185
+ 'sunday',
3186
+ 'wednesday',
3187
+ 'saturday',
3188
+ 'sunday',
3189
+ 'tuesday',
3190
+ 'wednesday',
3191
+ 'thursday',
3192
+ 'friday',
3193
+ 'monday',
3194
+ 'tuesday',
3195
+ 'wednesday',
3196
+ 'thursday',
3197
+ 'friday',
3198
+ 'monday',
3199
+ 'tuesday',
3200
+ 'wednesday',
3201
+ 'thursday',
3202
+ 'friday',
3203
+ 'saturday',
3204
+ 'sunday',
3205
+ 'monday',
3206
+ 'tuesday',
3207
+ 'wednesday',
3208
+ 'thursday',
3209
+ 'friday',
3210
+ 'saturday',
3211
+ 'sunday',
3212
+ 'monday',
3213
+ 'tuesday',
3214
+ 'wednesday',
3215
+ 'thursday',
3216
+ 'friday',
3217
+ 'saturday',
3218
+ 'sunday',
3219
+ 'monday',
3220
+ 'tuesday',
3221
+ 'wednesday',
3222
+ 'thursday',
3223
+ 'friday',
3224
+ 'saturday',
3225
+ 'sunday',
3226
+ 'monday',
3227
+ 'tuesday',
3228
+ 'wednesday',
3229
+ 'thursday',
3230
+ 'friday',
3231
+ 'saturday',
3232
+ 'sunday',
3233
+ 'monday',
3234
+ 'tuesday',
3235
+ 'wednesday',
3236
+ 'thursday',
3237
+ 'friday',
3238
+ 'saturday',
3239
+ 'sunday',
3240
+ ],
3241
+ [
3242
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
3243
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
3244
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
3245
+ 38, 34, 30, 38, 62, 70,
3246
+ ],
3247
+ [
3248
+ 'Gen Electric GE36',
3249
+ 'Gen Electric GE36',
3250
+ 'P&Whitney R-4360',
3251
+ 'Allison V-1710',
3252
+ 'Allison V-1710',
3253
+ 'Allison V-1710',
3254
+ 'BMW VI',
3255
+ 'Gen Electric GE36',
3256
+ 'Bristol Mercury',
3257
+ 'P&Whitney R-4360',
3258
+ 'P&Whitney R-4360',
3259
+ 'Bristol Mercury',
3260
+ 'Gen Electric GE36',
3261
+ 'P&Whitney R-4360',
3262
+ 'P&Whitney R-4360',
3263
+ 'Bristol Mercury',
3264
+ 'Bristol Mercury',
3265
+ 'Allison V-1710',
3266
+ 'Allison V-1710',
3267
+ 'Allison V-1710',
3268
+ 'P&Whitney R-4360',
3269
+ 'Bristol Mercury',
3270
+ 'Allison V-1710',
3271
+ 'P&Whitney R-4360',
3272
+ 'Bristol Mercury',
3273
+ 'Bristol Mercury',
3274
+ 'Bristol Mercury',
3275
+ 'Allison V-1710',
3276
+ 'Allison V-1710',
3277
+ 'BMW VI',
3278
+ 'Bristol Mercury',
3279
+ 'BMW VI',
3280
+ 'Gen Electric GE36',
3281
+ 'Gen Electric GE36',
3282
+ 'BMW VI',
3283
+ 'Allison V-1710',
3284
+ 'P&Whitney R-4360',
3285
+ 'Gen Electric GE36',
3286
+ 'P&Whitney R-4360',
3287
+ 'Bristol Mercury',
3288
+ 'P&Whitney R-4360',
3289
+ 'P&Whitney R-4360',
3290
+ 'Gen Electric GE36',
3291
+ 'BMW VI',
3292
+ 'Bristol Mercury',
3293
+ 'P&Whitney R-4360',
3294
+ 'Bristol Mercury',
3295
+ 'Gen Electric GE36',
3296
+ 'BMW VI',
3297
+ 'P&Whitney R-4360',
3298
+ 'Gen Electric GE36',
3299
+ 'Gen Electric GE36',
3300
+ 'BMW VI',
3301
+ 'P&Whitney R-4360',
3302
+ 'BMW VI',
3303
+ 'Allison V-1710',
3304
+ 'Gen Electric GE36',
3305
+ 'BMW VI',
3306
+ 'Gen Electric GE36',
3307
+ 'BMW VI',
3308
+ 'Gen Electric GE36',
3309
+ 'P&Whitney R-4360',
3310
+ 'BMW VI',
3311
+ 'Bristol Mercury',
3312
+ 'Bristol Mercury',
3313
+ 'BMW VI',
3314
+ 'Allison V-1710',
3315
+ 'Bristol Mercury',
3316
+ 'BMW VI',
3317
+ 'BMW VI',
3318
+ 'Gen Electric GE36',
3319
+ 'BMW VI',
3320
+ 'P&Whitney R-4360',
3321
+ ],
3322
+ ],
3323
+ },
3324
+ meta: { totalCount: 100 },
3325
+ },
3326
+ }}
3327
+ />
3328
+ );
3329
+ ```
3330
+
3331
+ ## Series Color: Red, Blue, Green, Orange, Cyan
3332
+
3333
+ - **Key:** Custom Series Color
3334
+
3335
+ ```jsx
3336
+ import React from 'react';
3337
+ import Punchcard from '@splunk/visualizations/Punchcard';
3338
+
3339
+ export default () => (
3340
+ <Punchcard
3341
+ options={{
3342
+ colorMode: 'categorical',
3343
+ seriesColors: ['#FF0000', '#0000FF', '#008000', '#FFA500', '#00FFFF'],
3344
+ }}
3345
+ dataSources={{
3346
+ primary: {
3347
+ requestParams: { offset: 0, count: 73 },
3348
+ data: {
3349
+ fields: [
3350
+ {
3351
+ name: 'date_hour',
3352
+ },
3353
+ {
3354
+ name: 'date_wday',
3355
+ },
3356
+ {
3357
+ name: 'count',
3358
+ },
3359
+ {
3360
+ name: 'category',
3361
+ },
3362
+ ],
3363
+ columns: [
3364
+ [
3365
+ '12',
3366
+ '12',
3367
+ '12',
3368
+ '12',
3369
+ '12',
3370
+ '12',
3371
+ '12',
3372
+ '1',
3373
+ '1',
3374
+ '1',
3375
+ '1',
3376
+ '1',
3377
+ '1',
3378
+ '1',
3379
+ '2',
3380
+ '2',
3381
+ '2',
3382
+ '2',
3383
+ '2',
3384
+ '3',
3385
+ '3',
3386
+ '3',
3387
+ '4',
3388
+ '4',
3389
+ '4',
3390
+ '4',
3391
+ '5',
3392
+ '5',
3393
+ '5',
3394
+ '5',
3395
+ '5',
3396
+ '6',
3397
+ '6',
3398
+ '6',
3399
+ '6',
3400
+ '6',
3401
+ '6',
3402
+ '6',
3403
+ '7',
3404
+ '7',
3405
+ '7',
3406
+ '7',
3407
+ '7',
3408
+ '7',
3409
+ '7',
3410
+ '8',
3411
+ '8',
3412
+ '8',
3413
+ '8',
3414
+ '8',
3415
+ '8',
3416
+ '8',
3417
+ '9',
3418
+ '9',
3419
+ '9',
3420
+ '9',
3421
+ '9',
3422
+ '9',
3423
+ '9',
3424
+ '10',
3425
+ '10',
3426
+ '10',
3427
+ '10',
3428
+ '10',
3429
+ '10',
3430
+ '10',
3431
+ '11',
3432
+ '11',
3433
+ '11',
3434
+ '11',
3435
+ '11',
3436
+ '11',
3437
+ '11',
3438
+ ],
3439
+ [
3440
+ 'monday',
3441
+ 'tuesday',
3442
+ 'wednesday',
3443
+ 'thursday',
3444
+ 'friday',
3445
+ 'saturday',
3446
+ 'sunday',
3447
+ 'monday',
3448
+ 'tuesday',
3449
+ 'wednesday',
3450
+ 'thursday',
3451
+ 'friday',
3452
+ 'saturday',
3453
+ 'sunday',
3454
+ 'monday',
3455
+ 'thursday',
3456
+ 'friday',
3457
+ 'saturday',
3458
+ 'sunday',
3459
+ 'wednesday',
3460
+ 'saturday',
3461
+ 'sunday',
3462
+ 'tuesday',
3463
+ 'wednesday',
3464
+ 'thursday',
3465
+ 'friday',
3466
+ 'monday',
3467
+ 'tuesday',
3468
+ 'wednesday',
3469
+ 'thursday',
3470
+ 'friday',
3471
+ 'monday',
3472
+ 'tuesday',
3473
+ 'wednesday',
3474
+ 'thursday',
3475
+ 'friday',
3476
+ 'saturday',
3477
+ 'sunday',
3478
+ 'monday',
3479
+ 'tuesday',
3480
+ 'wednesday',
3481
+ 'thursday',
3482
+ 'friday',
3483
+ 'saturday',
3484
+ 'sunday',
3485
+ 'monday',
3486
+ 'tuesday',
3487
+ 'wednesday',
3488
+ 'thursday',
3489
+ 'friday',
3490
+ 'saturday',
3491
+ 'sunday',
3492
+ 'monday',
3493
+ 'tuesday',
3494
+ 'wednesday',
3495
+ 'thursday',
3496
+ 'friday',
3497
+ 'saturday',
3498
+ 'sunday',
3499
+ 'monday',
3500
+ 'tuesday',
3501
+ 'wednesday',
3502
+ 'thursday',
3503
+ 'friday',
3504
+ 'saturday',
3505
+ 'sunday',
3506
+ 'monday',
3507
+ 'tuesday',
3508
+ 'wednesday',
3509
+ 'thursday',
3510
+ 'friday',
3511
+ 'saturday',
3512
+ 'sunday',
3513
+ ],
3514
+ [
3515
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
3516
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
3517
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
3518
+ 38, 34, 30, 38, 62, 70,
3519
+ ],
3520
+ [
3521
+ 'Gen Electric GE36',
3522
+ 'Gen Electric GE36',
3523
+ 'P&Whitney R-4360',
3524
+ 'Allison V-1710',
3525
+ 'Allison V-1710',
3526
+ 'Allison V-1710',
3527
+ 'BMW VI',
3528
+ 'Gen Electric GE36',
3529
+ 'Bristol Mercury',
3530
+ 'P&Whitney R-4360',
3531
+ 'P&Whitney R-4360',
3532
+ 'Bristol Mercury',
3533
+ 'Gen Electric GE36',
3534
+ 'P&Whitney R-4360',
3535
+ 'P&Whitney R-4360',
3536
+ 'Bristol Mercury',
3537
+ 'Bristol Mercury',
3538
+ 'Allison V-1710',
3539
+ 'Allison V-1710',
3540
+ 'Allison V-1710',
3541
+ 'P&Whitney R-4360',
3542
+ 'Bristol Mercury',
3543
+ 'Allison V-1710',
3544
+ 'P&Whitney R-4360',
3545
+ 'Bristol Mercury',
3546
+ 'Bristol Mercury',
3547
+ 'Bristol Mercury',
3548
+ 'Allison V-1710',
3549
+ 'Allison V-1710',
3550
+ 'BMW VI',
3551
+ 'Bristol Mercury',
3552
+ 'BMW VI',
3553
+ 'Gen Electric GE36',
3554
+ 'Gen Electric GE36',
3555
+ 'BMW VI',
3556
+ 'Allison V-1710',
3557
+ 'P&Whitney R-4360',
3558
+ 'Gen Electric GE36',
3559
+ 'P&Whitney R-4360',
3560
+ 'Bristol Mercury',
3561
+ 'P&Whitney R-4360',
3562
+ 'P&Whitney R-4360',
3563
+ 'Gen Electric GE36',
3564
+ 'BMW VI',
3565
+ 'Bristol Mercury',
3566
+ 'P&Whitney R-4360',
3567
+ 'Bristol Mercury',
3568
+ 'Gen Electric GE36',
3569
+ 'BMW VI',
3570
+ 'P&Whitney R-4360',
3571
+ 'Gen Electric GE36',
3572
+ 'Gen Electric GE36',
3573
+ 'BMW VI',
3574
+ 'P&Whitney R-4360',
3575
+ 'BMW VI',
3576
+ 'Allison V-1710',
3577
+ 'Gen Electric GE36',
3578
+ 'BMW VI',
3579
+ 'Gen Electric GE36',
3580
+ 'BMW VI',
3581
+ 'Gen Electric GE36',
3582
+ 'P&Whitney R-4360',
3583
+ 'BMW VI',
3584
+ 'Bristol Mercury',
3585
+ 'Bristol Mercury',
3586
+ 'BMW VI',
3587
+ 'Allison V-1710',
3588
+ 'Bristol Mercury',
3589
+ 'BMW VI',
3590
+ 'BMW VI',
3591
+ 'Gen Electric GE36',
3592
+ 'BMW VI',
3593
+ 'P&Whitney R-4360',
3594
+ ],
3595
+ ],
3596
+ },
3597
+ meta: { totalCount: 100 },
3598
+ },
3599
+ }}
3600
+ />
3601
+ );
3602
+ ```
3603
+
3604
+ ## Show Default Sort - True
3605
+
3606
+ - **Key:** Sort Axis Labels
3607
+
3608
+ ```jsx
3609
+ import React from 'react';
3610
+ import Punchcard from '@splunk/visualizations/Punchcard';
3611
+
3612
+ export default () => (
3613
+ <Punchcard
3614
+ options={{ showDefaultSort: true }}
3615
+ dataSources={{
3616
+ primary: {
3617
+ requestParams: { offset: 0, count: 73 },
3618
+ data: {
3619
+ fields: [
3620
+ {
3621
+ name: 'date_hour',
3622
+ },
3623
+ {
3624
+ name: 'date_wday',
3625
+ },
3626
+ {
3627
+ name: 'count',
3628
+ },
3629
+ ],
3630
+ columns: [
3631
+ [
3632
+ '12',
3633
+ '12',
3634
+ '12',
3635
+ '12',
3636
+ '12',
3637
+ '12',
3638
+ '12',
3639
+ '1',
3640
+ '1',
3641
+ '1',
3642
+ '1',
3643
+ '1',
3644
+ '1',
3645
+ '1',
3646
+ '2',
3647
+ '2',
3648
+ '2',
3649
+ '2',
3650
+ '2',
3651
+ '3',
3652
+ '3',
3653
+ '3',
3654
+ '4',
3655
+ '4',
3656
+ '4',
3657
+ '4',
3658
+ '5',
3659
+ '5',
3660
+ '5',
3661
+ '5',
3662
+ '5',
3663
+ '6',
3664
+ '6',
3665
+ '6',
3666
+ '6',
3667
+ '6',
3668
+ '6',
3669
+ '6',
3670
+ '7',
3671
+ '7',
3672
+ '7',
3673
+ '7',
3674
+ '7',
3675
+ '7',
3676
+ '7',
3677
+ '8',
3678
+ '8',
3679
+ '8',
3680
+ '8',
3681
+ '8',
3682
+ '8',
3683
+ '8',
3684
+ '9',
3685
+ '9',
3686
+ '9',
3687
+ '9',
3688
+ '9',
3689
+ '9',
3690
+ '9',
3691
+ '10',
3692
+ '10',
3693
+ '10',
3694
+ '10',
3695
+ '10',
3696
+ '10',
3697
+ '10',
3698
+ '11',
3699
+ '11',
3700
+ '11',
3701
+ '11',
3702
+ '11',
3703
+ '11',
3704
+ '11',
3705
+ ],
3706
+ [
3707
+ 'monday',
3708
+ 'tuesday',
3709
+ 'wednesday',
3710
+ 'thursday',
3711
+ 'friday',
3712
+ 'saturday',
3713
+ 'sunday',
3714
+ 'monday',
3715
+ 'tuesday',
3716
+ 'wednesday',
3717
+ 'thursday',
3718
+ 'friday',
3719
+ 'saturday',
3720
+ 'sunday',
3721
+ 'monday',
3722
+ 'thursday',
3723
+ 'friday',
3724
+ 'saturday',
3725
+ 'sunday',
3726
+ 'wednesday',
3727
+ 'saturday',
3728
+ 'sunday',
3729
+ 'tuesday',
3730
+ 'wednesday',
3731
+ 'thursday',
3732
+ 'friday',
3733
+ 'monday',
3734
+ 'tuesday',
3735
+ 'wednesday',
3736
+ 'thursday',
3737
+ 'friday',
3738
+ 'monday',
3739
+ 'tuesday',
3740
+ 'wednesday',
3741
+ 'thursday',
3742
+ 'friday',
3743
+ 'saturday',
3744
+ 'sunday',
3745
+ 'monday',
3746
+ 'tuesday',
3747
+ 'wednesday',
3748
+ 'thursday',
3749
+ 'friday',
3750
+ 'saturday',
3751
+ 'sunday',
3752
+ 'monday',
3753
+ 'tuesday',
3754
+ 'wednesday',
3755
+ 'thursday',
3756
+ 'friday',
3757
+ 'saturday',
3758
+ 'sunday',
3759
+ 'monday',
3760
+ 'tuesday',
3761
+ 'wednesday',
3762
+ 'thursday',
3763
+ 'friday',
3764
+ 'saturday',
3765
+ 'sunday',
3766
+ 'monday',
3767
+ 'tuesday',
3768
+ 'wednesday',
3769
+ 'thursday',
3770
+ 'friday',
3771
+ 'saturday',
3772
+ 'sunday',
3773
+ 'monday',
3774
+ 'tuesday',
3775
+ 'wednesday',
3776
+ 'thursday',
3777
+ 'friday',
3778
+ 'saturday',
3779
+ 'sunday',
3780
+ ],
3781
+ [
3782
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
3783
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
3784
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
3785
+ 38, 34, 30, 38, 62, 70,
3786
+ ],
3787
+ ],
3788
+ },
3789
+ meta: { totalCount: 100 },
3790
+ },
3791
+ }}
3792
+ />
3793
+ );
3794
+ ```
3795
+
3796
+ ## Show Dynamic Bubble Size - True
3797
+
3798
+ - **Key:** Dynamic Sizing
3799
+
3800
+ ```jsx
3801
+ import React from 'react';
3802
+ import Punchcard from '@splunk/visualizations/Punchcard';
3803
+
3804
+ export default () => (
3805
+ <Punchcard
3806
+ options={{ showDynamicBubbleSize: true }}
3807
+ dataSources={{
3808
+ primary: {
3809
+ requestParams: { offset: 0, count: 73 },
3810
+ data: {
3811
+ fields: [
3812
+ {
3813
+ name: 'date_hour',
3814
+ },
3815
+ {
3816
+ name: 'date_wday',
3817
+ },
3818
+ {
3819
+ name: 'count',
3820
+ },
3821
+ ],
3822
+ columns: [
3823
+ [
3824
+ '12',
3825
+ '12',
3826
+ '12',
3827
+ '12',
3828
+ '12',
3829
+ '12',
3830
+ '12',
3831
+ '1',
3832
+ '1',
3833
+ '1',
3834
+ '1',
3835
+ '1',
3836
+ '1',
3837
+ '1',
3838
+ '2',
3839
+ '2',
3840
+ '2',
3841
+ '2',
3842
+ '2',
3843
+ '3',
3844
+ '3',
3845
+ '3',
3846
+ '4',
3847
+ '4',
3848
+ '4',
3849
+ '4',
3850
+ '5',
3851
+ '5',
3852
+ '5',
3853
+ '5',
3854
+ '5',
3855
+ '6',
3856
+ '6',
3857
+ '6',
3858
+ '6',
3859
+ '6',
3860
+ '6',
3861
+ '6',
3862
+ '7',
3863
+ '7',
3864
+ '7',
3865
+ '7',
3866
+ '7',
3867
+ '7',
3868
+ '7',
3869
+ '8',
3870
+ '8',
3871
+ '8',
3872
+ '8',
3873
+ '8',
3874
+ '8',
3875
+ '8',
3876
+ '9',
3877
+ '9',
3878
+ '9',
3879
+ '9',
3880
+ '9',
3881
+ '9',
3882
+ '9',
3883
+ '10',
3884
+ '10',
3885
+ '10',
3886
+ '10',
3887
+ '10',
3888
+ '10',
3889
+ '10',
3890
+ '11',
3891
+ '11',
3892
+ '11',
3893
+ '11',
3894
+ '11',
3895
+ '11',
3896
+ '11',
3897
+ ],
3898
+ [
3899
+ 'monday',
3900
+ 'tuesday',
3901
+ 'wednesday',
3902
+ 'thursday',
3903
+ 'friday',
3904
+ 'saturday',
3905
+ 'sunday',
3906
+ 'monday',
3907
+ 'tuesday',
3908
+ 'wednesday',
3909
+ 'thursday',
3910
+ 'friday',
3911
+ 'saturday',
3912
+ 'sunday',
3913
+ 'monday',
3914
+ 'thursday',
3915
+ 'friday',
3916
+ 'saturday',
3917
+ 'sunday',
3918
+ 'wednesday',
3919
+ 'saturday',
3920
+ 'sunday',
3921
+ 'tuesday',
3922
+ 'wednesday',
3923
+ 'thursday',
3924
+ 'friday',
3925
+ 'monday',
3926
+ 'tuesday',
3927
+ 'wednesday',
3928
+ 'thursday',
3929
+ 'friday',
3930
+ 'monday',
3931
+ 'tuesday',
3932
+ 'wednesday',
3933
+ 'thursday',
3934
+ 'friday',
3935
+ 'saturday',
3936
+ 'sunday',
3937
+ 'monday',
3938
+ 'tuesday',
3939
+ 'wednesday',
3940
+ 'thursday',
3941
+ 'friday',
3942
+ 'saturday',
3943
+ 'sunday',
3944
+ 'monday',
3945
+ 'tuesday',
3946
+ 'wednesday',
3947
+ 'thursday',
3948
+ 'friday',
3949
+ 'saturday',
3950
+ 'sunday',
3951
+ 'monday',
3952
+ 'tuesday',
3953
+ 'wednesday',
3954
+ 'thursday',
3955
+ 'friday',
3956
+ 'saturday',
3957
+ 'sunday',
3958
+ 'monday',
3959
+ 'tuesday',
3960
+ 'wednesday',
3961
+ 'thursday',
3962
+ 'friday',
3963
+ 'saturday',
3964
+ 'sunday',
3965
+ 'monday',
3966
+ 'tuesday',
3967
+ 'wednesday',
3968
+ 'thursday',
3969
+ 'friday',
3970
+ 'saturday',
3971
+ 'sunday',
3972
+ ],
3973
+ [
3974
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
3975
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
3976
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
3977
+ 38, 34, 30, 38, 62, 70,
3978
+ ],
3979
+ ],
3980
+ },
3981
+ meta: { totalCount: 100 },
3982
+ },
3983
+ }}
3984
+ />
3985
+ );
3986
+ ```
3987
+
3988
+ ## Show Dynamic Bubble Size - False
3989
+
3990
+ - **Key:** Fixed Sizing Code
3991
+
3992
+ ```jsx
3993
+ import React from 'react';
3994
+ import Punchcard from '@splunk/visualizations/Punchcard';
3995
+
3996
+ export default () => (
3997
+ <Punchcard
3998
+ options={{ showDynamicBubbleSize: false }}
3999
+ dataSources={{
4000
+ primary: {
4001
+ requestParams: { offset: 0, count: 73 },
4002
+ data: {
4003
+ fields: [
4004
+ {
4005
+ name: 'date_hour',
4006
+ },
4007
+ {
4008
+ name: 'date_wday',
4009
+ },
4010
+ {
4011
+ name: 'count',
4012
+ },
4013
+ ],
4014
+ columns: [
4015
+ [
4016
+ '12',
4017
+ '12',
4018
+ '12',
4019
+ '12',
4020
+ '12',
4021
+ '12',
4022
+ '12',
4023
+ '1',
4024
+ '1',
4025
+ '1',
4026
+ '1',
4027
+ '1',
4028
+ '1',
4029
+ '1',
4030
+ '2',
4031
+ '2',
4032
+ '2',
4033
+ '2',
4034
+ '2',
4035
+ '3',
4036
+ '3',
4037
+ '3',
4038
+ '4',
4039
+ '4',
4040
+ '4',
4041
+ '4',
4042
+ '5',
4043
+ '5',
4044
+ '5',
4045
+ '5',
4046
+ '5',
4047
+ '6',
4048
+ '6',
4049
+ '6',
4050
+ '6',
4051
+ '6',
4052
+ '6',
4053
+ '6',
4054
+ '7',
4055
+ '7',
4056
+ '7',
4057
+ '7',
4058
+ '7',
4059
+ '7',
4060
+ '7',
4061
+ '8',
4062
+ '8',
4063
+ '8',
4064
+ '8',
4065
+ '8',
4066
+ '8',
4067
+ '8',
4068
+ '9',
4069
+ '9',
4070
+ '9',
4071
+ '9',
4072
+ '9',
4073
+ '9',
4074
+ '9',
4075
+ '10',
4076
+ '10',
4077
+ '10',
4078
+ '10',
4079
+ '10',
4080
+ '10',
4081
+ '10',
4082
+ '11',
4083
+ '11',
4084
+ '11',
4085
+ '11',
4086
+ '11',
4087
+ '11',
4088
+ '11',
4089
+ ],
4090
+ [
4091
+ 'monday',
4092
+ 'tuesday',
4093
+ 'wednesday',
4094
+ 'thursday',
4095
+ 'friday',
4096
+ 'saturday',
4097
+ 'sunday',
4098
+ 'monday',
4099
+ 'tuesday',
4100
+ 'wednesday',
4101
+ 'thursday',
4102
+ 'friday',
4103
+ 'saturday',
4104
+ 'sunday',
4105
+ 'monday',
4106
+ 'thursday',
4107
+ 'friday',
4108
+ 'saturday',
4109
+ 'sunday',
4110
+ 'wednesday',
4111
+ 'saturday',
4112
+ 'sunday',
4113
+ 'tuesday',
4114
+ 'wednesday',
4115
+ 'thursday',
4116
+ 'friday',
4117
+ 'monday',
4118
+ 'tuesday',
4119
+ 'wednesday',
4120
+ 'thursday',
4121
+ 'friday',
4122
+ 'monday',
4123
+ 'tuesday',
4124
+ 'wednesday',
4125
+ 'thursday',
4126
+ 'friday',
4127
+ 'saturday',
4128
+ 'sunday',
4129
+ 'monday',
4130
+ 'tuesday',
4131
+ 'wednesday',
4132
+ 'thursday',
4133
+ 'friday',
4134
+ 'saturday',
4135
+ 'sunday',
4136
+ 'monday',
4137
+ 'tuesday',
4138
+ 'wednesday',
4139
+ 'thursday',
4140
+ 'friday',
4141
+ 'saturday',
4142
+ 'sunday',
4143
+ 'monday',
4144
+ 'tuesday',
4145
+ 'wednesday',
4146
+ 'thursday',
4147
+ 'friday',
4148
+ 'saturday',
4149
+ 'sunday',
4150
+ 'monday',
4151
+ 'tuesday',
4152
+ 'wednesday',
4153
+ 'thursday',
4154
+ 'friday',
4155
+ 'saturday',
4156
+ 'sunday',
4157
+ 'monday',
4158
+ 'tuesday',
4159
+ 'wednesday',
4160
+ 'thursday',
4161
+ 'friday',
4162
+ 'saturday',
4163
+ 'sunday',
4164
+ ],
4165
+ [
4166
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
4167
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
4168
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
4169
+ 38, 34, 30, 38, 62, 70,
4170
+ ],
4171
+ ],
4172
+ },
4173
+ meta: { totalCount: 100 },
4174
+ },
4175
+ }}
4176
+ />
4177
+ );
4178
+ ```
4179
+
4180
+ ## Show Max Value Pulsation - True
4181
+
4182
+ - **Key:** Show Max Value Pulsation
4183
+
4184
+ ```jsx
4185
+ import React from 'react';
4186
+ import Punchcard from '@splunk/visualizations/Punchcard';
4187
+
4188
+ export default () => (
4189
+ <Punchcard
4190
+ options={{ showMaxValuePulsation: true }}
4191
+ dataSources={{
4192
+ primary: {
4193
+ requestParams: { offset: 0, count: 73 },
4194
+ data: {
4195
+ fields: [
4196
+ {
4197
+ name: 'date_hour',
4198
+ },
4199
+ {
4200
+ name: 'date_wday',
4201
+ },
4202
+ {
4203
+ name: 'count',
4204
+ },
4205
+ ],
4206
+ columns: [
4207
+ [
4208
+ '12',
4209
+ '12',
4210
+ '12',
4211
+ '12',
4212
+ '12',
4213
+ '12',
4214
+ '12',
4215
+ '1',
4216
+ '1',
4217
+ '1',
4218
+ '1',
4219
+ '1',
4220
+ '1',
4221
+ '1',
4222
+ '2',
4223
+ '2',
4224
+ '2',
4225
+ '2',
4226
+ '2',
4227
+ '3',
4228
+ '3',
4229
+ '3',
4230
+ '4',
4231
+ '4',
4232
+ '4',
4233
+ '4',
4234
+ '5',
4235
+ '5',
4236
+ '5',
4237
+ '5',
4238
+ '5',
4239
+ '6',
4240
+ '6',
4241
+ '6',
4242
+ '6',
4243
+ '6',
4244
+ '6',
4245
+ '6',
4246
+ '7',
4247
+ '7',
4248
+ '7',
4249
+ '7',
4250
+ '7',
4251
+ '7',
4252
+ '7',
4253
+ '8',
4254
+ '8',
4255
+ '8',
4256
+ '8',
4257
+ '8',
4258
+ '8',
4259
+ '8',
4260
+ '9',
4261
+ '9',
4262
+ '9',
4263
+ '9',
4264
+ '9',
4265
+ '9',
4266
+ '9',
4267
+ '10',
4268
+ '10',
4269
+ '10',
4270
+ '10',
4271
+ '10',
4272
+ '10',
4273
+ '10',
4274
+ '11',
4275
+ '11',
4276
+ '11',
4277
+ '11',
4278
+ '11',
4279
+ '11',
4280
+ '11',
4281
+ ],
4282
+ [
4283
+ 'monday',
4284
+ 'tuesday',
4285
+ 'wednesday',
4286
+ 'thursday',
4287
+ 'friday',
4288
+ 'saturday',
4289
+ 'sunday',
4290
+ 'monday',
4291
+ 'tuesday',
4292
+ 'wednesday',
4293
+ 'thursday',
4294
+ 'friday',
4295
+ 'saturday',
4296
+ 'sunday',
4297
+ 'monday',
4298
+ 'thursday',
4299
+ 'friday',
4300
+ 'saturday',
4301
+ 'sunday',
4302
+ 'wednesday',
4303
+ 'saturday',
4304
+ 'sunday',
4305
+ 'tuesday',
4306
+ 'wednesday',
4307
+ 'thursday',
4308
+ 'friday',
4309
+ 'monday',
4310
+ 'tuesday',
4311
+ 'wednesday',
4312
+ 'thursday',
4313
+ 'friday',
4314
+ 'monday',
4315
+ 'tuesday',
4316
+ 'wednesday',
4317
+ 'thursday',
4318
+ 'friday',
4319
+ 'saturday',
4320
+ 'sunday',
4321
+ 'monday',
4322
+ 'tuesday',
4323
+ 'wednesday',
4324
+ 'thursday',
4325
+ 'friday',
4326
+ 'saturday',
4327
+ 'sunday',
4328
+ 'monday',
4329
+ 'tuesday',
4330
+ 'wednesday',
4331
+ 'thursday',
4332
+ 'friday',
4333
+ 'saturday',
4334
+ 'sunday',
4335
+ 'monday',
4336
+ 'tuesday',
4337
+ 'wednesday',
4338
+ 'thursday',
4339
+ 'friday',
4340
+ 'saturday',
4341
+ 'sunday',
4342
+ 'monday',
4343
+ 'tuesday',
4344
+ 'wednesday',
4345
+ 'thursday',
4346
+ 'friday',
4347
+ 'saturday',
4348
+ 'sunday',
4349
+ 'monday',
4350
+ 'tuesday',
4351
+ 'wednesday',
4352
+ 'thursday',
4353
+ 'friday',
4354
+ 'saturday',
4355
+ 'sunday',
4356
+ ],
4357
+ [
4358
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
4359
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
4360
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
4361
+ 38, 34, 30, 38, 62, 70,
4362
+ ],
4363
+ ],
4364
+ },
4365
+ meta: { totalCount: 100 },
4366
+ },
4367
+ }}
4368
+ />
4369
+ );
4370
+ ```
4371
+
4372
+ ## Show Max Value Pulsation - False
4373
+
4374
+ - **Key:** Hide Max Value Pulsation
4375
+
4376
+ ```jsx
4377
+ import React from 'react';
4378
+ import Punchcard from '@splunk/visualizations/Punchcard';
4379
+
4380
+ export default () => (
4381
+ <Punchcard
4382
+ options={{ showMaxValuePulsation: false }}
4383
+ dataSources={{
4384
+ primary: {
4385
+ requestParams: { offset: 0, count: 73 },
4386
+ data: {
4387
+ fields: [
4388
+ {
4389
+ name: 'date_hour',
4390
+ },
4391
+ {
4392
+ name: 'date_wday',
4393
+ },
4394
+ {
4395
+ name: 'count',
4396
+ },
4397
+ ],
4398
+ columns: [
4399
+ [
4400
+ '12',
4401
+ '12',
4402
+ '12',
4403
+ '12',
4404
+ '12',
4405
+ '12',
4406
+ '12',
4407
+ '1',
4408
+ '1',
4409
+ '1',
4410
+ '1',
4411
+ '1',
4412
+ '1',
4413
+ '1',
4414
+ '2',
4415
+ '2',
4416
+ '2',
4417
+ '2',
4418
+ '2',
4419
+ '3',
4420
+ '3',
4421
+ '3',
4422
+ '4',
4423
+ '4',
4424
+ '4',
4425
+ '4',
4426
+ '5',
4427
+ '5',
4428
+ '5',
4429
+ '5',
4430
+ '5',
4431
+ '6',
4432
+ '6',
4433
+ '6',
4434
+ '6',
4435
+ '6',
4436
+ '6',
4437
+ '6',
4438
+ '7',
4439
+ '7',
4440
+ '7',
4441
+ '7',
4442
+ '7',
4443
+ '7',
4444
+ '7',
4445
+ '8',
4446
+ '8',
4447
+ '8',
4448
+ '8',
4449
+ '8',
4450
+ '8',
4451
+ '8',
4452
+ '9',
4453
+ '9',
4454
+ '9',
4455
+ '9',
4456
+ '9',
4457
+ '9',
4458
+ '9',
4459
+ '10',
4460
+ '10',
4461
+ '10',
4462
+ '10',
4463
+ '10',
4464
+ '10',
4465
+ '10',
4466
+ '11',
4467
+ '11',
4468
+ '11',
4469
+ '11',
4470
+ '11',
4471
+ '11',
4472
+ '11',
4473
+ ],
4474
+ [
4475
+ 'monday',
4476
+ 'tuesday',
4477
+ 'wednesday',
4478
+ 'thursday',
4479
+ 'friday',
4480
+ 'saturday',
4481
+ 'sunday',
4482
+ 'monday',
4483
+ 'tuesday',
4484
+ 'wednesday',
4485
+ 'thursday',
4486
+ 'friday',
4487
+ 'saturday',
4488
+ 'sunday',
4489
+ 'monday',
4490
+ 'thursday',
4491
+ 'friday',
4492
+ 'saturday',
4493
+ 'sunday',
4494
+ 'wednesday',
4495
+ 'saturday',
4496
+ 'sunday',
4497
+ 'tuesday',
4498
+ 'wednesday',
4499
+ 'thursday',
4500
+ 'friday',
4501
+ 'monday',
4502
+ 'tuesday',
4503
+ 'wednesday',
4504
+ 'thursday',
4505
+ 'friday',
4506
+ 'monday',
4507
+ 'tuesday',
4508
+ 'wednesday',
4509
+ 'thursday',
4510
+ 'friday',
4511
+ 'saturday',
4512
+ 'sunday',
4513
+ 'monday',
4514
+ 'tuesday',
4515
+ 'wednesday',
4516
+ 'thursday',
4517
+ 'friday',
4518
+ 'saturday',
4519
+ 'sunday',
4520
+ 'monday',
4521
+ 'tuesday',
4522
+ 'wednesday',
4523
+ 'thursday',
4524
+ 'friday',
4525
+ 'saturday',
4526
+ 'sunday',
4527
+ 'monday',
4528
+ 'tuesday',
4529
+ 'wednesday',
4530
+ 'thursday',
4531
+ 'friday',
4532
+ 'saturday',
4533
+ 'sunday',
4534
+ 'monday',
4535
+ 'tuesday',
4536
+ 'wednesday',
4537
+ 'thursday',
4538
+ 'friday',
4539
+ 'saturday',
4540
+ 'sunday',
4541
+ 'monday',
4542
+ 'tuesday',
4543
+ 'wednesday',
4544
+ 'thursday',
4545
+ 'friday',
4546
+ 'saturday',
4547
+ 'sunday',
4548
+ ],
4549
+ [
4550
+ 3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5, 2, 1, 5, 8, 1, 5, 1, 1, 1, 1, 3,
4551
+ 10, 10, 12, 8, 10, 20, 26, 28, 29, 32, 6, 4, 75, 65, 82, 73, 66, 14, 5, 130, 133,
4552
+ 109, 119, 113, 31, 12, 52, 57, 64, 56, 58, 47, 24, 39, 18, 25, 34, 39, 49, 64, 36,
4553
+ 38, 34, 30, 38, 62, 70,
4554
+ ],
4555
+ ],
4556
+ },
4557
+ meta: { totalCount: 100 },
4558
+ },
4559
+ }}
4560
+ />
4561
+ );
4562
+ ```