@splunk/visualizations 28.6.0 → 28.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Area.js +2 -2
- package/Area.js.map +2 -2
- package/Bar.js +2 -2
- package/Bar.js.map +2 -2
- package/Bubble.js +2 -2
- package/Bubble.js.map +2 -2
- package/CHANGELOG.external.md +45 -50
- package/ChoroplethSvg.js +2 -2
- package/ChoroplethSvg.js.map +2 -2
- package/Column.js +2 -2
- package/Column.js.map +2 -2
- package/Ellipse.js +2 -2
- package/Ellipse.js.map +2 -2
- package/Events/PureEvents/FieldSummaryTooltip.d.ts +8 -31
- package/Events/PureEvents/FieldSummaryTooltip.d.ts.map +1 -1
- package/Events/PureEvents/PureEvents.d.ts.map +1 -1
- package/Events/PureEvents/TimeControlsPopover.d.ts +6 -25
- package/Events/PureEvents/TimeControlsPopover.d.ts.map +1 -1
- package/Events.js +27 -101
- package/Events.js.map +2 -2
- package/FillerGauge.js +10 -5
- package/FillerGauge.js.map +2 -2
- package/Image.js +2 -2
- package/Image.js.map +2 -2
- package/Line.js +2 -2
- package/Line.js.map +2 -2
- package/LinkGraph.js +2 -2
- package/LinkGraph.js.map +2 -2
- package/Map/Map.d.ts +1 -0
- package/Map/Map.d.ts.map +1 -1
- package/Map/PureMap/BubbleLayer.d.ts +22 -4
- package/Map/PureMap/BubbleLayer.d.ts.map +1 -1
- package/Map/PureMap/ChoroplethLayer.d.ts +9 -1
- package/Map/PureMap/ChoroplethLayer.d.ts.map +1 -1
- package/Map/PureMap/ClusterLayer.d.ts +3 -1
- package/Map/PureMap/ClusterLayer.d.ts.map +1 -1
- package/Map/PureMap/LocalChoroplethLayer.d.ts +1 -0
- package/Map/PureMap/LocalChoroplethLayer.d.ts.map +1 -1
- package/Map/PureMap/MapContext.d.ts +13 -0
- package/Map/PureMap/MapContext.d.ts.map +1 -0
- package/Map/PureMap/MarkerLayer.d.ts +19 -2
- package/Map/PureMap/MarkerLayer.d.ts.map +1 -1
- package/Map/PureMap/MarkerWrapper.d.ts +3 -2
- package/Map/PureMap/MarkerWrapper.d.ts.map +1 -1
- package/Map/PureMap/PureMap.d.ts +1 -0
- package/Map/PureMap/PureMap.d.ts.map +1 -1
- package/Map/PureMap/PureMapContainer.d.ts.map +1 -1
- package/Map/PureMap/Tooltip.d.ts +6 -1
- package/Map/PureMap/Tooltip.d.ts.map +1 -1
- package/Map/PureMap/keyboardConstants.d.ts +11 -0
- package/Map/PureMap/keyboardConstants.d.ts.map +1 -0
- package/Map/PureMap/useRovingTabindex.d.ts +18 -0
- package/Map/PureMap/useRovingTabindex.d.ts.map +1 -0
- package/Map.js +1317 -478
- package/Map.js.map +4 -4
- package/Markdown/Markdown.d.ts.map +1 -1
- package/Markdown.config.js +1 -1
- package/Markdown.config.js.map +1 -1
- package/Markdown.js +24 -7
- package/Markdown.js.map +2 -2
- package/MarkerGauge.js +10 -5
- package/MarkerGauge.js.map +2 -2
- package/NetworkGraph/NetworkGraph.d.ts +2 -5
- package/NetworkGraph/NetworkGraph.d.ts.map +1 -1
- package/NetworkGraph/PureNetworkGraph/PureNetworkGraph.d.ts.map +1 -1
- package/NetworkGraph/PureNetworkGraph/components/NetworkGraphSvg.d.ts +1 -0
- package/NetworkGraph/PureNetworkGraph/components/NetworkGraphSvg.d.ts.map +1 -1
- package/NetworkGraph/PureNetworkGraph/components/Node.d.ts +1 -0
- package/NetworkGraph/PureNetworkGraph/components/Node.d.ts.map +1 -1
- package/NetworkGraph/PureNetworkGraph/components/Tooltip.d.ts +1 -1
- package/NetworkGraph/PureNetworkGraph/components/Tooltip.d.ts.map +1 -1
- package/NetworkGraph/PureNetworkGraph/components/ZoomControls.d.ts +1 -0
- package/NetworkGraph/PureNetworkGraph/components/ZoomControls.d.ts.map +1 -1
- package/NetworkGraph/PureNetworkGraph/utils/networkGraphUtils.d.ts +23 -0
- package/NetworkGraph/PureNetworkGraph/utils/networkGraphUtils.d.ts.map +1 -1
- package/NetworkGraph.config.js +2 -0
- package/NetworkGraph.config.js.map +2 -2
- package/NetworkGraph.js +353 -40
- package/NetworkGraph.js.map +4 -4
- package/ParallelCoordinates.js +2 -2
- package/ParallelCoordinates.js.map +2 -2
- package/Pie.js +2 -2
- package/Pie.js.map +2 -2
- package/ProcessTree/ProcessTree.d.ts +3 -1
- package/ProcessTree/ProcessTree.d.ts.map +1 -1
- package/ProcessTree/PureProcessTree/PureProcessTree.d.ts +1 -0
- package/ProcessTree/PureProcessTree/PureProcessTree.d.ts.map +1 -1
- package/ProcessTree/PureProcessTree/components/ProcessTreeLeftPanel.d.ts +2 -0
- package/ProcessTree/PureProcessTree/components/ProcessTreeLeftPanel.d.ts.map +1 -1
- package/ProcessTree/PureProcessTree/components/ProcessTreeRightPanel.d.ts.map +1 -1
- package/ProcessTree/PureProcessTree/hooks/useProcessTreeGraphData.d.ts +3 -1
- package/ProcessTree/PureProcessTree/hooks/useProcessTreeGraphData.d.ts.map +1 -1
- package/ProcessTree/PureProcessTree/mockdata/data.d.ts.map +1 -1
- package/ProcessTree/PureProcessTree/utils/processTreeUtils.d.ts +3 -1
- package/ProcessTree/PureProcessTree/utils/processTreeUtils.d.ts.map +1 -1
- package/ProcessTree.js +101 -31
- package/ProcessTree.js.map +3 -3
- package/Punchcard.js +2 -2
- package/Punchcard.js.map +2 -2
- package/README.md +2 -0
- package/Rectangle.js +2 -2
- package/Rectangle.js.map +2 -2
- package/RichText/PureRichText/Editor/EditorPanel.d.ts.map +1 -1
- package/RichText/PureRichText/InnerEditor.d.ts +10 -0
- package/RichText/PureRichText/InnerEditor.d.ts.map +1 -1
- package/RichText/PureRichText/PureRichText.d.ts +17 -0
- package/RichText/PureRichText/PureRichText.d.ts.map +1 -1
- package/RichText/PureRichText/PureRichTextContext.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useContentSave.d.ts +6 -0
- package/RichText/PureRichText/hooks/useContentSave.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useContentSync.d.ts +13 -1
- package/RichText/PureRichText/hooks/useContentSync.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useDashboardKeyboardNav.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useEditorSetup.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useFakeHighlight.d.ts +1 -16
- package/RichText/PureRichText/hooks/useFakeHighlight.d.ts.map +1 -1
- package/RichText/PureRichText/hooks/useTokenMap.d.ts +37 -35
- package/RichText/PureRichText/hooks/useTokenMap.d.ts.map +1 -1
- package/RichText/PureRichText/renderers/LeafRenderer.d.ts +0 -4
- package/RichText/PureRichText/renderers/LeafRenderer.d.ts.map +1 -1
- package/RichText/PureRichText/types.d.ts +15 -0
- package/RichText/PureRichText/types.d.ts.map +1 -1
- package/RichText/PureRichText/utils/slateUtils.d.ts.map +1 -1
- package/RichText/RichText.d.ts +2 -0
- package/RichText/RichText.d.ts.map +1 -1
- package/RichText/config.d.ts.map +1 -1
- package/RichText.config.js +14 -1
- package/RichText.config.js.map +2 -2
- package/RichText.js +733 -263
- package/RichText.js.map +4 -4
- package/Sankey.js +2 -2
- package/Sankey.js.map +2 -2
- package/Scatter.js +2 -2
- package/Scatter.js.map +2 -2
- package/SingleValue.js +368 -471
- package/SingleValue.js.map +4 -4
- package/SingleValueIcon.js +2 -2
- package/SingleValueIcon.js.map +2 -2
- package/SingleValueRadial.js +2 -2
- package/SingleValueRadial.js.map +2 -2
- package/SparkLine/SparkLine.d.ts +57 -0
- package/SparkLine/SparkLine.d.ts.map +1 -0
- package/SparkLine/index.d.ts +1 -1
- package/SparkLine/index.d.ts.map +1 -1
- package/SparkLine.js +384 -485
- package/SparkLine.js.map +4 -4
- package/Table/PureTable.d.ts +2 -0
- package/Table/PureTable.d.ts.map +1 -1
- package/Table/config.d.ts.map +1 -1
- package/Table/hooks.d.ts +1 -1
- package/Table/hooks.d.ts.map +1 -1
- package/Table.config.js +7 -0
- package/Table.config.js.map +2 -2
- package/Table.js +480 -500
- package/Table.js.map +4 -4
- package/Timeline/PureTimeline/PureTimeline.d.ts +6 -5
- package/Timeline/PureTimeline/PureTimeline.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/CursorPlugin.d.ts +1 -0
- package/Timeline/PureTimeline/src/CursorPlugin.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/TimelineLegend.d.ts +10 -7
- package/Timeline/PureTimeline/src/TimelineLegend.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/TimelineTooltip.d.ts +5 -1
- package/Timeline/PureTimeline/src/TimelineTooltip.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/TimelineUplot.d.ts +19 -2
- package/Timeline/PureTimeline/src/TimelineUplot.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/TimelineYAxis.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/XAxisPlugin.d.ts +1 -0
- package/Timeline/PureTimeline/src/XAxisPlugin.d.ts.map +1 -1
- package/Timeline/PureTimeline/src/utils/timelineUtils.d.ts +8 -0
- package/Timeline/PureTimeline/src/utils/timelineUtils.d.ts.map +1 -1
- package/Timeline.js +449 -211
- package/Timeline.js.map +4 -4
- package/Treemap/PureTreemap/components/PureTreemap.d.ts +42 -0
- package/Treemap/PureTreemap/components/PureTreemap.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapBreadcrumb.d.ts +10 -0
- package/Treemap/PureTreemap/components/TreemapBreadcrumb.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapChildCell.d.ts +28 -0
- package/Treemap/PureTreemap/components/TreemapChildCell.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapHeader.d.ts +19 -0
- package/Treemap/PureTreemap/components/TreemapHeader.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapHoverTarget.d.ts +17 -0
- package/Treemap/PureTreemap/components/TreemapHoverTarget.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapLegend.d.ts +20 -0
- package/Treemap/PureTreemap/components/TreemapLegend.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapNode.d.ts +5 -0
- package/Treemap/PureTreemap/components/TreemapNode.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapParentNode.d.ts +10 -0
- package/Treemap/PureTreemap/components/TreemapParentNode.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapStandaloneNode.d.ts +6 -0
- package/Treemap/PureTreemap/components/TreemapStandaloneNode.d.ts.map +1 -0
- package/Treemap/PureTreemap/components/TreemapTooltip.d.ts +17 -0
- package/Treemap/PureTreemap/components/TreemapTooltip.d.ts.map +1 -0
- package/Treemap/PureTreemap/mockdata/data.d.ts +90 -0
- package/Treemap/PureTreemap/mockdata/data.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapColorUtils.d.ts +67 -0
- package/Treemap/PureTreemap/utils/treemapColorUtils.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapDataColorUtils.d.ts +5 -0
- package/Treemap/PureTreemap/utils/treemapDataColorUtils.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapDataUtils.d.ts +14 -0
- package/Treemap/PureTreemap/utils/treemapDataUtils.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapLayout.d.ts +49 -0
- package/Treemap/PureTreemap/utils/treemapLayout.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapNodeUtils.d.ts +81 -0
- package/Treemap/PureTreemap/utils/treemapNodeUtils.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapTypes.d.ts +37 -0
- package/Treemap/PureTreemap/utils/treemapTypes.d.ts.map +1 -0
- package/Treemap/PureTreemap/utils/treemapUtils.d.ts +76 -0
- package/Treemap/PureTreemap/utils/treemapUtils.d.ts.map +1 -0
- package/Treemap/Treemap.d.ts +12 -0
- package/Treemap/Treemap.d.ts.map +1 -0
- package/Treemap/config.d.ts +4 -0
- package/Treemap/config.d.ts.map +1 -0
- package/Treemap/index.d.ts +3 -0
- package/Treemap/index.d.ts.map +1 -0
- package/Treemap.config.js +465 -0
- package/Treemap.config.js.map +7 -0
- package/Treemap.js +6233 -0
- package/Treemap.js.map +7 -0
- package/common/DocExampleWithVizSandbox.js.map +2 -2
- package/common/GaugeMajorTicks.js.map +2 -2
- package/common/GaugeValueMarker.js +1 -0
- package/common/GaugeValueMarker.js.map +2 -2
- package/common/OptionsDoc.js.map +1 -1
- package/common/OverviewDoc.js.map +2 -2
- package/common/docUtils.d.ts.map +1 -1
- package/common/docUtils.js +1 -8
- package/common/docUtils.js.map +2 -2
- package/common/gaugeUtils.d.ts.map +1 -1
- package/common/gaugeUtils.js +7 -3
- package/common/gaugeUtils.js.map +2 -2
- package/common/hocs/FixedSizeContainer.d.ts.map +1 -1
- package/common/hooks/useDynamicHeight.d.ts +67 -0
- package/common/hooks/useDynamicHeight.d.ts.map +1 -0
- package/common/interfaces/VizCategory.d.ts +2 -1
- package/common/interfaces/VizCategory.d.ts.map +1 -1
- package/common/utils/mapUtils.js +512 -179
- package/common/utils/mapUtils.js.map +4 -4
- package/common/utils/shadowDomUtils.d.ts +2 -0
- package/common/utils/shadowDomUtils.d.ts.map +1 -0
- package/common/utils/shadowDomUtils.js +39 -0
- package/common/utils/shadowDomUtils.js.map +7 -0
- package/common/withDashboardViz.js +2 -2
- package/common/withDashboardViz.js.map +2 -2
- package/docs-llm/INDEX.md +119 -0
- package/docs-llm/area/examples-json.md +3854 -0
- package/docs-llm/area/examples-react.md +2816 -0
- package/docs-llm/area/options.md +97 -0
- package/docs-llm/area/overview.md +27 -0
- package/docs-llm/bar/examples-json.md +3380 -0
- package/docs-llm/bar/examples-react.md +2352 -0
- package/docs-llm/bar/options.md +89 -0
- package/docs-llm/bar/overview.md +25 -0
- package/docs-llm/bubble/examples-json.md +4082 -0
- package/docs-llm/bubble/examples-react.md +3977 -0
- package/docs-llm/bubble/options.md +62 -0
- package/docs-llm/bubble/overview.md +26 -0
- package/docs-llm/choropleth-svg/examples-json.md +397 -0
- package/docs-llm/choropleth-svg/examples-react.md +389 -0
- package/docs-llm/choropleth-svg/options.md +15 -0
- package/docs-llm/choropleth-svg/overview.md +23 -0
- package/docs-llm/column/examples-json.md +3898 -0
- package/docs-llm/column/examples-react.md +2653 -0
- package/docs-llm/column/options.md +94 -0
- package/docs-llm/column/overview.md +31 -0
- package/docs-llm/dsl/examples-json.md +43 -0
- package/docs-llm/dsl/examples-react.md +78 -0
- package/docs-llm/dsl/formatters/format-by-type-examples-json.md +58 -0
- package/docs-llm/dsl/formatters/format-by-type-examples-react.md +43 -0
- package/docs-llm/dsl/formatters/format-by-type.md +38 -0
- package/docs-llm/dsl/formatters/frame-examples-json.md +42 -0
- package/docs-llm/dsl/formatters/frame-examples-react.md +24 -0
- package/docs-llm/dsl/formatters/frame.md +6 -0
- package/docs-llm/dsl/formatters/gradient-examples-json.md +98 -0
- package/docs-llm/dsl/formatters/gradient-examples-react.md +44 -0
- package/docs-llm/dsl/formatters/gradient.md +23 -0
- package/docs-llm/dsl/formatters/lerp-examples-json.md +40 -0
- package/docs-llm/dsl/formatters/lerp-examples-react.md +28 -0
- package/docs-llm/dsl/formatters/lerp.md +19 -0
- package/docs-llm/dsl/formatters/match-value-examples-json.md +65 -0
- package/docs-llm/dsl/formatters/match-value-examples-react.md +37 -0
- package/docs-llm/dsl/formatters/match-value.md +13 -0
- package/docs-llm/dsl/formatters/max-contrast-examples-json.md +39 -0
- package/docs-llm/dsl/formatters/max-contrast-examples-react.md +27 -0
- package/docs-llm/dsl/formatters/max-contrast.md +9 -0
- package/docs-llm/dsl/formatters/multi-format-examples-json.md +67 -0
- package/docs-llm/dsl/formatters/multi-format-examples-react.md +49 -0
- package/docs-llm/dsl/formatters/multi-format.md +12 -0
- package/docs-llm/dsl/formatters/objects-examples-json.md +49 -0
- package/docs-llm/dsl/formatters/objects-examples-react.md +37 -0
- package/docs-llm/dsl/formatters/objects.md +3 -0
- package/docs-llm/dsl/formatters/pick-examples-json.md +59 -0
- package/docs-llm/dsl/formatters/pick-examples-react.md +30 -0
- package/docs-llm/dsl/formatters/pick.md +9 -0
- package/docs-llm/dsl/formatters/prefix-examples-json.md +29 -0
- package/docs-llm/dsl/formatters/prefix-examples-react.md +19 -0
- package/docs-llm/dsl/formatters/prefix.md +3 -0
- package/docs-llm/dsl/formatters/prepend-examples-json.md +51 -0
- package/docs-llm/dsl/formatters/prepend-examples-react.md +33 -0
- package/docs-llm/dsl/formatters/prepend.md +9 -0
- package/docs-llm/dsl/formatters/range-value-examples-json.md +48 -0
- package/docs-llm/dsl/formatters/range-value-examples-react.md +34 -0
- package/docs-llm/dsl/formatters/range-value.md +15 -0
- package/docs-llm/dsl/formatters/set-color-channel-examples-json.md +40 -0
- package/docs-llm/dsl/formatters/set-color-channel-examples-react.md +31 -0
- package/docs-llm/dsl/formatters/set-color-channel.md +9 -0
- package/docs-llm/dsl/formatters/suffix-examples-json.md +29 -0
- package/docs-llm/dsl/formatters/suffix-examples-react.md +19 -0
- package/docs-llm/dsl/formatters/suffix.md +3 -0
- package/docs-llm/dsl/formatters/type-examples-json.md +37 -0
- package/docs-llm/dsl/formatters/type-examples-react.md +20 -0
- package/docs-llm/dsl/formatters/type.md +3 -0
- package/docs-llm/dsl/overview.md +41 -0
- package/docs-llm/dsl/selectors/abs.md +7 -0
- package/docs-llm/dsl/selectors/ceil.md +7 -0
- package/docs-llm/dsl/selectors/data-frame-average-examples-json.md +41 -0
- package/docs-llm/dsl/selectors/data-frame-average-examples-react.md +36 -0
- package/docs-llm/dsl/selectors/data-frame-average.md +7 -0
- package/docs-llm/dsl/selectors/data-frame-count-examples-json.md +41 -0
- package/docs-llm/dsl/selectors/data-frame-count-examples-react.md +36 -0
- package/docs-llm/dsl/selectors/data-frame-count.md +7 -0
- package/docs-llm/dsl/selectors/data-frame-examples-json.md +830 -0
- package/docs-llm/dsl/selectors/data-frame-examples-react.md +929 -0
- package/docs-llm/dsl/selectors/data-frame-get-field-examples-json.md +89 -0
- package/docs-llm/dsl/selectors/data-frame-get-field-examples-react.md +124 -0
- package/docs-llm/dsl/selectors/data-frame-get-field.md +5 -0
- package/docs-llm/dsl/selectors/data-frame-get-raw-value.md +5 -0
- package/docs-llm/dsl/selectors/data-frame-get-type.md +5 -0
- package/docs-llm/dsl/selectors/data-frame-get-value.md +5 -0
- package/docs-llm/dsl/selectors/data-frame-max-examples-json.md +51 -0
- package/docs-llm/dsl/selectors/data-frame-max-examples-react.md +41 -0
- package/docs-llm/dsl/selectors/data-frame-max.md +7 -0
- package/docs-llm/dsl/selectors/data-frame-min-examples-json.md +51 -0
- package/docs-llm/dsl/selectors/data-frame-min-examples-react.md +41 -0
- package/docs-llm/dsl/selectors/data-frame-min.md +7 -0
- package/docs-llm/dsl/selectors/data-frame-percentile-examples-json.md +41 -0
- package/docs-llm/dsl/selectors/data-frame-percentile-examples-react.md +36 -0
- package/docs-llm/dsl/selectors/data-frame-percentile.md +8 -0
- package/docs-llm/dsl/selectors/data-frame-set-value.md +5 -0
- package/docs-llm/dsl/selectors/data-frame-sum-examples-json.md +51 -0
- package/docs-llm/dsl/selectors/data-frame-sum-examples-react.md +41 -0
- package/docs-llm/dsl/selectors/data-frame-sum.md +7 -0
- package/docs-llm/dsl/selectors/data-frame.md +4 -0
- package/docs-llm/dsl/selectors/data-point-get-field.md +5 -0
- package/docs-llm/dsl/selectors/data-point-get-raw-value.md +4 -0
- package/docs-llm/dsl/selectors/data-point-get-type.md +5 -0
- package/docs-llm/dsl/selectors/data-point-get-value.md +5 -0
- package/docs-llm/dsl/selectors/data-point-set-value.md +4 -0
- package/docs-llm/dsl/selectors/data-point.md +5 -0
- package/docs-llm/dsl/selectors/data-series-average.md +22 -0
- package/docs-llm/dsl/selectors/data-series-count.md +14 -0
- package/docs-llm/dsl/selectors/data-series-get-field.md +5 -0
- package/docs-llm/dsl/selectors/data-series-get-raw-value.md +4 -0
- package/docs-llm/dsl/selectors/data-series-get-type.md +5 -0
- package/docs-llm/dsl/selectors/data-series-get-value.md +4 -0
- package/docs-llm/dsl/selectors/data-series-max.md +5 -0
- package/docs-llm/dsl/selectors/data-series-min.md +5 -0
- package/docs-llm/dsl/selectors/data-series-percentile.md +17 -0
- package/docs-llm/dsl/selectors/data-series-set-value.md +4 -0
- package/docs-llm/dsl/selectors/data-series-sum.md +24 -0
- package/docs-llm/dsl/selectors/data-series.md +4 -0
- package/docs-llm/dsl/selectors/delta.md +7 -0
- package/docs-llm/dsl/selectors/divide.md +8 -0
- package/docs-llm/dsl/selectors/first-point.md +5 -0
- package/docs-llm/dsl/selectors/floor.md +7 -0
- package/docs-llm/dsl/selectors/frame-by-series-index-range-examples-json.md +89 -0
- package/docs-llm/dsl/selectors/frame-by-series-index-range-examples-react.md +88 -0
- package/docs-llm/dsl/selectors/frame-by-series-index-range.md +10 -0
- package/docs-llm/dsl/selectors/frame-by-series-indexes-examples-json.md +88 -0
- package/docs-llm/dsl/selectors/frame-by-series-indexes-examples-react.md +87 -0
- package/docs-llm/dsl/selectors/frame-by-series-indexes.md +9 -0
- package/docs-llm/dsl/selectors/frame-by-series-names-examples-json.md +89 -0
- package/docs-llm/dsl/selectors/frame-by-series-names-examples-react.md +88 -0
- package/docs-llm/dsl/selectors/frame-by-series-names-or-indexes-examples-json.md +89 -0
- package/docs-llm/dsl/selectors/frame-by-series-names-or-indexes-examples-react.md +88 -0
- package/docs-llm/dsl/selectors/frame-by-series-names-or-indexes.md +9 -0
- package/docs-llm/dsl/selectors/frame-by-series-names.md +9 -0
- package/docs-llm/dsl/selectors/frame-by-series-types-examples-json.md +89 -0
- package/docs-llm/dsl/selectors/frame-by-series-types-examples-react.md +88 -0
- package/docs-llm/dsl/selectors/frame-by-series-types.md +9 -0
- package/docs-llm/dsl/selectors/frame-without-internal-fields-examples-json.md +137 -0
- package/docs-llm/dsl/selectors/frame-without-internal-fields-examples-react.md +135 -0
- package/docs-llm/dsl/selectors/frame-without-internal-fields-except-examples-json.md +157 -0
- package/docs-llm/dsl/selectors/frame-without-internal-fields-except-examples-react.md +155 -0
- package/docs-llm/dsl/selectors/frame-without-internal-fields-except.md +21 -0
- package/docs-llm/dsl/selectors/frame-without-internal-fields.md +17 -0
- package/docs-llm/dsl/selectors/frame-without-series-names.md +8 -0
- package/docs-llm/dsl/selectors/last-point.md +5 -0
- package/docs-llm/dsl/selectors/minus.md +8 -0
- package/docs-llm/dsl/selectors/multiply.md +8 -0
- package/docs-llm/dsl/selectors/plus.md +8 -0
- package/docs-llm/dsl/selectors/point-by-index.md +6 -0
- package/docs-llm/dsl/selectors/points-by-indexes.md +6 -0
- package/docs-llm/dsl/selectors/round.md +7 -0
- package/docs-llm/dsl/selectors/series-by-index-examples-json.md +49 -0
- package/docs-llm/dsl/selectors/series-by-index-examples-react.md +39 -0
- package/docs-llm/dsl/selectors/series-by-index.md +8 -0
- package/docs-llm/dsl/selectors/series-by-name-examples-json.md +49 -0
- package/docs-llm/dsl/selectors/series-by-name-examples-react.md +39 -0
- package/docs-llm/dsl/selectors/series-by-name.md +8 -0
- package/docs-llm/dsl/selectors/series-by-prioritized-types-examples-json.md +47 -0
- package/docs-llm/dsl/selectors/series-by-prioritized-types-examples-react.md +39 -0
- package/docs-llm/dsl/selectors/series-by-prioritized-types.md +10 -0
- package/docs-llm/dsl/selectors/series-by-type-examples-json.md +49 -0
- package/docs-llm/dsl/selectors/series-by-type-examples-react.md +39 -0
- package/docs-llm/dsl/selectors/series-by-type.md +10 -0
- package/docs-llm/dsl/selectors/series-by-types.md +6 -0
- package/docs-llm/ellipse/examples-json.md +5 -0
- package/docs-llm/ellipse/examples-react.md +5 -0
- package/docs-llm/ellipse/options.md +16 -0
- package/docs-llm/ellipse/overview.md +5 -0
- package/docs-llm/events/examples-json.md +705 -0
- package/docs-llm/events/examples-react.md +536 -0
- package/docs-llm/events/options.md +18 -0
- package/docs-llm/events/overview.md +5 -0
- package/docs-llm/filler-gauge/examples-json.md +376 -0
- package/docs-llm/filler-gauge/examples-react.md +274 -0
- package/docs-llm/filler-gauge/options.md +26 -0
- package/docs-llm/filler-gauge/overview.md +5 -0
- package/docs-llm/image/examples-json.md +39 -0
- package/docs-llm/image/examples-react.md +65 -0
- package/docs-llm/image/options.md +13 -0
- package/docs-llm/image/overview.md +5 -0
- package/docs-llm/line/examples-json.md +3724 -0
- package/docs-llm/line/examples-react.md +2683 -0
- package/docs-llm/line/options.md +95 -0
- package/docs-llm/line/overview.md +29 -0
- package/docs-llm/link-graph/examples-json.md +5 -0
- package/docs-llm/link-graph/examples-react.md +5 -0
- package/docs-llm/link-graph/options.md +26 -0
- package/docs-llm/link-graph/overview.md +16 -0
- package/docs-llm/map/examples-json.md +13973 -0
- package/docs-llm/map/examples-react.md +6154 -0
- package/docs-llm/map/options.md +22 -0
- package/docs-llm/map/overview.md +32 -0
- package/docs-llm/markdown/examples-json.md +63 -0
- package/docs-llm/markdown/examples-react.md +98 -0
- package/docs-llm/markdown/options.md +17 -0
- package/docs-llm/markdown/overview.md +5 -0
- package/docs-llm/marker-gauge/examples-json.md +436 -0
- package/docs-llm/marker-gauge/examples-react.md +367 -0
- package/docs-llm/marker-gauge/options.md +26 -0
- package/docs-llm/marker-gauge/overview.md +5 -0
- package/docs-llm/network-graph/examples-json.md +8843 -0
- package/docs-llm/network-graph/examples-react.md +7339 -0
- package/docs-llm/network-graph/options.md +50 -0
- package/docs-llm/network-graph/overview.md +28 -0
- package/docs-llm/parallel-coordinates/examples-json.md +8376 -0
- package/docs-llm/parallel-coordinates/examples-react.md +2771 -0
- package/docs-llm/parallel-coordinates/options.md +14 -0
- package/docs-llm/parallel-coordinates/overview.md +22 -0
- package/docs-llm/pie/examples-json.md +851 -0
- package/docs-llm/pie/examples-react.md +606 -0
- package/docs-llm/pie/options.md +34 -0
- package/docs-llm/pie/overview.md +23 -0
- package/docs-llm/process-tree/options.md +32 -0
- package/docs-llm/punchcard/examples-json.md +6134 -0
- package/docs-llm/punchcard/examples-react.md +4562 -0
- package/docs-llm/punchcard/options.md +33 -0
- package/docs-llm/punchcard/overview.md +5 -0
- package/docs-llm/pure-rich-text/options.md +29 -0
- package/docs-llm/rectangle/examples-json.md +5 -0
- package/docs-llm/rectangle/examples-react.md +5 -0
- package/docs-llm/rectangle/options.md +19 -0
- package/docs-llm/rectangle/overview.md +5 -0
- package/docs-llm/rich-text/examples-json.md +96 -0
- package/docs-llm/rich-text/examples-react.md +119 -0
- package/docs-llm/rich-text/options.md +29 -0
- package/docs-llm/rich-text/overview.md +5 -0
- package/docs-llm/sankey/examples-json.md +844 -0
- package/docs-llm/sankey/examples-react.md +546 -0
- package/docs-llm/sankey/options.md +19 -0
- package/docs-llm/sankey/overview.md +24 -0
- package/docs-llm/scatter/examples-json.md +4012 -0
- package/docs-llm/scatter/examples-react.md +3914 -0
- package/docs-llm/scatter/options.md +68 -0
- package/docs-llm/scatter/overview.md +25 -0
- package/docs-llm/single-value/examples-json.md +2613 -0
- package/docs-llm/single-value/examples-react.md +2296 -0
- package/docs-llm/single-value/options.md +49 -0
- package/docs-llm/single-value/overview.md +23 -0
- package/docs-llm/single-value-icon/examples-json.md +1686 -0
- package/docs-llm/single-value-icon/examples-react.md +1573 -0
- package/docs-llm/single-value-icon/options.md +43 -0
- package/docs-llm/single-value-icon/overview.md +5 -0
- package/docs-llm/single-value-radial/examples-json.md +1178 -0
- package/docs-llm/single-value-radial/examples-react.md +1028 -0
- package/docs-llm/single-value-radial/options.md +41 -0
- package/docs-llm/single-value-radial/overview.md +5 -0
- package/docs-llm/table/examples-json.md +5 -0
- package/docs-llm/table/examples-react.md +5 -0
- package/docs-llm/table/options.md +26 -0
- package/docs-llm/table/overview.md +24 -0
- package/docs-llm/timeline/examples-json.md +5 -0
- package/docs-llm/timeline/examples-react.md +5 -0
- package/docs-llm/timeline/options.md +27 -0
- package/docs-llm/timeline/overview.md +24 -0
- package/docs-llm/treemap/examples-json.md +5 -0
- package/docs-llm/treemap/examples-react.md +5 -0
- package/docs-llm/treemap/options.md +26 -0
- package/docs-llm/treemap/overview.md +27 -0
- package/package.json +33 -28
|
@@ -0,0 +1,546 @@
|
|
|
1
|
+
# Sankey Examples
|
|
2
|
+
|
|
3
|
+
**Component Reference:** Sankey or @splunk/visualizations/Sankey
|
|
4
|
+
|
|
5
|
+
## Basic Sankey
|
|
6
|
+
|
|
7
|
+
- **Key:** Basic
|
|
8
|
+
|
|
9
|
+
```jsx
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import Sankey from '@splunk/visualizations/Sankey';
|
|
12
|
+
|
|
13
|
+
export default () => (
|
|
14
|
+
<Sankey
|
|
15
|
+
dataSources={{
|
|
16
|
+
primary: {
|
|
17
|
+
data: {
|
|
18
|
+
columns: [
|
|
19
|
+
['Oil', 'Natural Gas', 'Coal', 'Coal', 'Fossil Fuels', 'Electricity'],
|
|
20
|
+
['Fossil Fuels', 'Fossil Fuels', 'Fossil Fuels', 'Electricity', 'Energy', 'Energy'],
|
|
21
|
+
[15, 20, 25, 25, 60, 25],
|
|
22
|
+
],
|
|
23
|
+
fields: ['source', 'target', 'value'],
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
}}
|
|
27
|
+
/>
|
|
28
|
+
);
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## Background Color
|
|
32
|
+
|
|
33
|
+
- **Key:** Background Color
|
|
34
|
+
|
|
35
|
+
```jsx
|
|
36
|
+
import React from 'react';
|
|
37
|
+
import Sankey from '@splunk/visualizations/Sankey';
|
|
38
|
+
|
|
39
|
+
export default () => (
|
|
40
|
+
<Sankey
|
|
41
|
+
options={{
|
|
42
|
+
backgroundColor: 'pink',
|
|
43
|
+
}}
|
|
44
|
+
dataSources={{
|
|
45
|
+
primary: {
|
|
46
|
+
data: {
|
|
47
|
+
columns: [
|
|
48
|
+
['Oil', 'Natural Gas', 'Coal', 'Coal', 'Fossil Fuels', 'Electricity'],
|
|
49
|
+
['Fossil Fuels', 'Fossil Fuels', 'Fossil Fuels', 'Electricity', 'Energy', 'Energy'],
|
|
50
|
+
[15, 20, 25, 25, 60, 25],
|
|
51
|
+
],
|
|
52
|
+
fields: ['source', 'target', 'value'],
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
}}
|
|
56
|
+
/>
|
|
57
|
+
);
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
## Backward Links
|
|
61
|
+
|
|
62
|
+
- **Key:** Backward Links
|
|
63
|
+
|
|
64
|
+
```jsx
|
|
65
|
+
import React from 'react';
|
|
66
|
+
import Sankey from '@splunk/visualizations/Sankey';
|
|
67
|
+
|
|
68
|
+
export default () => (
|
|
69
|
+
<Sankey
|
|
70
|
+
dataSources={{
|
|
71
|
+
primary: {
|
|
72
|
+
data: {
|
|
73
|
+
columns: [
|
|
74
|
+
[
|
|
75
|
+
'Oil',
|
|
76
|
+
'Natural Gas',
|
|
77
|
+
'Coal',
|
|
78
|
+
'Coal',
|
|
79
|
+
'Fossil Fuels',
|
|
80
|
+
'Electricity',
|
|
81
|
+
'Electricity',
|
|
82
|
+
'Energy',
|
|
83
|
+
],
|
|
84
|
+
[
|
|
85
|
+
'Fossil Fuels',
|
|
86
|
+
'Fossil Fuels',
|
|
87
|
+
'Fossil Fuels',
|
|
88
|
+
'Electricity',
|
|
89
|
+
'Energy',
|
|
90
|
+
'Energy',
|
|
91
|
+
'Electricity',
|
|
92
|
+
'Oil',
|
|
93
|
+
],
|
|
94
|
+
[15, 20, 25, 25, 60, 25, 5, 2],
|
|
95
|
+
],
|
|
96
|
+
fields: ['source', 'target', 'value'],
|
|
97
|
+
},
|
|
98
|
+
},
|
|
99
|
+
}}
|
|
100
|
+
/>
|
|
101
|
+
);
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
## Specified Field for Link Values
|
|
105
|
+
|
|
106
|
+
- **Key:** Specified Field
|
|
107
|
+
|
|
108
|
+
```jsx
|
|
109
|
+
import React from 'react';
|
|
110
|
+
import Sankey from '@splunk/visualizations/Sankey';
|
|
111
|
+
|
|
112
|
+
export default () => (
|
|
113
|
+
<Sankey
|
|
114
|
+
options={{
|
|
115
|
+
linkValues: '> primary | seriesByName("value2")',
|
|
116
|
+
}}
|
|
117
|
+
dataSources={{
|
|
118
|
+
primary: {
|
|
119
|
+
data: {
|
|
120
|
+
columns: [
|
|
121
|
+
['Oil', 'Natural Gas', 'Coal', 'Coal', 'Fossil Fuels', 'Electricity'],
|
|
122
|
+
['Fossil Fuels', 'Fossil Fuels', 'Fossil Fuels', 'Electricity', 'Energy', 'Energy'],
|
|
123
|
+
[15, 20, 25, 25, 60, 25],
|
|
124
|
+
[1, 20, 3, 4, 50, 6],
|
|
125
|
+
],
|
|
126
|
+
fields: ['source', 'target', 'value', 'value2'],
|
|
127
|
+
},
|
|
128
|
+
},
|
|
129
|
+
}}
|
|
130
|
+
/>
|
|
131
|
+
);
|
|
132
|
+
```
|
|
133
|
+
|
|
134
|
+
## Link Opacity
|
|
135
|
+
|
|
136
|
+
- **Key:** Link Opacity
|
|
137
|
+
|
|
138
|
+
```jsx
|
|
139
|
+
import React from 'react';
|
|
140
|
+
import Sankey from '@splunk/visualizations/Sankey';
|
|
141
|
+
|
|
142
|
+
export default () => (
|
|
143
|
+
<Sankey
|
|
144
|
+
options={{
|
|
145
|
+
linkOpacity: 0.2,
|
|
146
|
+
}}
|
|
147
|
+
dataSources={{
|
|
148
|
+
primary: {
|
|
149
|
+
data: {
|
|
150
|
+
columns: [
|
|
151
|
+
['Oil', 'Natural Gas', 'Coal', 'Coal', 'Fossil Fuels', 'Electricity'],
|
|
152
|
+
['Fossil Fuels', 'Fossil Fuels', 'Fossil Fuels', 'Electricity', 'Energy', 'Energy'],
|
|
153
|
+
[15, 20, 25, 25, 60, 25],
|
|
154
|
+
],
|
|
155
|
+
fields: ['source', 'target', 'value'],
|
|
156
|
+
},
|
|
157
|
+
},
|
|
158
|
+
}}
|
|
159
|
+
/>
|
|
160
|
+
);
|
|
161
|
+
```
|
|
162
|
+
|
|
163
|
+
## Series Colors
|
|
164
|
+
|
|
165
|
+
- **Key:** Series Colors
|
|
166
|
+
|
|
167
|
+
```jsx
|
|
168
|
+
import React from 'react';
|
|
169
|
+
import Sankey from '@splunk/visualizations/Sankey';
|
|
170
|
+
|
|
171
|
+
export default () => (
|
|
172
|
+
<Sankey
|
|
173
|
+
options={{
|
|
174
|
+
seriesColors: ['#9980FF', '#45D4BA', '#FB865C', '#66AAF9', '#E85B79', '#88EE66', '#F0B000'],
|
|
175
|
+
}}
|
|
176
|
+
dataSources={{
|
|
177
|
+
primary: {
|
|
178
|
+
data: {
|
|
179
|
+
columns: [
|
|
180
|
+
['Oil', 'Natural Gas', 'Coal', 'Coal', 'Fossil Fuels', 'Electricity'],
|
|
181
|
+
['Fossil Fuels', 'Fossil Fuels', 'Fossil Fuels', 'Electricity', 'Energy', 'Energy'],
|
|
182
|
+
[15, 20, 25, 25, 60, 25],
|
|
183
|
+
],
|
|
184
|
+
fields: ['source', 'target', 'value'],
|
|
185
|
+
},
|
|
186
|
+
},
|
|
187
|
+
}}
|
|
188
|
+
/>
|
|
189
|
+
);
|
|
190
|
+
```
|
|
191
|
+
|
|
192
|
+
## Link Colors
|
|
193
|
+
|
|
194
|
+
- **Key:** Link Colors
|
|
195
|
+
|
|
196
|
+
```jsx
|
|
197
|
+
import React from 'react';
|
|
198
|
+
import Sankey from '@splunk/visualizations/Sankey';
|
|
199
|
+
|
|
200
|
+
export default () => (
|
|
201
|
+
<Sankey
|
|
202
|
+
context={{
|
|
203
|
+
linkColorRangeConfig: [
|
|
204
|
+
{ to: 20, value: '#D41F1F' },
|
|
205
|
+
{ from: 20, to: 40, value: '#D94E17' },
|
|
206
|
+
{ from: 40, to: 60, value: '#CBA700' },
|
|
207
|
+
{ from: 60, to: 80, value: '#669922' },
|
|
208
|
+
{ from: 80, value: '#118832' },
|
|
209
|
+
],
|
|
210
|
+
}}
|
|
211
|
+
options={{
|
|
212
|
+
colorMode: 'dynamic',
|
|
213
|
+
}}
|
|
214
|
+
dataSources={{
|
|
215
|
+
primary: {
|
|
216
|
+
data: {
|
|
217
|
+
columns: [
|
|
218
|
+
['Oil', 'Natural Gas', 'Coal', 'Coal', 'Fossil Fuels', 'Electricity'],
|
|
219
|
+
['Fossil Fuels', 'Fossil Fuels', 'Fossil Fuels', 'Electricity', 'Energy', 'Energy'],
|
|
220
|
+
[15, 20, 25, 25, 60, 25],
|
|
221
|
+
],
|
|
222
|
+
fields: ['source', 'target', 'value'],
|
|
223
|
+
},
|
|
224
|
+
},
|
|
225
|
+
}}
|
|
226
|
+
/>
|
|
227
|
+
);
|
|
228
|
+
```
|
|
229
|
+
|
|
230
|
+
## Label Display
|
|
231
|
+
|
|
232
|
+
- **Key:** Link Colors
|
|
233
|
+
|
|
234
|
+
```jsx
|
|
235
|
+
import React from 'react';
|
|
236
|
+
import Sankey from '@splunk/visualizations/Sankey';
|
|
237
|
+
|
|
238
|
+
export default () => (
|
|
239
|
+
<Sankey
|
|
240
|
+
options={{
|
|
241
|
+
labelDisplay: 'valuesAndPercentage',
|
|
242
|
+
width: 940,
|
|
243
|
+
height: 490,
|
|
244
|
+
}}
|
|
245
|
+
dataSources={{
|
|
246
|
+
primary: {
|
|
247
|
+
data: {
|
|
248
|
+
columns: [
|
|
249
|
+
[
|
|
250
|
+
'Total Spending',
|
|
251
|
+
'Total Spending',
|
|
252
|
+
'Total Spending',
|
|
253
|
+
'SCP',
|
|
254
|
+
'SCP',
|
|
255
|
+
'Security',
|
|
256
|
+
'Security',
|
|
257
|
+
'Security',
|
|
258
|
+
'Observability',
|
|
259
|
+
'Observability',
|
|
260
|
+
],
|
|
261
|
+
[
|
|
262
|
+
'SCP',
|
|
263
|
+
'Security',
|
|
264
|
+
'Observability',
|
|
265
|
+
'SCP Policy Engine',
|
|
266
|
+
'Service Control API',
|
|
267
|
+
'IAM',
|
|
268
|
+
'Firewall',
|
|
269
|
+
'Encryption',
|
|
270
|
+
'Logging',
|
|
271
|
+
'Monitoring',
|
|
272
|
+
],
|
|
273
|
+
[
|
|
274
|
+
5000000, 8000000, 7000000, 3000000, 2000000, 4000000, 2500000, 1500000, 4000000,
|
|
275
|
+
3000000,
|
|
276
|
+
],
|
|
277
|
+
],
|
|
278
|
+
fields: ['source', 'target', 'value'],
|
|
279
|
+
},
|
|
280
|
+
},
|
|
281
|
+
}}
|
|
282
|
+
/>
|
|
283
|
+
);
|
|
284
|
+
```
|
|
285
|
+
|
|
286
|
+
## Unit
|
|
287
|
+
|
|
288
|
+
- **Key:** Unit
|
|
289
|
+
|
|
290
|
+
```jsx
|
|
291
|
+
import React from 'react';
|
|
292
|
+
import Sankey from '@splunk/visualizations/Sankey';
|
|
293
|
+
|
|
294
|
+
export default () => (
|
|
295
|
+
<Sankey
|
|
296
|
+
options={{
|
|
297
|
+
labelDisplay: 'valuesAndPercentage',
|
|
298
|
+
unit: '$',
|
|
299
|
+
}}
|
|
300
|
+
dataSources={{
|
|
301
|
+
primary: {
|
|
302
|
+
data: {
|
|
303
|
+
columns: [
|
|
304
|
+
['Oil', 'Natural Gas', 'Coal', 'Coal', 'Fossil Fuels', 'Electricity'],
|
|
305
|
+
['Fossil Fuels', 'Fossil Fuels', 'Fossil Fuels', 'Electricity', 'Energy', 'Energy'],
|
|
306
|
+
[15, 20, 25, 25, 60, 25],
|
|
307
|
+
],
|
|
308
|
+
fields: ['source', 'target', 'value'],
|
|
309
|
+
},
|
|
310
|
+
},
|
|
311
|
+
}}
|
|
312
|
+
/>
|
|
313
|
+
);
|
|
314
|
+
```
|
|
315
|
+
|
|
316
|
+
## Limit Results
|
|
317
|
+
|
|
318
|
+
- **Key:** Limit Results
|
|
319
|
+
|
|
320
|
+
```jsx
|
|
321
|
+
import React from 'react';
|
|
322
|
+
import Sankey from '@splunk/visualizations/Sankey';
|
|
323
|
+
|
|
324
|
+
export default () => (
|
|
325
|
+
<Sankey
|
|
326
|
+
options={{
|
|
327
|
+
resultLimit: 4,
|
|
328
|
+
}}
|
|
329
|
+
dataSources={{
|
|
330
|
+
primary: {
|
|
331
|
+
data: {
|
|
332
|
+
columns: [
|
|
333
|
+
['Oil', 'Natural Gas', 'Coal', 'Coal', 'Fossil Fuels', 'Electricity'],
|
|
334
|
+
['Fossil Fuels', 'Fossil Fuels', 'Fossil Fuels', 'Electricity', 'Energy', 'Energy'],
|
|
335
|
+
[15, 20, 25, 25, 60, 25],
|
|
336
|
+
],
|
|
337
|
+
fields: ['source', 'target', 'value'],
|
|
338
|
+
},
|
|
339
|
+
},
|
|
340
|
+
}}
|
|
341
|
+
/>
|
|
342
|
+
);
|
|
343
|
+
```
|
|
344
|
+
|
|
345
|
+
## Dense Data
|
|
346
|
+
|
|
347
|
+
- **Key:** Dense Data
|
|
348
|
+
|
|
349
|
+
```jsx
|
|
350
|
+
import React from 'react';
|
|
351
|
+
import Sankey from '@splunk/visualizations/Sankey';
|
|
352
|
+
|
|
353
|
+
export default () => (
|
|
354
|
+
<Sankey
|
|
355
|
+
options={{
|
|
356
|
+
width: 900,
|
|
357
|
+
height: 600,
|
|
358
|
+
}}
|
|
359
|
+
dataSources={{
|
|
360
|
+
primary: {
|
|
361
|
+
data: {
|
|
362
|
+
columns: [
|
|
363
|
+
[
|
|
364
|
+
'Advocacy and Education',
|
|
365
|
+
'Advocacy and Education',
|
|
366
|
+
'Advocacy and Education',
|
|
367
|
+
'Advocacy and Education',
|
|
368
|
+
'Advocacy and Education',
|
|
369
|
+
'Contributions, Gifts & Grants',
|
|
370
|
+
'Contributions, Gifts & Grants',
|
|
371
|
+
'Contributions, Gifts & Grants',
|
|
372
|
+
'Contributions, Gifts & Grants',
|
|
373
|
+
'Contributions, Gifts & Grants',
|
|
374
|
+
'Contributions, Gifts & Grants',
|
|
375
|
+
'Contributions, Gifts & Grants',
|
|
376
|
+
'Contributions, Gifts & Grants',
|
|
377
|
+
'Development and Relief Services',
|
|
378
|
+
'Development and Relief Services',
|
|
379
|
+
'Development and Relief Services',
|
|
380
|
+
'Development and Relief Services',
|
|
381
|
+
'Development and Relief Services',
|
|
382
|
+
'Environmental Protection and Conservation',
|
|
383
|
+
'Environmental Protection and Conservation',
|
|
384
|
+
'Environmental Protection and Conservation',
|
|
385
|
+
'Environmental Protection and Conservation',
|
|
386
|
+
'Environmental Protection and Conservation',
|
|
387
|
+
'Fundraising Events',
|
|
388
|
+
'Fundraising Events',
|
|
389
|
+
'Fundraising Events',
|
|
390
|
+
'Fundraising Events',
|
|
391
|
+
'Fundraising Events',
|
|
392
|
+
'Fundraising Events',
|
|
393
|
+
'Fundraising Events',
|
|
394
|
+
'Fundraising Events',
|
|
395
|
+
'Government Grants',
|
|
396
|
+
'Government Grants',
|
|
397
|
+
'Government Grants',
|
|
398
|
+
'Government Grants',
|
|
399
|
+
'Government Grants',
|
|
400
|
+
'Government Grants',
|
|
401
|
+
'Government Grants',
|
|
402
|
+
'Government Grants',
|
|
403
|
+
'Homeless Services',
|
|
404
|
+
'Homeless Services',
|
|
405
|
+
'Homeless Services',
|
|
406
|
+
'Homeless Services',
|
|
407
|
+
'Medical Research',
|
|
408
|
+
'Medical Research',
|
|
409
|
+
'Medical Research',
|
|
410
|
+
'Medical Research',
|
|
411
|
+
'Medical Research',
|
|
412
|
+
'Multipurpose Human Service Organizations',
|
|
413
|
+
'Multipurpose Human Service Organizations',
|
|
414
|
+
'Multipurpose Human Service Organizations',
|
|
415
|
+
'Multipurpose Human Service Organizations',
|
|
416
|
+
'Multipurpose Human Service Organizations',
|
|
417
|
+
'Museums',
|
|
418
|
+
'Museums',
|
|
419
|
+
'Museums',
|
|
420
|
+
'Museums',
|
|
421
|
+
'Museums',
|
|
422
|
+
'Other Revenue',
|
|
423
|
+
'Other Revenue',
|
|
424
|
+
'Other Revenue',
|
|
425
|
+
'Other Revenue',
|
|
426
|
+
'Other Revenue',
|
|
427
|
+
'Other Revenue',
|
|
428
|
+
'Other Revenue',
|
|
429
|
+
'Other Revenue',
|
|
430
|
+
'Performing Arts',
|
|
431
|
+
'Performing Arts',
|
|
432
|
+
'Performing Arts',
|
|
433
|
+
'Performing Arts',
|
|
434
|
+
'Performing Arts',
|
|
435
|
+
'Program Service Revenue',
|
|
436
|
+
'Program Service Revenue',
|
|
437
|
+
'Program Service Revenue',
|
|
438
|
+
'Program Service Revenue',
|
|
439
|
+
'Program Service Revenue',
|
|
440
|
+
'Program Service Revenue',
|
|
441
|
+
'Program Service Revenue',
|
|
442
|
+
'Program Service Revenue',
|
|
443
|
+
],
|
|
444
|
+
[
|
|
445
|
+
'Administrative Expenses',
|
|
446
|
+
'Deficit',
|
|
447
|
+
'Excess',
|
|
448
|
+
'Fundraising Expenses',
|
|
449
|
+
'Program Expenses',
|
|
450
|
+
'Advocacy and Education',
|
|
451
|
+
'Development and Relief Services',
|
|
452
|
+
'Environmental Protection and Conservation',
|
|
453
|
+
'Homeless Services',
|
|
454
|
+
'Medical Research',
|
|
455
|
+
'Multipurpose Human Service Organizations',
|
|
456
|
+
'Museums',
|
|
457
|
+
'Performing Arts',
|
|
458
|
+
'Administrative Expenses',
|
|
459
|
+
'Deficit',
|
|
460
|
+
'Excess',
|
|
461
|
+
'Fundraising Expenses',
|
|
462
|
+
'Program Expenses',
|
|
463
|
+
'Administrative Expenses',
|
|
464
|
+
'Deficit',
|
|
465
|
+
'Excess',
|
|
466
|
+
'Fundraising Expenses',
|
|
467
|
+
'Program Expenses',
|
|
468
|
+
'Advocacy and Education',
|
|
469
|
+
'Development and Relief Services',
|
|
470
|
+
'Environmental Protection and Conservation',
|
|
471
|
+
'Homeless Services',
|
|
472
|
+
'Medical Research',
|
|
473
|
+
'Multipurpose Human Service Organizations',
|
|
474
|
+
'Museums',
|
|
475
|
+
'Performing Arts',
|
|
476
|
+
'Advocacy and Education',
|
|
477
|
+
'Development and Relief Services',
|
|
478
|
+
'Environmental Protection and Conservation',
|
|
479
|
+
'Homeless Services',
|
|
480
|
+
'Medical Research',
|
|
481
|
+
'Multipurpose Human Service Organizations',
|
|
482
|
+
'Museums',
|
|
483
|
+
'Performing Arts',
|
|
484
|
+
'Administrative Expenses',
|
|
485
|
+
'Excess',
|
|
486
|
+
'Fundraising Expenses',
|
|
487
|
+
'Program Expenses',
|
|
488
|
+
'Administrative Expenses',
|
|
489
|
+
'Deficit',
|
|
490
|
+
'Excess',
|
|
491
|
+
'Fundraising Expenses',
|
|
492
|
+
'Program Expenses',
|
|
493
|
+
'Administrative Expenses',
|
|
494
|
+
'Deficit',
|
|
495
|
+
'Excess',
|
|
496
|
+
'Fundraising Expenses',
|
|
497
|
+
'Program Expenses',
|
|
498
|
+
'Administrative Expenses',
|
|
499
|
+
'Deficit',
|
|
500
|
+
'Excess',
|
|
501
|
+
'Fundraising Expenses',
|
|
502
|
+
'Program Expenses',
|
|
503
|
+
'Advocacy and Education',
|
|
504
|
+
'Development and Relief Services',
|
|
505
|
+
'Environmental Protection and Conservation',
|
|
506
|
+
'Homeless Services',
|
|
507
|
+
'Medical Research',
|
|
508
|
+
'Multipurpose Human Service Organizations',
|
|
509
|
+
'Museums',
|
|
510
|
+
'Performing Arts',
|
|
511
|
+
'Administrative Expenses',
|
|
512
|
+
'Deficit',
|
|
513
|
+
'Excess',
|
|
514
|
+
'Fundraising Expenses',
|
|
515
|
+
'Program Expenses',
|
|
516
|
+
'Advocacy and Education',
|
|
517
|
+
'Development and Relief Services',
|
|
518
|
+
'Environmental Protection and Conservation',
|
|
519
|
+
'Homeless Services',
|
|
520
|
+
'Medical Research',
|
|
521
|
+
'Multipurpose Human Service Organizations',
|
|
522
|
+
'Museums',
|
|
523
|
+
'Performing Arts',
|
|
524
|
+
],
|
|
525
|
+
[
|
|
526
|
+
86048287, 19527597, 180998707, 102847712, 551149431, 692368620, 5168026746,
|
|
527
|
+
1348059493, 40397702, 3135201571, 596186305, 1134802008, 535612677, 380710374,
|
|
528
|
+
234695006, 301119719, 303222132, 6844599994, 223176655, 12910749, 200278135,
|
|
529
|
+
245605924, 1458686081, 35787203, 47996098, 24894387, 1489828, 1384896423,
|
|
530
|
+
47373812, 74954150, 68126458, 97922898, 1995467819, 177851864, 36400813,
|
|
531
|
+
452557152, 74042793, 289426307, 86150713, 8168643, 11849011, 5258340, 73010009,
|
|
532
|
+
600149733, 143027122, 425457173, 681830799, 5923646137, 159174125, 86842537,
|
|
533
|
+
93271044, 36180706, 1615801951, 360654482, 24558593, 457425006, 129388446,
|
|
534
|
+
1765421094, 45225660, 138826432, 153235160, 7518524, 695777987, 208603344,
|
|
535
|
+
824815361, 169700551, 135910859, 36234508, 140192511, 93937162, 1142671094,
|
|
536
|
+
27444378, 156203421, 384935669, 11863706, 1777488301, 832724174, 273125661,
|
|
537
|
+
600421167,
|
|
538
|
+
],
|
|
539
|
+
],
|
|
540
|
+
fields: ['source', 'target', 'value'],
|
|
541
|
+
},
|
|
542
|
+
},
|
|
543
|
+
}}
|
|
544
|
+
/>
|
|
545
|
+
);
|
|
546
|
+
```
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
# Sankey Visualization Options
|
|
2
|
+
|
|
3
|
+
**Component Reference:** Sankey or @splunk/visualizations/sankey
|
|
4
|
+
|
|
5
|
+
Source: `@splunk/visualization-schemas/sankeyOptionsSchema`
|
|
6
|
+
|
|
7
|
+
| Option | Type | Default | Description |
|
|
8
|
+
| --- | --- | --- | --- |
|
|
9
|
+
| `backgroundColor` | string | `> themes.defaultBackgroundColor` | Specify the color for the background. You may use a dataSource to apply the color. The default for enterprise light is "#ffffff". The default for enterprise dark is "#000000". The default for prisma dark is "#0b0c0e". Pattern: `^#(?:[0-9a-fA-F]{3,4}\|[0-9a-fA-F]{6}\|[0-9a-fA-F]{8})$\|^transparent$\|^rgb\\(\\s*(\\d{1,3}),\\s*(\\d{1,3}),\\s*(\\d{1,3})\\)$\|^rgba\\(\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d{1,3}%?),\\s*(\\d*(?:\\.\\d+)?)\\)$\|\\$(\\w+:)?([^$\|:]+?)(\\\|[\|\\w]+)?\\$` |
|
|
10
|
+
| `colorMode` | string | `categorical` | Specify the coloring method used for the links. When set to "categorical" the nodes and links will be colored based on the "seriesColors". When set to "dynamic" the links will be colored based on the dynamic string assigned to "linkColors". Allowed values: `categorical`, `dynamic` |
|
|
11
|
+
| `labelDisplay` | string | `off` | Specify whether to display the values and/or percentages of the nodes. Values are abbreviated to two decimal points, and a magnitude unit will be displayed. Percentages are calculated using the maximum node value as 100%. For very small nodes (with height < 24px) the values/percentage display is automatically turned off. Allowed values: `values`, `valuesAndPercentage`, `percentage`, `off` |
|
|
12
|
+
| `linkColors` | array<string> | `> linkValues \| rangeValue(linkColorRangeConfig)` | Specify the coloring method used for the links when the colorMode “dynamic” is specified. Items: string |
|
|
13
|
+
| `linkOpacity` | number | `0.5` | Specify the opacity of the links. Choose a number in the range of 0 - 1 (inclusive). |
|
|
14
|
+
| `linkValues` | string | `> primary \| seriesByType('number')` | Specify the dataSource to apply link width. |
|
|
15
|
+
| `resultLimit` | number | `1000` | Specify the maximum length of link data points rendered. |
|
|
16
|
+
| `seriesColors` | array<string> | `["#7B56DB","#009CEB","#00CDAF","#DD9900","#FF677B","#CB2196","#813193","#0051B5","#008C80","#99B100","#FFA476","#FF6ACE","#AE8CFF","#00689D","#00490A","#465D00","#9D6300","#F6540B","#FF969E","#E47BFE"]` | Specify the colors used for a series. For example, ["#FF0000", "#0000FF", "#008000"]. Items: string |
|
|
17
|
+
| `unit` | string | — | Specify text to show on the left of the value in the node label when "labelDisplay" is set to either "values" or "valuesAndPercentage" |
|
|
18
|
+
|
|
19
|
+
_Auto-generated; do not edit by hand._
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# Sankey Visualization Guide
|
|
2
|
+
|
|
3
|
+
**Component Reference:** Sankey or @splunk/visualizations/Sankey
|
|
4
|
+
|
|
5
|
+
## Overview
|
|
6
|
+
|
|
7
|
+
Sankey diagrams are used to depict flows from a set of elements to another. The features being connected in the visualization are called nodes and the connectors are called links. Sankeys are best used when you want to show a many-to-many mapping between two domains or multiple paths through a set of stages. The widths show proportionality to the amount in each link.
|
|
8
|
+
|
|
9
|
+
## Details
|
|
10
|
+
|
|
11
|
+
- **Category:** Flow
|
|
12
|
+
- **Visualization Type:** splunk.sankey
|
|
13
|
+
|
|
14
|
+
## Tips
|
|
15
|
+
|
|
16
|
+
- Sankey diagrams work best when showcasing data that is flowing in a single direction.
|
|
17
|
+
|
|
18
|
+
## Variations
|
|
19
|
+
|
|
20
|
+
| Variation | Description | Key |
|
|
21
|
+
| --- | --- | --- |
|
|
22
|
+
| Coloring Categorically By Node | Use node coloring to easily distinguish between various entities. | coloringCategoricallyByNode |
|
|
23
|
+
| Coloring By Range Value | Use range value coloring to convey numeric thresholds associated with the link width values. | colorByRangeValue |
|
|
24
|
+
| Backward Links | Enable backward links to show data that is flowing in the opposite direction. | backwardLinks |
|