@luzmo/analytics-components-kit 1.0.1-alpha.54 → 1.0.1-alpha.55
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/components/display-settings/index.cjs +1 -1
- package/components/display-settings/index.js +1 -1
- package/components/display-settings-binning/index.cjs +1 -1
- package/components/display-settings-binning/index.js +3 -3
- package/components/display-settings-datetime/index.cjs +1 -1
- package/components/display-settings-datetime/index.js +4 -4
- package/components/display-settings-grand-totals/index.cjs +1 -1
- package/components/display-settings-grand-totals/index.js +2 -2
- package/components/display-settings-numeric/index.cjs +1 -1
- package/components/display-settings-numeric/index.js +4 -4
- package/components/display-settings-period-over-period/index.cjs +6 -6
- package/components/display-settings-period-over-period/index.js +4 -4
- package/components/draggable-data-item-level/index.cjs +1 -1
- package/components/draggable-data-item-level/index.js +1 -1
- package/components/droppable-slot/index.cjs +1 -1
- package/components/droppable-slot/index.js +1 -1
- package/components/edit-item/index.cjs +1 -1
- package/components/edit-item/index.js +1 -1
- package/components/edit-option-action-button-group/index.cjs +1 -1
- package/components/edit-option-action-button-group/index.js +2 -2
- package/components/edit-option-color-picker/index.cjs +1 -1
- package/components/edit-option-color-picker/index.js +2 -2
- package/components/edit-option-color-range/index.cjs +1 -1
- package/components/edit-option-color-range/index.js +5 -5
- package/components/edit-option-multi-language-field/index.cjs +1 -1
- package/components/edit-option-multi-language-field/index.js +1 -1
- package/components/edit-option-number-field/index.cjs +1 -1
- package/components/edit-option-number-field/index.js +1 -1
- package/components/edit-option-picker/index.cjs +1 -1
- package/components/edit-option-picker/index.js +2 -2
- package/components/edit-option-position-picker/index.cjs +1 -1
- package/components/edit-option-position-picker/index.js +1 -1
- package/components/edit-option-positions-number-field/index.cjs +1 -1
- package/components/edit-option-positions-number-field/index.js +1 -1
- package/components/edit-option-radio-button-group/index.cjs +1 -1
- package/components/edit-option-radio-button-group/index.js +1 -1
- package/components/edit-option-text-field/index.cjs +1 -1
- package/components/edit-option-text-field/index.js +1 -1
- package/components/filter-data-item-picker/index.cjs +1 -1
- package/components/filter-data-item-picker/index.js +3 -3
- package/components/filter-expression-picker/index.cjs +1 -1
- package/components/filter-expression-picker/index.js +1 -1
- package/components/filter-item/index.cjs +1 -1
- package/components/filter-item/index.js +1 -1
- package/components/filter-value-picker/index.cjs +1 -1
- package/components/filter-value-picker/index.js +1 -1
- package/components/filter-value-picker-datetime/index.cjs +1 -1
- package/components/filter-value-picker-datetime/index.js +7 -7
- package/components/filter-value-picker-hierarchy/index.cjs +1 -1
- package/components/filter-value-picker-hierarchy/index.js +2 -2
- package/components/filter-value-picker-numeric/index.cjs +1 -1
- package/components/filter-value-picker-numeric/index.js +2 -2
- package/components/grid/index.cjs +1 -1
- package/components/grid/index.js +2 -2
- package/components/{index-Tx5oQjbt.cjs → index--3gSNupB.cjs} +1 -1
- package/components/{index-B2ngKWOI.js → index-9LxnqLJa.js} +2 -2
- package/components/{index-CZ0HI7ep.js → index-B759H2a6.js} +2 -2
- package/components/{index-tXl_aMnZ.cjs → index-BKx2WhDB.cjs} +1 -1
- package/components/{index-cHKqEi5-.cjs → index-BSgp4MWQ.cjs} +1 -1
- package/components/{index-DTI4dIyd.js → index-BY1yDIAI.js} +634 -586
- package/components/index-Be-pSgzQ.js +174 -0
- package/components/{index-D4JNE3zI.cjs → index-BgaRiq5f.cjs} +1 -1
- package/components/{index-BssHAgUU.js → index-BobhBKA2.js} +1 -1
- package/components/{index-MPM_B4re.cjs → index-Bpdwb9Js.cjs} +3 -3
- package/components/{index-Ck5VRoXN.cjs → index-BukPAqqU.cjs} +1 -1
- package/components/{index-DsP81c4M.js → index-C6NpWavw.js} +2 -2
- package/components/{index-BC1LV3vH.js → index-COU9XhBt.js} +1 -1
- package/components/{index-BEtf1WaQ.js → index-Cf_a7VrO.js} +2 -2
- package/components/{index-DV63kOPg.js → index-CgriGUqp.js} +3 -3
- package/components/{index-D05oY5ND.cjs → index-CpUmLQwd.cjs} +1 -1
- package/components/index-DCdx3dxQ.cjs +42 -0
- package/components/{index-BbpsZYZF.cjs → index-DMhm0FM8.cjs} +26 -25
- package/components/{index-DE3d0E0P.js → index-DYmi-X87.js} +2 -2
- package/components/{index-CbuHBIDB.js → index-DeIay7ZE.js} +2 -2
- package/components/{index-1oIrlkAr.cjs → index-cbfU96gS.cjs} +8 -8
- package/components/{index-DSQyBS9Z.cjs → index-fwJBhawL.cjs} +1 -1
- package/components/index.cjs +1 -1
- package/components/index.js +2 -2
- package/components/item-context-configs.cjs +56 -58
- package/components/item-context-configs.js +151 -35
- package/components/{luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs → luzmo-icons-4nDFv1Lq-D6-m-VWM.cjs} +2 -2
- package/components/{luzmo-icons-DbwDQtuO-QG0fLECn.js → luzmo-icons-4nDFv1Lq-DffGNBpO.js} +7 -7
- package/components/slot-contents-picker/index.cjs +1 -1
- package/components/slot-contents-picker/index.js +3 -3
- package/components/slot-menu/index.cjs +1 -1
- package/components/slot-menu/index.js +1 -1
- package/components/{text-field-BIADXoLC-B9oE05VF.js → text-field-ol9Ed5lQ-DbpeM4EP.js} +1 -1
- package/components/{text-field-BIADXoLC-B8w9TVmS.cjs → text-field-ol9Ed5lQ-cRqtIf_0.cjs} +1 -1
- package/item-definitions/area-chart/area-chart-context.config.d.ts +1 -0
- package/item-definitions/bar-chart/bar-chart-context.config.d.ts +1 -0
- package/item-definitions/box-plot/box-plot-context.config.d.ts +1 -0
- package/item-definitions/bubble-chart/bubble-chart-context.config.d.ts +1 -0
- package/item-definitions/bullet-chart/bullet-chart-context.config.d.ts +1 -0
- package/item-definitions/choropleth-map/choropleth-map-context.config.d.ts +1 -0
- package/item-definitions/circle-pack-chart/circle-pack-chart-context.config.d.ts +1 -0
- package/item-definitions/circular-gauge/circular-gauge-context.config.d.ts +1 -0
- package/item-definitions/column-chart/column-chart-context.config.d.ts +1 -0
- package/item-definitions/combination-chart/combination-chart-context.config.d.ts +1 -0
- package/item-definitions/conditional-number/conditional-number-context.config.d.ts +1 -0
- package/item-definitions/date-filter/date-filter-context.config.d.ts +1 -0
- package/item-definitions/donut-chart/donut-chart-context.config.d.ts +1 -0
- package/item-definitions/dropdown-filter/dropdown-filter-context.config.d.ts +1 -0
- package/item-definitions/evolution-number/evolution-number-context.config.d.ts +1 -0
- package/item-definitions/funnel-chart/funnel-chart-context.config.d.ts +1 -0
- package/item-definitions/heat-map/heat-map-context.config.d.ts +1 -0
- package/item-definitions/heat-table/heat-table-context.config.d.ts +1 -0
- package/item-definitions/hexbin-map/hexbin-map-context.config.d.ts +1 -0
- package/item-definitions/image/image-context.config.d.ts +1 -0
- package/item-definitions/line-chart/line-chart-context.config.d.ts +1 -0
- package/item-definitions/marker-map/marker-map-context.config.d.ts +1 -0
- package/item-definitions/ohlc-chart/ohlc-chart-context.config.d.ts +1 -0
- package/item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-context.config.d.ts +1 -0
- package/item-definitions/pivot-table/pivot-table-context.config.d.ts +1 -0
- package/item-definitions/pyramid-chart/pyramid-chart-context.config.d.ts +1 -0
- package/item-definitions/radar-chart/radar-chart-context.config.d.ts +1 -0
- package/item-definitions/regular-table/regular-table-context.config.d.ts +1 -0
- package/item-definitions/route-map/route-map-context.config.d.ts +1 -0
- package/item-definitions/sankey-diagram/sankey-diagram-context.config.d.ts +5 -0
- package/item-definitions/scatter-plot/scatter-plot-context.config.d.ts +1 -0
- package/item-definitions/search-filter/search-filter-context.config.d.ts +1 -0
- package/item-definitions/slicer-filter/slicer-filter-context.config.d.ts +1 -0
- package/item-definitions/slider-filter/slider-filter-context.config.d.ts +1 -0
- package/item-definitions/spacer/spacer-context.config.d.ts +1 -0
- package/item-definitions/speedometer-chart/speedometer-chart-context.config.d.ts +1 -0
- package/item-definitions/spike-map/spike-map-context.config.d.ts +1 -0
- package/item-definitions/strip-plot/strip-plot-context.config.d.ts +1 -0
- package/item-definitions/sunburst-chart/sunburst-chart-context.config.d.ts +1 -0
- package/item-definitions/symbol-map/symbol-map-context.config.d.ts +1 -0
- package/item-definitions/text/text-context.config.d.ts +1 -0
- package/item-definitions/treemap-chart/treemap-chart-context.config.d.ts +1 -0
- package/item-definitions/venn-diagram/venn-diagram-context.config.d.ts +1 -0
- package/item-definitions/video/video-context.config.d.ts +1 -0
- package/item-definitions/wordcloud-chart/wordcloud-chart-context.config.d.ts +1 -0
- package/package.json +1 -1
- package/components/index-D_jFGBMs.js +0 -174
- package/components/index-Dy_5M3M5.cjs +0 -42
@@ -17,7 +17,7 @@
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
18
|
* SOFTWARE.
|
19
19
|
* */
|
20
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="The column used as measure in the chart. If an aggregation is asked like average, min, max, sum, count, distinctcount, median or weightedaverage, the aggregationType needs to be applied to the measure.",t="The column used as category in the chart. A level is always required when using a datetime column. Else do not set a level.",a={name:"area-chart",label:"Area Chart",defaultSize:{width:580,height:250},description:`Creates an area chart. An area chart can consist of multiple lines by using a legend.
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="The column used as measure in the chart. If an aggregation is asked like average, min, max, sum, count, distinctcount, median or weightedaverage, the aggregationType needs to be applied to the measure.",t="The column used as category in the chart. A level is always required when using a datetime column. Else do not set a level.",a={name:"area-chart",label:"Area Chart",synonyms:["area chart","areachart","area plot","areaplot"],defaultSize:{width:580,height:250},description:`Creates an area chart. An area chart can consist of multiple lines by using a legend.
|
21
21
|
Each line or area represents a category. Legends are mostly columns with a type of hierarchy.
|
22
22
|
Most of the time columns with type datetime are used for the x-axis of an area chart. Sometimes also columns with numeric types can be used.
|
23
23
|
Often columns with type numeric are used as measure. If you want to display area over a second dimension, use a legend.
|
@@ -25,90 +25,90 @@
|
|
25
25
|
You can not have multiple measures together with a legend, it is one or the other.
|
26
26
|
To have multiple measures in an area chart use more than one column/formula in measures, to report a measure across two dimensions use a legend.`,slots:{measure:{description:e},"x-axis":{description:`The column used as x-axis in the chart.
|
27
27
|
This slot is required and determines the horizontal positioning of data points.`},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
|
28
|
-
A legend is used to show a second dimension in the chart and allows grouping of data series. A legend cannot coexist with multiple measures`}}},i={name:"bar-chart",label:"Bar Chart",defaultSize:{width:580,height:320},description:`Creates a bar chart. A bar chart can consist of multiple bars. Each bar represents a category.
|
28
|
+
A legend is used to show a second dimension in the chart and allows grouping of data series. A legend cannot coexist with multiple measures`}}},i={name:"bar-chart",label:"Bar Chart",synonyms:["bar chart","barchart","bar plot","barplot"],defaultSize:{width:580,height:320},description:`Creates a bar chart. A bar chart can consist of multiple bars. Each bar represents a category.
|
29
29
|
A category is mostly a column with a type of hierarchy or datetime. Often columns with type numeric are used as measure.
|
30
30
|
First fill in a category and measure, ONLY when using a another column or dimension, use a legend.
|
31
31
|
You can not have multiple measures together with a legend, it is one or the other.
|
32
32
|
To have multiple measures in a bar chart use more than one column/formula in measures, to report a measure across two dimensions use a legend.`,slots:{measure:{description:e},"y-axis":{description:`The column used as y-axis in the chart. The y-axis in a bar chart is the category that is being used, not the measure.
|
33
33
|
Typical this is a column with a type of hierarchy or datetime and is NOT the same column that is used as a measure.
|
34
|
-
Numeric columns are not often used as y-axis in a bar chart unless a user asks them to be binned.`},legend:{description:"The column used as legend in the chart. Only add a legend if it is relevant to the chart. A legend is used to show a second dimension in the chart."}}},o={name:"box-plot",label:"Box Plot",defaultSize:{width:580,height:480},description:`Creates a box plot. A box plot displays the distribution of data through quartiles, showing the median,
|
34
|
+
Numeric columns are not often used as y-axis in a bar chart unless a user asks them to be binned.`},legend:{description:"The column used as legend in the chart. Only add a legend if it is relevant to the chart. A legend is used to show a second dimension in the chart."}}},o={name:"box-plot",label:"Box Plot",synonyms:["box","box plot","boxplot"],defaultSize:{width:580,height:480},description:`Creates a box plot. A box plot displays the distribution of data through quartiles, showing the median,
|
35
35
|
interquartile range, and potential outliers. Box plots are effective for comparing distributions across categories
|
36
36
|
and identifying skewness or unusual data points. They work well with numeric data and categorical groupings.`,slots:{measure:{description:`The column used as measure in the chart. This determines the numeric values to be analyzed.
|
37
37
|
Must be a numeric column type. The box plot will show the distribution of these values.`},category:{description:`The column used as category in the chart. This determines how the data is grouped for comparison.
|
38
|
-
Typically this is a column with a type of hierarchy or datetime. Each category will have its own box plot.`}}},s={name:"bubble-chart",label:"Bubble Chart",defaultSize:{width:580,height:580},description:`Creates a bubble chart. A bubble chart can consist of multiple bubbles. Each bubble represents a category.
|
38
|
+
Typically this is a column with a type of hierarchy or datetime. Each category will have its own box plot.`}}},s={name:"bubble-chart",label:"Bubble Chart",synonyms:["bubble","bubble chart","bubbleplot"],defaultSize:{width:580,height:580},description:`Creates a bubble chart. A bubble chart can consist of multiple bubbles. Each bubble represents a category.
|
39
39
|
Categories are mostly columns with a type of hierarchy or datetime. The size of the bubble represents the measure.
|
40
40
|
Often columns with type numeric are used as measure. If you want to use a second dimension, use a legend (slot color).`,slots:{category:{description:"The column used as category in the chart. This column is used to define what the bubbles are in the bubble chart. This slot is required."},measure:{description:"The column used to determine the size of bubbles. Typically a numeric column or a count or distinct count of another type of column."},color:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
|
41
|
-
This column is used in case of a second dimension to color the bubbles.`}}},
|
41
|
+
This column is used in case of a second dimension to color the bubbles.`}}},n={name:"bullet-chart",label:"Bullet Chart",synonyms:["bullet","bullet chart","bulletplot"],defaultSize:{width:580,height:300},description:`Creates a bullet chart. A bullet chart displays a measure against a target value.
|
42
42
|
Bullet charts are effective for showing progress toward goals.
|
43
43
|
Use measure for the actual value, target for the goal, and optionally category for grouping.`,slots:{measure:{description:e},target:{description:`The column used as target in the chart. This determines the goal or benchmark value to compare against.
|
44
44
|
Typically a numeric column. The target is displayed as a marker on the bullet chart.`},category:{description:`The column used as category in the chart. This determines how the bullet charts are grouped or labeled.
|
45
|
-
Typically this is a column with a type of hierarchy or datetime. Each category becomes a separate bullet chart.`}}},
|
45
|
+
Typically this is a column with a type of hierarchy or datetime. Each category becomes a separate bullet chart.`}}},r={name:"choropleth-map",label:"Choropleth Map",synonyms:["choropleth","choropleth map"],defaultSize:{width:580,height:380},description:`Creates a choropleth map. A choropleth map displays geographic data by coloring regions based on their values.
|
46
46
|
Use geography for the spatial boundaries and measure for the values.
|
47
47
|
Optionally use category for grouping or additional dimensions.`,slots:{geo:{description:`The column used for geography in the map. This determines the spatial boundaries and regions.
|
48
|
-
Is required and must be a spatial column type. This defines the geographic areas that will be colored on the map.`},measure:{description:e},category:{description:"The column used as category in the map. Typically this is a column with a type of hierarchy or datetime. This allows for additional analysis dimensions."}}},l={name:"circle-pack-chart",label:"Circle Pack Chart",defaultSize:{width:580,height:600},description:`Creates a circle pack chart. A circle pack diagram can consist of multiple levels. Each level represents a category.
|
48
|
+
Is required and must be a spatial column type. This defines the geographic areas that will be colored on the map.`},measure:{description:e},category:{description:"The column used as category in the map. Typically this is a column with a type of hierarchy or datetime. This allows for additional analysis dimensions."}}},l={name:"circle-pack-chart",label:"Circle Pack Chart",synonyms:["circle pack","circle pack chart","circlepack"],defaultSize:{width:580,height:600},description:`Creates a circle pack chart. A circle pack diagram can consist of multiple levels. Each level represents a category.
|
49
49
|
A circle pack chart displays hierarchical data as nested circles, where the size of each circle
|
50
50
|
represents a value. They work well with hierarchical data and can display multiple levels of nesting.
|
51
51
|
The measure is the column that is represented over all levels.`,slots:{measure:{description:e},levels:{description:`The column(s) used as levels in the chart. These determine the hierarchical structure of the data.
|
52
52
|
Multiple columns can be used to create multi-level hierarchies. Each level becomes a nested circle in the chart.
|
53
|
-
Typically these are columns with a type of hierarchy or datetime.`}}},c={name:"circular-gauge",label:"Circular Gauge",defaultSize:{width:270,height:270},description:`Creates a circular gauge. A circular gauge displays a single value, typically used for KPIs,
|
54
|
-
progress indicators, or performance metrics. Use measure for the current value and optionally target for the goal or maximum value.`,slots:{measure:{description:"The column used as measure in the gauge. This determines the current value to be displayed."},target:{description:"The column used as target in the gauge. This determines the goal or maximum value for the scale."}}},h={name:"column-chart",label:"Column Chart",defaultSize:{width:580,height:350},description:`Creates a column chart. A column chart can consist of multiple columns. Each column represents a category.
|
53
|
+
Typically these are columns with a type of hierarchy or datetime.`}}},c={name:"circular-gauge",label:"Circular Gauge",synonyms:["circular","circular gauge","circular kpi"],defaultSize:{width:270,height:270},description:`Creates a circular gauge. A circular gauge displays a single value, typically used for KPIs,
|
54
|
+
progress indicators, or performance metrics. Use measure for the current value and optionally target for the goal or maximum value.`,slots:{measure:{description:"The column used as measure in the gauge. This determines the current value to be displayed."},target:{description:"The column used as target in the gauge. This determines the goal or maximum value for the scale."}}},h={name:"column-chart",label:"Column Chart",synonyms:["column","column chart","columnplot","column plot"],defaultSize:{width:580,height:350},description:`Creates a column chart. A column chart can consist of multiple columns. Each column represents a category.
|
55
55
|
A category is mostly a column with a type of hierarchy or datetime. Often columns with type numeric are used as measure.
|
56
56
|
First fill in a category and measure, ONLY when using a another column or dimension, use a legend.
|
57
57
|
You can not have multiple measures together with a legend, it is one or the other.
|
58
58
|
To have multiple measures in a column chart use more than one column/formula in measures, to report a measure across two dimensions use a legend.`,slots:{measure:{description:e},"x-axis":{description:`The column used as x-axis in the chart. The x-axis in a column chart is the category that is being used, not the measure.
|
59
59
|
Typically this is a column with a type of hierarchy or datetime and is NOT the same column that is used as a measure.
|
60
60
|
Numeric columns are not often used as x-axis in a column chart unless a user asks them to be binned.`},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
|
61
|
-
A legend is used to show a second dimension in the chart.`}}},d={name:"combination-chart",label:"Combination Chart",defaultSize:{width:580,height:350},description:`Creates a combination chart. A combination chart combines different chart types in a single visualization,
|
61
|
+
A legend is used to show a second dimension in the chart.`}}},d={name:"combination-chart",label:"Combination Chart",synonyms:["combination","combination chart","combinationplot","combination plot","combo","combo chart","composite chart","multi chart","mixed chart","barline","bar line"],defaultSize:{width:580,height:350},description:`Creates a combination chart. A combination chart combines different chart types in a single visualization,
|
62
62
|
such as bars and lines, dots or areas. Combination charts are effective for comparing different types of data
|
63
63
|
or showing relationships between different metrics on the same scale.`,slots:{measure:{description:e},"x-axis":{description:`The column used as x-axis in the chart. This determines the horizontal positioning of data points.
|
64
64
|
For time series data, use datetime columns. For categorical data, use hierarchy columns.
|
65
|
-
This slot is required and determines the horizontal positioning of data points.`}}},u={name:"conditional-number",label:"Conditional Number",defaultSize:{width:250,height:200},description:`Creates a conditional number display. A conditional number displays a single value with conditional formatting
|
65
|
+
This slot is required and determines the horizontal positioning of data points.`}}},u={name:"conditional-number",label:"Conditional Number",synonyms:["conditional","conditional number","conditional number display","colored number","color kpi"],defaultSize:{width:250,height:200},description:`Creates a conditional number display. A conditional number displays a single value with conditional formatting
|
66
66
|
based on comparison to a target or threshold. Conditional numbers are effective for showing KPIs, performance metrics,
|
67
67
|
or any single value that needs to be evaluated against a benchmark.
|
68
|
-
Use measure for the current value and optionally target for the comparison value.`,slots:{measure:{description:"The column used as measure in the display. This determines the current value to be shown."},target:{description:"The column used as target in the display. This determines the comparison value for conditional formatting."}}},m={name:"date-filter",label:"Date Filter",defaultSize:{width:350,height:125},description:`Creates a date filter. A date filter allows users to filter dashboard data based on date or time ranges.
|
68
|
+
Use measure for the current value and optionally target for the comparison value.`,slots:{measure:{description:"The column used as measure in the display. This determines the current value to be shown."},target:{description:"The column used as target in the display. This determines the comparison value for conditional formatting."}}},m={name:"date-filter",label:"Date Filter",synonyms:["date filter","date range","date range filter"],defaultSize:{width:350,height:125},description:`Creates a date filter. A date filter allows users to filter dashboard data based on date or time ranges.
|
69
69
|
Date filters are effective for time-based analysis, allowing users to focus on specific time periods
|
70
|
-
or compare data across different date ranges.`,slots:{time:{description:`The column used for
|
71
|
-
Must be a datetime column type.`}}},p={name:"donut-chart",label:"Donut Chart",defaultSize:{width:400,height:400},description:`Creates a donut or a pie chart. A donut or pie chart consists of multiple slices. Each slice represents a category.
|
70
|
+
or compare data across different date ranges.`,slots:{time:{description:`The column used for datetime filtering. This determines which datetime data that can be filtered on.
|
71
|
+
Must be a datetime column type.`}}},p={name:"donut-chart",label:"Donut Chart",synonyms:["donut","donut chart","donut plot","pie","pie chart","pie"],defaultSize:{width:400,height:400},description:`Creates a donut or a pie chart. A donut or pie chart consists of multiple slices. Each slice represents a category.
|
72
72
|
Categories are mostly columns with a type of hierarchy or datetime. The width of the slice represents the measure of the category.
|
73
|
-
Often columns with type numeric are used as measure.`,slots:{measure:{description:e},category:{description:t}}},
|
73
|
+
Often columns with type numeric are used as measure.`,slots:{measure:{description:e},category:{description:t}}},g={name:"dropdown-filter",label:"Dropdown Filter",synonyms:["dropdown","dropdown filter","dropdown list","dropdown menu","selectbox","select box"],defaultSize:{width:250,height:100},description:`Creates a dropdown filter. A dropdown filter allows users to filter dashboard data by selecting values from a dropdown list.
|
74
74
|
Dropdown filters are effective for categorical filtering, allowing users to focus on specific categories or values
|
75
75
|
from a dimension.`,slots:{dimension:{description:`The column used for dimension filtering. This determines the data that can be filtered.
|
76
|
-
Can be mixed data types including hierarchy, datetime, and numeric. This defines the dimension that users can filter on.`}}},
|
76
|
+
Can be mixed data types including hierarchy, datetime, and numeric. This defines the dimension that users can filter on.`}}},f={name:"evolution-number",label:"Evolution Number",synonyms:["evolution","evolution number","single number","number chart","image number display","evolution kpi"],defaultSize:{width:250,height:200},description:`Creates a number display. An evolution number shows a single value with an optional evolution indicator.
|
77
77
|
Evolution numbers are effective for displaying key metrics with trend information, allowing users to see both current values
|
78
78
|
and how they have changed over time. They work well for KPIs and important metrics that need trend context.
|
79
|
-
Use measure for the main value and optionally evolution for the time dimension to show trends.`,slots:{measure:{description:e},evolution:{description:`The column used to show evolution of the number. This determines the time dimension for trend analysis.
|
80
|
-
Must be a datetime column type. This defines the time period over which the evolution is calculated.`}}},y={name:"funnel-chart",label:"Funnel Chart",defaultSize:{width:400,height:400},description:`Creates a funnel chart. A funnel chart displays data as progressively smaller sections, typically representing
|
79
|
+
Use measure for the main value and optionally evolution for the time dimension to show trends.`,slots:{measure:{description:e},evolution:{description:`The column used to optionally show evolution of the number. This determines the time dimension for trend analysis.
|
80
|
+
Must be a datetime column type. This defines the time period over which the evolution is calculated.`}}},y={name:"funnel-chart",label:"Funnel Chart",synonyms:["funnel","funnel chart","funnel plot"],defaultSize:{width:400,height:400},description:`Creates a funnel chart. A funnel chart displays data as progressively smaller sections, typically representing
|
81
81
|
stages in a process or conversion flow. Funnel charts are effective for showing the flow of data through different stages
|
82
82
|
and identifying bottlenecks or drop-off points. They work well with sequential data and process analysis.
|
83
83
|
Use measure for the values and category for the stages in the funnel.`,slots:{measure:{description:`The column used as measure in the chart. This determines the values for each stage in the funnel.
|
84
84
|
Can be numeric or hierarchy columns. These values determine the size of each funnel section.`},category:{description:`The column used as category in the chart. This determines the stages or steps in the funnel.
|
85
|
-
Typically this is a column with a type of hierarchy or datetime. Each category becomes a section in the funnel.`}}},b={name:"heat-map",label:"Heat Map",defaultSize:{width:580,height:380},description:`Creates a heat map. A heat map displays data as a grid where each cell is colored based on its value.
|
85
|
+
Typically this is a column with a type of hierarchy or datetime. Each category becomes a section in the funnel.`}}},b={name:"heat-map",label:"Heat Map",synonyms:["heatmap","heat map"],defaultSize:{width:580,height:380},description:`Creates a heat map. A heat map displays data as a grid where each cell is colored based on its value.
|
86
86
|
Heat maps are effective for showing patterns in large datasets and identifying correlations between variables.
|
87
87
|
They work well with geographic data, correlation matrices, and any data that can be organized in a grid format.
|
88
88
|
Use geography for spatial data and measures for the values to be visualized.`,slots:{geo:{description:`The column used for geography in the heat map. This determines the spatial layout of the data.
|
89
|
-
Must be a spatial column type. This slot is required for geographic heat maps.`},measure:{description:e}}},w={name:"heat-table",label:"Heat Table",defaultSize:{width:580,height:480},description:`Creates a heat table. A heat table displays data in a tabular format with color coding to represent values.
|
89
|
+
Must be a spatial column type. This slot is required for geographic heat maps.`},measure:{description:e}}},w={name:"heat-table",label:"Heat Table",synonyms:["heat table","heattable","heat matrix"],defaultSize:{width:580,height:480},description:`Creates a heat table. A heat table displays data in a tabular format with color coding to represent values.
|
90
90
|
Heat tables are effective for showing patterns and relationships in data, allowing users to quickly identify
|
91
91
|
high and low values through color intensity. They work well for comparing values across multiple dimensions.
|
92
92
|
Use x-axis and y-axis for the table structure and measure for the values that determine the color intensity.`,slots:{"x-axis":{description:`The column used as x-axis in the table. This determines the columns in the heat table.
|
93
93
|
Can be categorical data types including hierarchy and datetime. Each unique value becomes a column in the table.`},"y-axis":{description:`The column used as y-axis in the table. This determines the rows in the heat table.
|
94
|
-
Can be categorical data types including hierarchy and datetime. Each unique value becomes a row in the table.`},measure:{description:e}}},C={name:"hexbin-map",label:"Hexbin Map",defaultSize:{width:580,height:380},description:`Creates a hexbin map. A hexbin map displays geographic data by aggregating points into hexagonal bins on a map.
|
94
|
+
Can be categorical data types including hierarchy and datetime. Each unique value becomes a row in the table.`},measure:{description:e}}},C={name:"hexbin-map",label:"Hexbin Map",synonyms:["hexbin","hexbin map"],defaultSize:{width:580,height:380},description:`Creates a hexbin map. A hexbin map displays geographic data by aggregating points into hexagonal bins on a map.
|
95
95
|
Hexbin maps are effective for showing density patterns, clustering of geographic data points, and spatial distributions
|
96
96
|
with many overlapping points. They work well with spatial coordinates and numeric values, especially for large datasets.
|
97
97
|
Use geography for the spatial coordinates and measure for the values to be aggregated within each hexbin.`,slots:{geo:{description:`The column used for geography in the map. This determines the spatial coordinates for hexbin placement.
|
98
|
-
Must be a spatial column type. This defines the geographic locations that will be aggregated into hexagonal bins.`},measure:{description:e}}},
|
98
|
+
Must be a spatial column type. This defines the geographic locations that will be aggregated into hexagonal bins.`},measure:{description:e}}},v={name:"image",label:"Image",synonyms:["image","image element"],defaultSize:{width:400,height:300},description:`Creates an image element. An image element displays static images on a dashboard.
|
99
99
|
Image elements are effective for adding logos, icons, diagrams, or any visual content to dashboards.
|
100
100
|
They work well for branding, visual explanations, or decorative purposes.
|
101
|
-
Image elements can be configured with various sizing and positioning options.`,slots:{}},
|
101
|
+
Image elements can be configured with various sizing and positioning options.`,slots:{}},T={name:"line-chart",label:"Line Chart",synonyms:["line","line chart","lineplot","lines chart","lines plot"],defaultSize:{width:580,height:250},description:`Creates a line chart. A line chart displays data as a series of points connected by straight lines.
|
102
102
|
Line charts are ideal for showing trends over time and continuous data. They work well with time series data
|
103
103
|
and can display multiple series for comparison. Use measures for the values and x-axis for categories or time periods.
|
104
104
|
Legends can be used to group data by additional dimensions.`,slots:{measure:{description:e},"x-axis":{description:`The column used as x-axis in the chart. This is typically a category or time dimension.
|
105
105
|
For time series data, use datetime columns. For categorical data, use hierarchy columns.
|
106
106
|
This slot is required and determines the horizontal positioning of data points.`},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
|
107
|
-
A legend is used to show a second dimension in the chart and allows grouping of data series.`}}},x={name:"marker-map",label:"Marker Map",defaultSize:{width:580,height:380},description:`Creates a marker map. A marker map displays geographic data using markers or pins at specific locations.
|
107
|
+
A legend is used to show a second dimension in the chart and allows grouping of data series.`}}},x={name:"marker-map",label:"Marker Map",synonyms:["markermap","marker map","point map","pointmap"],defaultSize:{width:580,height:380},description:`Creates a marker map. A marker map displays geographic data using markers or pins at specific locations.
|
108
108
|
Marker maps are effective for showing point-based geographic data, locations of interest, or discrete geographic events.
|
109
109
|
They work well with spatial coordinates and can represent different types of locations or events.
|
110
110
|
Use geography for the spatial coordinates and measure for the values to be displayed.`,slots:{geo:{description:`The column used for geography in the map. This determines the spatial coordinates for marker placement.
|
111
|
-
Must be a spatial column type. This defines the geographic locations where markers will be displayed.`},measure:{description:e}}},k={name:"ohlc-chart",label:"OHLC Chart",defaultSize:{width:580,height:400},description:`Creates an OHLC (Open-High-Low-Close) chart. An OHLC chart displays financial data showing the opening, high, low, and closing prices.
|
111
|
+
Must be a spatial column type. This defines the geographic locations where markers will be displayed.`},measure:{description:e}}},k={name:"ohlc-chart",label:"OHLC Chart",synonyms:["ohlc","ohlc chart","ohlcplot","candlestick","candlestick chart"],defaultSize:{width:580,height:400},description:`Creates an OHLC (Open-High-Low-Close) chart. An OHLC chart displays financial data showing the opening, high, low, and closing prices.
|
112
112
|
OHLC charts are effective for analyzing financial markets, stock prices, and other time-series financial data.
|
113
113
|
They work well for identifying trends, patterns, and volatility in financial instruments.
|
114
114
|
Use open, high, low, and close for the price data and x-axis for the time dimension.`,slots:{open:{description:`The column used for opening prices. This determines the opening value for each time period.
|
@@ -116,110 +116,108 @@
|
|
116
116
|
Must be a numeric column type. This represents the highest price reached during each time period.`},low:{description:`The column used for low prices. This determines the lowest value for each time period.
|
117
117
|
Must be a numeric column type. This represents the lowest price reached during each time period.`},close:{description:`The column used for closing prices. This determines the closing value for each time period.
|
118
118
|
Must be a numeric column type. This represents the price at the end of each time period.`},"x-axis":{description:`The column used as x-axis in the chart. This determines the time dimension for the OHLC data.
|
119
|
-
Must be a datetime column type. This defines the time periods for which the OHLC values are calculated.`}}},z={name:"parallel-coordinates-plot",label:"Parallel Coordinates Plot",defaultSize:{width:780,height:480},description:`Creates a parallel coordinates plot. A parallel coordinates plot displays multivariate data by plotting each variable
|
119
|
+
Must be a datetime column type. This defines the time periods for which the OHLC values are calculated.`}}},z={name:"parallel-coordinates-plot",label:"Parallel Coordinates Plot",synonyms:["parallel coordinates","parallel coordinates plot","parallel filter"],defaultSize:{width:780,height:480},description:`Creates a parallel coordinates plot. A parallel coordinates plot displays multivariate data by plotting each variable
|
120
120
|
on a separate vertical axis. Each data point is represented as a line that connects its values across all axes.
|
121
121
|
Parallel coordinates plots are effective for showing relationships between multiple variables and identifying patterns
|
122
122
|
in high-dimensional data. Use coordinates for the variables and optionally color for grouping.`,slots:{coordinates:{description:`The column(s) used as coordinates in the plot. These determine the variables represented by each axis.
|
123
123
|
Multiple columns can be used to create multiple axes. Each coordinate becomes a vertical axis in the plot.
|
124
124
|
Can be mixed data types including numeric, datetime, and categorical.`},color:{description:`The column used to determine the color of data lines. Typically a categorical column.
|
125
|
-
Different categories are represented by different colors, allowing identification of patterns across groups.`}}},S={name:"pivot-table",label:"Pivot Table",defaultSize:{width:580,height:200},description:`Creates a pivot table. A pivot table is a data summarization tool that allows you to reorganize and summarize data
|
125
|
+
Different categories are represented by different colors, allowing identification of patterns across groups.`}}},S={name:"pivot-table",label:"Pivot Table",synonyms:["pivot","pivot table","pivot chart","table"],defaultSize:{width:580,height:200},description:`Creates a pivot table. A pivot table is a data summarization tool that allows you to reorganize and summarize data
|
126
126
|
by grouping it into rows and columns. Pivot tables are useful for analyzing large datasets and finding patterns or trends.
|
127
127
|
Use rows and columns for categorical dimensions and measures for the values to be summarized.`,slots:{row:{description:`The column(s) used as rows in the pivot table. These determine the vertical grouping of data.
|
128
128
|
Typically these are categorical columns (hierarchy or datetime). Multiple columns can be used to create hierarchical rows.`},column:{description:`The column(s) used as columns in the pivot table. These determine the horizontal grouping of data.
|
129
|
-
Typically these are categorical columns (hierarchy or datetime). Multiple columns can be used to create hierarchical columns.`},measure:{description:e}}},A={name:"pyramid-chart",label:"Pyramid Chart",defaultSize:{width:480,height:600},description:`Creates a pyramid chart. A pyramid chart displays data as horizontal bars arranged in a pyramid shape,
|
129
|
+
Typically these are categorical columns (hierarchy or datetime). Multiple columns can be used to create hierarchical columns.`},measure:{description:e}}},A={name:"pyramid-chart",label:"Pyramid Chart",synonyms:["pyramid","pyramid chart","pyramidplot"],defaultSize:{width:480,height:600},description:`Creates a pyramid chart. A pyramid chart displays data as horizontal bars arranged in a pyramid shape,
|
130
130
|
typically used for population demographics or hierarchical data. Pyramid charts are effective for showing
|
131
131
|
the distribution of data across categories and comparing values between different groups.
|
132
132
|
Use measure for the values, y-axis for categories, and optionally legend for grouping.`,slots:{"y-axis":{description:`The column used as y-axis in the chart. This determines the categories or bins displayed in the pyramid.
|
133
133
|
Typically this is a column with a type of hierarchy or datetime. Each category becomes a horizontal bar in the pyramid.`},measure:{description:e},legend:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
|
134
|
-
A legend is used to show a second dimension in the chart and allows grouping of data series.`}}},M={name:"radar-chart",label:"Radar Chart",defaultSize:{width:400,height:300},description:`Creates a radar chart. A radar chart displays multivariate data on axes starting from the same point.
|
134
|
+
A legend is used to show a second dimension in the chart and allows grouping of data series.`}}},M={name:"radar-chart",label:"Radar Chart",synonyms:["radar","radar chart","radarplot"],defaultSize:{width:400,height:300},description:`Creates a radar chart. A radar chart displays multivariate data on axes starting from the same point.
|
135
135
|
Radar charts are effective for comparing multiple variables across different categories and showing patterns
|
136
136
|
or profiles. Each axis represents a different variable, and the data points are connected to form a polygon.
|
137
137
|
Use measure for the values, category for the variables, and optionally color for grouping.`,slots:{measure:{description:`The column used as measure in the chart. This determines the values to be plotted on each axis.
|
138
138
|
Can be numeric or hierarchy columns. These values determine the distance from the center on each axis.`},category:{description:`The column used as category in the chart. This determines the variables represented by each axis.
|
139
139
|
Typically this is a column with a type of hierarchy or datetime. Each category becomes an axis in the radar chart.`},color:{description:`The column used to determine the color of data series. Typically a categorical column.
|
140
|
-
Different categories are represented by different colors, allowing comparison of multiple series.`}}},U={name:"regular-table",label:"Regular Table",defaultSize:{width:580,height:320},description:`Creates a regular table. A regular table displays data in a structured format with rows and columns.
|
140
|
+
Different categories are represented by different colors, allowing comparison of multiple series.`}}},U={name:"regular-table",label:"Regular Table",synonyms:["regular table","list","list table"],defaultSize:{width:580,height:320},description:`Creates a regular table. A regular table displays data in a structured format with rows and columns.
|
141
141
|
Regular tables are effective for displaying detailed data, allowing users to see individual records and values.
|
142
142
|
They work well for data exploration, detailed analysis, and when users need to see specific values.
|
143
143
|
Use columns to specify which data fields to display in the table.`,slots:{columns:{description:`The column(s) used as columns in the table. These determine which data fields are displayed.
|
144
144
|
Can be mixed data types including numeric, datetime, hierarchy, and text. Multiple columns can be selected
|
145
|
-
to create a comprehensive table view.`}}},q={name:"route-map",label:"Route Map",defaultSize:{width:580,height:380},description:`Creates a route map. A route map displays geographic data by connecting points with lines to show paths or routes.
|
145
|
+
to create a comprehensive table view.`}}},q={name:"route-map",label:"Route Map",synonyms:["route","route map","routeplot"],defaultSize:{width:580,height:380},description:`Creates a route map. A route map displays geographic data by connecting points with lines to show paths or routes.
|
146
146
|
Route maps are effective for showing travel paths, network connections, flow between locations, and sequential geographic data.
|
147
147
|
They work well with spatial coordinates and can show multiple routes or paths. Use coordinates for the spatial points,
|
148
148
|
order for sequencing, route for grouping paths, and optionally legend for color coding.`,slots:{geo:{description:`The column used for coordinates in the map. This determines the spatial coordinates for route points.
|
149
149
|
Must be a spatial column type. This defines the geographic locations that will be connected by routes.`},order:{description:`The column used for order in the route. This determines the sequence of points along each route.
|
150
150
|
Can be numeric or datetime columns. This defines the order in which coordinates should be connected.`},route:{description:`The column used for route grouping. This determines how coordinates are grouped into different routes.
|
151
151
|
Can be mixed data types. Different values create separate route lines on the map.`},legend:{description:`The column used as legend in the map. This determines the color coding for different routes or segments.
|
152
|
-
Can be mixed data types. Different values are represented by different colors on the route lines.`}}},E={name:"sankey-diagram",label:"Sankey Diagram",description:`Creates a Sankey diagram. A Sankey diagram displays the flow of data between different nodes or categories,
|
152
|
+
Can be mixed data types. Different values are represented by different colors on the route lines.`}}},E={name:"sankey-diagram",label:"Sankey Diagram",synonyms:["sankey","sankey diagram","sankeyplot","alluvial","alluvial diagram","alluvialplot","alluvial chart"],defaultSize:{width:580,height:500},description:`Creates a Sankey diagram. A Sankey diagram displays the flow of data between different nodes or categories,
|
153
153
|
where the width of the flow represents the quantity. Sankey diagrams are effective for showing the movement of resources,
|
154
154
|
energy, or data through a system. They work well with flow data and can show complex relationships between multiple entities.
|
155
155
|
Use source and destination for the flow endpoints, measure for the flow quantities, and optionally category for grouping.`,slots:{source:{description:`The column used as source in the diagram. This determines the starting point of each flow.
|
156
156
|
Typically this is a column with a type of hierarchy or datetime. Each unique value becomes a source node.`},destination:{description:`The column used as destination in the diagram. This determines the ending point of each flow.
|
157
157
|
Typically this is a column with a type of hierarchy or datetime. Each unique value becomes a destination node.`},measure:{description:e},category:{description:`The column used as category in the diagram. This can be used to group or color-code different types of flows.
|
158
|
-
Typically this is a column with a type of hierarchy or datetime.`}}},
|
158
|
+
Typically this is a column with a type of hierarchy or datetime.`}}},O={name:"scatter-plot",label:"Scatter Plot",synonyms:["scatter","scatter plot","scatterplot","dot plot"],defaultSize:{width:580,height:300},description:`Creates a scatter plot. A scatter plot displays data points on a two-dimensional coordinate system.
|
159
159
|
Scatter plots are used to show the relationship between two variables and identify patterns, correlations, or outliers.
|
160
160
|
Each point represents an observation with values for both x and y axes. Size and color can be used to encode additional dimensions.
|
161
|
-
Use x-axis and y-axis for the main variables, and optionally size and color for additional dimensions.`,slots:{"x-axis":{description
|
162
|
-
Can be numeric, datetime, or categorical data. This slot is required.`},"y-axis":{description:`The column used as y-axis in the chart. This determines the vertical position of each data point.
|
163
|
-
Can be numeric, datetime, or categorical data. This slot is required.`},size:{description:`The column used to determine the size of data points. Typically a numeric column.
|
161
|
+
Use x-axis and y-axis for the main variables, and optionally size and color for additional dimensions.`,slots:{"x-axis":{description:"The column used as x-axis in the chart. This determines the horizontal position of each data point. This slot is required."},"y-axis":{description:"The column used as y-axis in the chart. This determines the vertical position of each data point. This slot is required."},size:{description:`The column used to determine the size of data points. Typically a numeric column.
|
164
162
|
Larger values result in larger points, allowing visualization of a third dimension.`},color:{description:`The column used to determine the color of data points. Typically a categorical column.
|
165
163
|
Different categories are represented by different colors, allowing visualization of a fourth dimension.`},name:{description:`The column used to label data points. Can be used for tooltips or point identification.
|
166
|
-
Multiple columns can be used to create composite labels.`}}},
|
167
|
-
|
164
|
+
Multiple columns can be used to create composite labels.`}}},P={name:"search-filter",label:"Search Filter",synonyms:["search","search filter","search box","search input"],defaultSize:{width:500,height:75},description:`Creates a selectbox with search and a dropdown menu. A search filter allows users to filter dashboard data by typing search terms.
|
165
|
+
Selectboxes or search filters are effective for categorical filtering, allowing users to quickly find specific values
|
168
166
|
within a dimension. They work well with hierarchical data and provide fast, flexible filtering capabilities.
|
169
|
-
Use dimension for the
|
170
|
-
Must be a hierarchy column type. This defines the dimension that users can search within.`}}},F={name:"slicer-filter",label:"Slicer Filter",defaultSize:{width:300,height:300},description:`Creates a slicer filter. A slicer filter allows users to filter dashboard data by selecting values from a visual list.
|
167
|
+
Use dimension for the categorical column to be searched.`,slots:{dimension:{description:`The column used for dimension searching. This determines the data that can be searched.
|
168
|
+
Must be a hierarchy column type. This defines the dimension that users can search within.`}}},F={name:"slicer-filter",label:"Slicer Filter",synonyms:["slicer","slicer filter","slicer list","slicer menu","list filter","filter list","filter menu"],defaultSize:{width:300,height:300},description:`Creates a slicer filter. A slicer filter allows users to filter dashboard data by selecting values from a visual list.
|
171
169
|
Slicer filters are effective for categorical filtering with visual representation, allowing users to see all available options
|
172
170
|
and select multiple values. They work well with any data type and provide an intuitive filtering interface.
|
173
171
|
Use dimension for the column to be filtered and optionally measure for additional context.`,slots:{dimension:{description:`The column used for dimension filtering. This determines the data that can be filtered.
|
174
172
|
Can be mixed data types including hierarchy, datetime, and numeric. This defines the dimension that users can filter on.`},measure:{description:`The column used as measure in the filter. This provides additional context for the filter options.
|
175
|
-
Typically a numeric column. This can show counts or other metrics for each filter option.`}}},D={name:"slider-filter",label:"Slider Filter",defaultSize:{width:350,height:125},description:`Creates a slider filter. A slider filter allows users to filter dashboard data by selecting a range of values using a slider.
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
173
|
+
Typically a numeric column. This can show counts or other metrics for each filter option.`}}},D={name:"slider-filter",label:"Slider Filter",synonyms:["slider","slider filter","slider range","slider range filter","numeric filter"],defaultSize:{width:350,height:125},description:`Creates a slider filter. A slider filter allows users to filter dashboard data by selecting a range of values using a slider.
|
174
|
+
Slider filters are effective for range-based filtering, allowing users to select minimum and maximum values
|
175
|
+
for numeric or datetime data. They work well with continuous data and provide intuitive range selection.
|
176
|
+
Use slidermetric for the numeric or datetime column to be filtered.`,slots:{slidermetric:{description:`The column used for slider filtering.This must be a column with a type of numeric or of datetime.
|
177
|
+
Only a numeric or datetime columns can be used for filtering.`}}},L={name:"speedometer-chart",label:"Speedometer Chart",synonyms:["speedometer","speedometer chart","speedometerplot","speedgauge","gauge chart"],defaultSize:{width:380,height:320},description:`Creates a speedometer chart. A speedometer chart displays a single value on a gauge that resembles a car speedometer,
|
180
178
|
typically used for KPIs, performance indicators, or progress metrics. Speedometer charts are effective for showing
|
181
179
|
progress toward goals or displaying a single important metric in an intuitive way. They work well for dashboard displays.
|
182
180
|
Use measure for the current value and optionally target for the goal or maximum value.`,slots:{measure:{description:`The column used as measure in the chart. This determines the current value to be displayed.
|
183
181
|
Must be a numeric column. This value is displayed as the position on the speedometer gauge.`},target:{description:`The column used as target in the chart. This determines the goal or maximum value for the scale.
|
184
|
-
Typically a numeric column. The target helps define the scale and context for the measure value.`}}},H={name:"spike-map",label:"Spike Map",defaultSize:{width:580,height:380},description:`Creates a spike map. A spike map displays geographic data using vertical spikes or bars at specific locations.
|
182
|
+
Typically a numeric column. The target helps define the scale and context for the measure value.`}}},H={name:"spike-map",label:"Spike Map",synonyms:["spike","spike map"],defaultSize:{width:580,height:380},description:`Creates a spike map. A spike map displays geographic data using vertical spikes or bars at specific locations.
|
185
183
|
Spike maps are effective for showing geographic data with varying magnitudes, such as population density, sales volume,
|
186
184
|
or any metric that varies by location. They work well with spatial coordinates and numeric values.
|
187
185
|
Use geography for the spatial coordinates, measure for the values, and optionally color for additional dimensions.`,slots:{geo:{description:`The column used for geography in the map. This determines the spatial coordinates for spike placement.
|
188
186
|
Must be a spatial column type. This defines the geographic locations where spikes will be displayed.`},measure:{description:e},color:{description:`The column used to determine the color of spikes. This can be used to encode additional dimensions.
|
189
|
-
Can be mixed data types. Different values are represented by different colors on the spikes.`}}},N={name:"strip-plot",label:"Strip Plot",defaultSize:{width:580,height:200},description:`Creates a strip plot. A strip plot displays individual data points along a single axis, grouped by categories.
|
187
|
+
Can be mixed data types. Different values are represented by different colors on the spikes.`}}},N={name:"strip-plot",label:"Strip Plot",synonyms:["stripplot","strip plot","stripchart"],defaultSize:{width:580,height:200},description:`Creates a strip plot. A strip plot displays individual data points along a single axis, grouped by categories.
|
190
188
|
Strip plots are effective for showing the distribution of data within categories and identifying patterns or outliers.
|
191
189
|
They work well with small to medium datasets and are useful for comparing distributions across different groups.
|
192
190
|
Use measure for the numeric values and y-axis for the categories.`,slots:{measure:{description:e},"y-axis":{description:`The column used as y-axis in the chart. This determines the categories for grouping the data points.
|
193
|
-
Typically this is a column with a type of hierarchy or datetime. Each category becomes a group of data points.`}}},I={name:"sunburst-chart",label:"Sunburst Chart",defaultSize:{width:580,height:500},description:`Creates a sunburst chart. A sunburst chart displays hierarchical data as concentric rings, where each ring represents a level
|
191
|
+
Typically this is a column with a type of hierarchy or datetime. Each category becomes a group of data points.`}}},I={name:"sunburst-chart",label:"Sunburst Chart",synonyms:["sunburst","sunburst chart","sunburstplot"],defaultSize:{width:580,height:500},description:`Creates a sunburst chart. A sunburst chart displays hierarchical data as concentric rings, where each ring represents a level
|
194
192
|
in the hierarchy. Sunburst charts are effective for showing the composition of hierarchical data and identifying patterns
|
195
193
|
at different levels. They work well with multi-level hierarchies and can display large amounts of data in a compact space.
|
196
194
|
Use measure for the values and levels for the hierarchical structure.`,slots:{measure:{description:e},levels:{description:`The column(s) used as levels in the chart. These determine the hierarchical structure of the data.
|
197
195
|
Multiple columns can be used to create multi-level hierarchies. Each level becomes a ring in the sunburst chart.
|
198
|
-
Typically these are columns with a type of hierarchy or datetime.`}}},V={name:"symbol-map",label:"Symbol Map",defaultSize:{width:580,height:380},description:`Creates a symbol map. A symbol map displays geographic data using symbols or icons at specific locations.
|
196
|
+
Typically these are columns with a type of hierarchy or datetime.`}}},V={name:"symbol-map",label:"Symbol Map",synonyms:["symbol","symbol map","circle map"],defaultSize:{width:580,height:380},description:`Creates a symbol map. A symbol map displays geographic data using symbols or icons at specific locations.
|
199
197
|
Symbol maps are effective for showing point-based geographic data, locations of interest, or discrete geographic events.
|
200
198
|
They work well with spatial coordinates and can represent different types of locations or events using various symbols.
|
201
199
|
Use geography for the spatial coordinates, measure for the values, and optionally category for grouping or color coding.`,slots:{geo:{description:`The column used for geography in the map. This determines the spatial coordinates for symbol placement.
|
202
200
|
Must be a spatial column type. This defines the geographic locations where symbols will be displayed.`},measure:{description:e},category:{description:`The column used as category in the map. This determines the grouping or color coding for different symbols.
|
203
|
-
Can be hierarchy, datetime, or array types. Different categories can be represented by different symbols or colors.`}}},B={name:"text",label:"Text",defaultSize:{width:400,height:300},description:`Creates a text element. A text element displays static or dynamic text content on a dashboard.
|
201
|
+
Can be hierarchy, datetime, or array types. Different categories can be represented by different symbols or colors.`}}},B={name:"text",label:"Text",synonyms:["text","text element","text display"],defaultSize:{width:400,height:300},description:`Creates a text element. A text element displays static or dynamic text content on a dashboard.
|
204
202
|
Text elements are effective for adding titles, descriptions, labels, or any textual information to dashboards.
|
205
203
|
They work well for providing context, instructions, or explanations for other dashboard elements.
|
206
|
-
Text elements can be configured with various formatting options and can include dynamic content.`,slots:{}},R={name:"treemap-chart",label:"Treemap Chart",defaultSize:{width:580,height:350},description:`Creates a treemap chart. A treemap displays hierarchical data as nested rectangles, where the size of each rectangle
|
204
|
+
Text elements can be configured with various formatting options and can include dynamic content.`,slots:{}},R={name:"treemap-chart",label:"Treemap Chart",synonyms:["treemap","treemap chart","treemapplot"],defaultSize:{width:580,height:350},description:`Creates a treemap chart. A treemap displays hierarchical data as nested rectangles, where the size of each rectangle
|
207
205
|
represents a value. Treemaps are effective for showing the composition of a whole and identifying patterns in hierarchical data.
|
208
|
-
They
|
209
|
-
Color can be used to encode additional
|
210
|
-
Typically this is a column with a type of hierarchy or datetime. Each category becomes a rectangle in the treemap.`},color:{description:`The column used
|
211
|
-
|
206
|
+
They can display multiple levels of hierarchy. Use measure for the values and category for the hierarchy.
|
207
|
+
Color can be used to encode an additional dimension.`,slots:{measure:{description:e},category:{description:`The column used as category in the chart. This determines the hierarchical structure and labels.
|
208
|
+
Typically this is a column with a type of hierarchy or datetime. Each category becomes a rectangle in the treemap.`},color:{description:`The column used as legend in the chart. Only add a legend if it is relevant to the chart.
|
209
|
+
This column is used in case of a second dimension to color the squares.`}}},Y={name:"venn-diagram",label:"Venn Diagram",synonyms:["venn","venn diagram","vennplot"],defaultSize:{width:580,height:500},description:`Creates a Venn diagram. A Venn diagram displays the relationships between different sets of data using overlapping circles.
|
212
210
|
Venn diagrams are effective for showing intersections, unions, and differences between different categories or groups.
|
213
211
|
They work well with categorical data and set theory analysis. Use category for the sets, identifier for the items,
|
214
212
|
and optionally measure for the quantities.`,slots:{category:{description:`The column used as category in the diagram. This determines the sets or circles in the Venn diagram.
|
215
213
|
Typically this is a column with a type of hierarchy or categorical. Each unique value becomes a circle in the diagram.`},identifier:{description:`The column used as identifier in the diagram. This determines the items that belong to each set.
|
216
214
|
Typically this is a column with a type of hierarchy or categorical. This helps identify which items belong to which sets.`},measure:{description:`The column used as measure in the diagram. This determines the quantities or counts for each set intersection.
|
217
|
-
Typically a numeric column. This is optional and can be used to show the size of different intersections.`}}},K={name:"video",label:"Video",defaultSize:{width:600,height:300},description:`Creates a video element. A video element displays video content on a dashboard.
|
215
|
+
Typically a numeric column. This is optional and can be used to show the size of different intersections.`}}},K={name:"video",label:"Video",synonyms:["video","video element","video display"],defaultSize:{width:600,height:300},description:`Creates a video element. A video element displays video content on a dashboard.
|
218
216
|
Video elements are effective for adding multimedia content, tutorials, or dynamic visual content to dashboards.
|
219
217
|
They work well for training materials, demonstrations, or engaging content.
|
220
|
-
Video elements can be configured with various playback and display options.`,slots:{}},G={name:"wordcloud-chart",label:"Wordcloud Chart",defaultSize:{width:580,height:350},description:`Creates a wordcloud chart. A wordcloud displays text data where the size of each word represents its frequency or importance.
|
218
|
+
Video elements can be configured with various playback and display options.`,slots:{}},G={name:"wordcloud-chart",label:"Wordcloud Chart",synonyms:["wordcloud","wordcloud chart","word plot","word chart"],defaultSize:{width:580,height:350},description:`Creates a wordcloud chart. A wordcloud displays text data where the size of each word represents its frequency or importance.
|
221
219
|
Wordclouds are effective for visualizing text data and identifying the most prominent terms or concepts.
|
222
220
|
They work well with text analysis, sentiment analysis, and content analysis. Use measure for the frequency/importance values
|
223
221
|
and category for the text labels. Color can be used to encode additional dimensions.`,slots:{measure:{description:e},category:{description:`The column used as category in the chart. This determines the text labels for each word in the cloud.
|
224
222
|
Typically this is a column with a type of hierarchy or text. Each unique value becomes a word in the wordcloud.`},color:{description:`The column used to determine the color of words. Typically a categorical column.
|
225
|
-
Different categories are represented by different colors, allowing visualization of additional dimensions.`}}};exports.areaChartContextConfig=a;exports.barChartContextConfig=i;exports.boxPlotContextConfig=o;exports.bubbleChartContextConfig=s;exports.bulletChartContextConfig=
|
223
|
+
Different categories are represented by different colors, allowing visualization of additional dimensions.`}}};exports.areaChartContextConfig=a;exports.barChartContextConfig=i;exports.boxPlotContextConfig=o;exports.bubbleChartContextConfig=s;exports.bulletChartContextConfig=n;exports.choroplethMapContextConfig=r;exports.circlePackChartContextConfig=l;exports.circularGaugeContextConfig=c;exports.columnChartContextConfig=h;exports.combinationChartContextConfig=d;exports.conditionalNumberContextConfig=u;exports.dateFilterContextConfig=m;exports.donutChartContextConfig=p;exports.dropdownFilterContextConfig=g;exports.evolutionNumberContextConfig=f;exports.funnelChartContextConfig=y;exports.heatMapContextConfig=b;exports.heatTableContextConfig=w;exports.hexbinMapContextConfig=C;exports.imageContextConfig=v;exports.lineChartContextConfig=T;exports.markerMapContextConfig=x;exports.ohlcChartContextConfig=k;exports.parallelCoordinatesPlotContextConfig=z;exports.pivotTableContextConfig=S;exports.pyramidChartContextConfig=A;exports.radarChartContextConfig=M;exports.regularTableContextConfig=U;exports.routeMapContextConfig=q;exports.sankeyDiagramContextConfig=E;exports.scatterPlotContextConfig=O;exports.searchFilterContextConfig=P;exports.slicerFilterContextConfig=F;exports.sliderFilterContextConfig=D;exports.speedometerChartContextConfig=L;exports.spikeMapContextConfig=H;exports.stripPlotContextConfig=N;exports.sunburstChartContextConfig=I;exports.symbolMapContextConfig=V;exports.textContextConfig=B;exports.treemapChartContextConfig=R;exports.vennDiagramContextConfig=Y;exports.videoContextConfig=K;exports.wordcloudChartContextConfig=G;
|