@splunk/visualizations 28.5.3 → 28.7.0

package/docs-llm/filler-gauge/examples-json.md

@@ -0,0 +1,376 @@
+# FillerGauge Examples
+
+**Visualization Reference:** undefined
+
+## Basic Filler Gauge
+
+- **Key:** Basic
+
+```json
+{
+  "context": {},
+  "options": {},
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "78"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
+## Background Color - Blue
+
+- **Key:** Backgroundcolor
+
+```json
+{
+  "context": {},
+  "options": {
+    "backgroundColor": "#0000FF"
+  },
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "78"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
+## Gauge Color - Green
+
+- **Key:** Gaugecolor
+
+```json
+{
+  "context": {},
+  "options": {
+    "gaugeColor": "#008000"
+  },
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "78"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
+## Label Display - Off
+
+- **Key:** Nolabels
+
+```json
+{
+  "context": {},
+  "options": {
+    "labelDisplay": "off"
+  },
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "78"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
+## Label Display - Percentage
+
+- **Key:** Percentage Range
+
+```json
+{
+  "context": {},
+  "options": {
+    "labelDisplay": "percentage"
+  },
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "78"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
+## Major Tick Interval - 25
+
+- **Key:** Majortickinterval
+
+```json
+{
+  "context": {},
+  "options": {
+    "majorTickInterval": "25"
+  },
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "78"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
+## Orientation - Horizontal
+
+- **Key:** Horizontal
+
+```json
+{
+  "context": {},
+  "options": {
+    "orientation": "horizontal"
+  },
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "78"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
+## Value Display - Off
+
+- **Key:** No Value
+
+```json
+{
+  "context": {},
+  "options": {
+    "valueDisplay": "off"
+  },
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "78"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
+## Value Display - Percentage
+
+- **Key:** Percentage Value
+
+```json
+{
+  "context": {},
+  "options": {
+    "valueDisplay": "percentage"
+  },
+  "dataSources": {
+    "primary": {
+      "requestParams": {
+        "offset": 0,
+        "count": 20
+      },
+      "data": {
+        "fields": [
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "78"
+          ]
+        ]
+      },
+      "meta": {
+        "totalCount": 20
+      }
+    }
+  }
+}
+```
+
+## Trellis
+
+- **Key:** Trellis
+
+```json
+{
+  "context": {},
+  "options": {
+    "splitByLayout": "trellis",
+    "trellisSplitBy": "component",
+    "trellis": {
+      "minColumnWidth": 200
+    }
+  },
+  "dataSources": {
+    "primary": {
+      "data": {
+        "fields": [
+          {
+            "name": "component",
+            "groupby_rank": "0"
+          },
+          {
+            "name": "count"
+          }
+        ],
+        "columns": [
+          [
+            "Database",
+            "API",
+            "Cache",
+            "Queue",
+            "Frontend",
+            "Backend"
+          ],
+          [
+            "78",
+            "65",
+            "82",
+            "91",
+            "73",
+            "88"
+          ]
+        ]
+      },
+      "meta": {}
+    }
+  }
+}
+```

package/docs-llm/filler-gauge/examples-react.md

@@ -0,0 +1,274 @@
+# FillerGauge Examples
+
+**Component Reference:** FillerGauge or @splunk/visualizations/FillerGauge
+
+## Basic Filler Gauge
+
+- **Key:** Basic
+
+```jsx
+import React from 'react';
+import FillerGauge from '@splunk/visualizations/FillerGauge';
+
+export default () => (
+    <FillerGauge
+        options={{}}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'count' }],
+                    columns: [['78']],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
+## Background Color - Blue
+
+- **Key:** Backgroundcolor
+
+```jsx
+import React from 'react';
+import FillerGauge from '@splunk/visualizations/FillerGauge';
+
+export default () => (
+    <FillerGauge
+        options={{ backgroundColor: '#0000FF' }}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'count' }],
+                    columns: [['78']],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
+## Gauge Color - Green
+
+- **Key:** Gaugecolor
+
+```jsx
+import React from 'react';
+import FillerGauge from '@splunk/visualizations/FillerGauge';
+
+export default () => (
+    <FillerGauge
+        options={{ gaugeColor: '#008000' }}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'count' }],
+                    columns: [['78']],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
+## Label Display - Off
+
+- **Key:** Nolabels
+
+```jsx
+import React from 'react';
+import FillerGauge from '@splunk/visualizations/FillerGauge';
+
+export default () => (
+    <FillerGauge
+        options={{ labelDisplay: 'off' }}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'count' }],
+                    columns: [['78']],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
+## Label Display - Percentage
+
+- **Key:** Percentage Range
+
+```jsx
+import React from 'react';
+import FillerGauge from '@splunk/visualizations/FillerGauge';
+
+export default () => (
+    <FillerGauge
+        options={{ labelDisplay: 'percentage' }}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'count' }],
+                    columns: [['78']],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
+## Major Tick Interval - 25
+
+- **Key:** Majortickinterval
+
+```jsx
+import React from 'react';
+import FillerGauge from '@splunk/visualizations/FillerGauge';
+
+export default () => (
+    <FillerGauge
+        options={{ majorTickInterval: '25' }}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'count' }],
+                    columns: [['78']],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
+## Orientation - Horizontal
+
+- **Key:** Horizontal
+
+```jsx
+import React from 'react';
+import FillerGauge from '@splunk/visualizations/FillerGauge';
+
+export default () => (
+    <FillerGauge
+        options={{
+            orientation: 'horizontal',
+        }}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'count' }],
+                    columns: [['78']],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
+## Value Display - Off
+
+- **Key:** No Value
+
+```jsx
+import React from 'react';
+import FillerGauge from '@splunk/visualizations/FillerGauge';
+
+export default () => (
+    <FillerGauge
+        options={{ valueDisplay: 'off' }}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'count' }],
+                    columns: [['78']],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
+## Value Display - Percentage
+
+- **Key:** Percentage Value
+
+```jsx
+import React from 'react';
+import FillerGauge from '@splunk/visualizations/FillerGauge';
+
+export default () => (
+    <FillerGauge
+        options={{ valueDisplay: 'percentage' }}
+        dataSources={{
+            primary: {
+                requestParams: { offset: 0, count: 20 },
+                data: {
+                    fields: [{ name: 'count' }],
+                    columns: [['78']],
+                },
+                meta: { totalCount: 20 },
+            },
+        }}
+    />
+);
+```
+
+## Trellis
+
+- **Key:** Trellis
+
+```jsx
+import React from 'react';
+import { FeatureFlagContextProvider } from '@splunk/visualization-context/FeatureFlagContext';
+import FillerGauge from '@splunk/visualizations/FillerGauge';
+
+export default () => (
+    <FeatureFlagContextProvider value={{ visualizations_enableTrellis: true }}>
+        <FillerGauge
+            options={{
+                splitByLayout: 'trellis',
+                trellisSplitBy: 'component',
+                trellis: {
+                    minColumnWidth: 200,
+                },
+            }}
+            dataSources={{
+                primary: {
+                    data: {
+                        fields: [
+                            {
+                                name: 'component',
+                                groupby_rank: '0',
+                            },
+                            {
+                                name: 'count',
+                            },
+                        ],
+                        columns: [
+                            ['Database', 'API', 'Cache', 'Queue', 'Frontend', 'Backend'],
+                            ['78', '65', '82', '91', '73', '88'],
+                        ],
+                    },
+                    meta: {},
+                },
+            }}
+        />
+    </FeatureFlagContextProvider>
+);
+```

package/docs-llm/filler-gauge/options.md

@@ -0,0 +1,26 @@
+# Filler Gauge Visualization Options
+
+**Component Reference:** Filler Gauge or @splunk/visualizations/fillerGauge
+
+Source: `@splunk/visualization-schemas/fillerGaugeOptionsSchema`
+
+| Option | Type | Default | Description |
+| --- | --- | --- | --- |
+| `backgroundColor` | string \| string | `> themes.defaultBackgroundColor` | Specify the color used for the background. The default for enterprise light is "#ffffff". The default for enterprise dark is "#000000". The default for prisma dark is "#0b0c0e". |
+| `gaugeColor` | string \| string | `#7B56DB` | Specify the color for the gauge color of the filler gauge. You may use a dataSource to apply the color. The hex value format should be "#FFFFFF". |
+| `labelDisplay` | string \| string | `number` | Specify whether to display the labels as numbers, percentages, or off. The label right aligns to the value for horizontal orientation, and top aligns for vertical. |
+| `majorTickInterval` | string \| number \| string | `auto` | Specify the interval between major tick marks. |
+| `orientation` | string \| string | `vertical` | Specify the axis orientation of the gauge. |
+| `splitByLayout` | string \| string | `off` | Specify the layout method by which to display the visualization, which splits the data into individual visualizations based on a certain category. |
+| `trellisBackgroundColor` | string \| string | `> themes.defaultBackgroundColor` | Specify the color used for the trellis container background by using a hexadecimal code. For example, #0000FF. |
+| `trellisColumns` | number \| string | `3` | Specify the number of visualizations to display in a given row of the trellis container. The remaining visualizations will wrap accordingly. If nothing is specified, it will be auto-set based on the trellisMinColumnWidth. The minimum value is 1. |
+| `trellisMinColumnWidth` | number \| string | `200` | Specify the minimum width, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1. |
+| `trellisPageCount` | number \| string | `20` | Specify the maximum number of visualizations to display in a single page in the trellis container. The remaining visualizations will paginate accordingly. The minimum value is 1. |
+| `trellisRowHeight` | number \| string | `200` | Specify the height, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1. |
+| `trellisSortBy` | string \| string | `result` | Specify the sort method for the individual visualizations in the trellis container. Use result to sort by search result order, name to sort alphabetically by visualization label, or value to sort by the major value. |
+| `trellisSortOrder` | string \| string | `ascending` | Specify the sort order for the individual visualizations in the trellis container. This setting applies to the sort method specified in trellisSortBy. |
+| `trellisSplitBy` | string \| string | — | Specify the field name of the column with categories used, or “aggregations”, to split the data into individual visualizations for trellis display, if applicable. If a SPL `timechart` command is used, this may default to the SPL `by` clause field. If a SPL `chart` command is used, this may default to the first string field. |
+| `value` | number \| string | `> primary \| seriesByType("number") \| lastPoint()` | Specify the dataSource applied to the value of the filler gauge. |
+| `valueDisplay` | string \| string | `number` | Specify whether to display the value as a number, percentage, or off. |
+
+_Auto-generated; do not edit by hand._

package/docs-llm/filler-gauge/overview.md

@@ -0,0 +1,5 @@
+# FillerGauge Visualization Guide
+
+**Component Reference:** FillerGauge or @splunk/visualizations/FillerGauge
+
+_Overview content not available for this visualization._

package/docs-llm/image/examples-json.md

@@ -0,0 +1,39 @@
+# Image Examples
+
+**Visualization Reference:** undefined
+
+## Basic Image
+
+- **Key:** Basic
+
+```json
+{
+  "context": {},
+  "options": {},
+  "dataSources": {}
+}
+```
+
+## Preserve Aspect Ratio for Image
+
+- **Key:** Preserve
+
+```json
+{
+  "context": {},
+  "options": {},
+  "dataSources": {}
+}
+```
+
+## Persisted Image in ImageRegistry
+
+- **Key:** Remote Image
+
+```json
+{
+  "context": {},
+  "options": {},
+  "dataSources": {}
+}
+```