diff --git a/package.json b/package.json
index b0028930c..0853d52fd 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "visyn_core",
   "description": "Core repository for datavisyn applications.",
-  "version": "14.1.0",
+  "version": "14.1.1",
   "author": {
     "name": "datavisyn GmbH",
     "email": "contact@datavisyn.io",
diff --git a/src/vis/bar/SingleEChartsBarChart.tsx b/src/vis/bar/SingleEChartsBarChart.tsx
index e71debca9..daad8b0ec 100644
--- a/src/vis/bar/SingleEChartsBarChart.tsx
+++ b/src/vis/bar/SingleEChartsBarChart.tsx
@@ -89,6 +89,8 @@ function EagerSingleEChartsBarChart({
   const hasSelected = React.useMemo(() => (selectedMap ? Object.values(selectedMap).some((selected) => selected) : false), [selectedMap]);
   const gridLeft = React.useMemo(() => Math.min(longestLabelWidth + 20, containerWidth / 3), [containerWidth, longestLabelWidth]);
 
+  const [yAxisLabel, setYAxisLabel] = React.useState<string>('');
+
   const groupSortedSeries = React.useMemo(() => {
     const filteredVisStateSeries = (visState.series ?? []).filter((series) => series.data?.some((d) => d !== null && d !== undefined));
     const [knownSeries, unknownSeries] = filteredVisStateSeries.reduce(
@@ -371,10 +373,14 @@ function EagerSingleEChartsBarChart({
     [],
   );
 
+  // NOTE: @dv-usama-ansari: Create an offscreen canvas to measure the text width.
+  const canvasContext = React.useMemo(() => new OffscreenCanvas(1, 1).getContext('2d'), []);
+
   // NOTE: @dv-usama-ansari: Tooltip implementation from: https://codepen.io/plainheart/pen/jOGBrmJ
-  const axisLabelTooltip = React.useMemo(() => {
+  //  This element should be used to display tooltips which are not provided by echarts out of the box.
+  const customTooltip = React.useMemo(() => {
     const dom = document.createElement('div');
-    dom.id = 'axis-tooltip';
+    dom.id = 'axis-ticks-tooltip';
     dom.style.position = 'absolute';
     dom.style.backgroundColor = 'rgba(50,50,50)';
     dom.style.borderRadius = '4px';
@@ -394,6 +400,12 @@ function EagerSingleEChartsBarChart({
     return { dom, content };
   }, []);
 
+  React.useEffect(() => {
+    if (yAxisLabel) {
+      customTooltip.content.innerText = yAxisLabel ?? '';
+    }
+  }, [customTooltip.content, yAxisLabel]);
+
   const { setRef, instance } = useChart({
     options,
     settings,
@@ -408,38 +420,40 @@ function EagerSingleEChartsBarChart({
         {
           query: { seriesType: 'bar' },
           handler: (params) => {
-            const event = params.event?.event as unknown as React.MouseEvent<SVGGElement | HTMLDivElement, MouseEvent>;
-            // NOTE: @dv-usama-ansari: Sanitization is required here since the seriesName contains \u000 which make github confused.
-            const seriesName = sanitize(params.seriesName ?? '') === SERIES_ZERO ? params.name : params.seriesName;
-            const ids: string[] = config?.group
-              ? config.group.id === config?.facets?.id
-                ? [
-                    ...(aggregatedData?.categories[params.name]?.groups[selectedFacetValue!]?.unselected.ids ?? []),
-                    ...(aggregatedData?.categories[params.name]?.groups[selectedFacetValue!]?.selected.ids ?? []),
-                  ]
-                : [
-                    ...(aggregatedData?.categories[params.name]?.groups[seriesName as string]?.unselected.ids ?? []),
-                    ...(aggregatedData?.categories[params.name]?.groups[seriesName as string]?.selected.ids ?? []),
-                  ]
-              : (aggregatedData?.categories[params.name]?.ids ?? []);
-
-            if (event.shiftKey) {
-              // NOTE: @dv-usama-ansari: `shift + click` on a bar which is already selected will deselect it.
-              //  Using `Set` to reduce time complexity to O(1).
-              const newSelectedSet = new Set(selectedList);
-              ids.forEach((id) => {
-                if (newSelectedSet.has(id)) {
-                  newSelectedSet.delete(id);
-                } else {
-                  newSelectedSet.add(id);
-                }
-              });
-              const newSelectedList = [...newSelectedSet];
-              selectionCallback(event, [...new Set([...newSelectedList])]);
-            } else {
-              // NOTE: @dv-usama-ansari: Early return if the bar is clicked and it is already selected?
-              const isSameBarClicked = (selectedList ?? []).length > 0 && (selectedList ?? []).every((id) => ids.includes(id));
-              selectionCallback(event, isSameBarClicked ? [] : ids);
+            if (params.componentType === 'series') {
+              const event = params.event?.event as unknown as React.MouseEvent<SVGGElement | HTMLDivElement, MouseEvent>;
+              // NOTE: @dv-usama-ansari: Sanitization is required here since the seriesName contains \u000 which make github confused.
+              const seriesName = sanitize(params.seriesName ?? '') === SERIES_ZERO ? params.name : params.seriesName;
+              const ids: string[] = config?.group
+                ? config.group.id === config?.facets?.id
+                  ? [
+                      ...(aggregatedData?.categories[params.name]?.groups[selectedFacetValue!]?.unselected.ids ?? []),
+                      ...(aggregatedData?.categories[params.name]?.groups[selectedFacetValue!]?.selected.ids ?? []),
+                    ]
+                  : [
+                      ...(aggregatedData?.categories[params.name]?.groups[seriesName as string]?.unselected.ids ?? []),
+                      ...(aggregatedData?.categories[params.name]?.groups[seriesName as string]?.selected.ids ?? []),
+                    ]
+                : (aggregatedData?.categories[params.name]?.ids ?? []);
+
+              if (event.shiftKey) {
+                // NOTE: @dv-usama-ansari: `shift + click` on a bar which is already selected will deselect it.
+                //  Using `Set` to reduce time complexity to O(1).
+                const newSelectedSet = new Set(selectedList);
+                ids.forEach((id) => {
+                  if (newSelectedSet.has(id)) {
+                    newSelectedSet.delete(id);
+                  } else {
+                    newSelectedSet.add(id);
+                  }
+                });
+                const newSelectedList = [...newSelectedSet];
+                selectionCallback(event, [...new Set([...newSelectedList])]);
+              } else {
+                // NOTE: @dv-usama-ansari: Early return if the bar is clicked and it is already selected?
+                const isSameBarClicked = (selectedList ?? []).length > 0 && (selectedList ?? []).every((id) => ids.includes(id));
+                selectionCallback(event, isSameBarClicked ? [] : ids);
+              }
             }
           },
         },
@@ -518,27 +532,59 @@ function EagerSingleEChartsBarChart({
               const fullText = params.value;
               const displayText = (currLabel as typeof currLabel & { style: { text: string } }).style.text;
               if (config?.direction === EBarDirection.VERTICAL || fullText !== displayText) {
-                axisLabelTooltip.content.innerText = fullText as string;
-                axisLabelTooltip.dom.style.opacity = '1';
-                axisLabelTooltip.dom.style.visibility = 'visible';
-                axisLabelTooltip.dom.style.zIndex = '9999';
+                customTooltip.content.innerText = fullText as string;
+                customTooltip.dom.style.opacity = '1';
+                customTooltip.dom.style.visibility = 'visible';
+                customTooltip.dom.style.zIndex = '9999';
 
                 const topOffset =
                   config?.direction === EBarDirection.HORIZONTAL
-                    ? axisLabelTooltip.dom.offsetHeight * -1.5
+                    ? customTooltip.dom.offsetHeight * -1.5
                     : config?.direction === EBarDirection.VERTICAL
-                      ? axisLabelTooltip.dom.offsetHeight * -1.25
+                      ? customTooltip.dom.offsetHeight * -1.25
                       : 0;
                 const top = (currLabel?.transform[5] ?? 0) + topOffset;
                 const leftOffset =
                   config?.direction === EBarDirection.HORIZONTAL
-                    ? axisLabelTooltip.dom.offsetWidth * -1
+                    ? customTooltip.dom.offsetWidth * -1
                     : config?.direction === EBarDirection.VERTICAL
-                      ? axisLabelTooltip.dom.offsetWidth * -0.5
+                      ? customTooltip.dom.offsetWidth * -0.5
                       : 0;
                 const left = Math.max((currLabel?.transform[4] ?? 0) + leftOffset, 0);
-                axisLabelTooltip.dom.style.top = `${top}px`;
-                axisLabelTooltip.dom.style.left = `${left}px`;
+                customTooltip.dom.style.top = `${top}px`;
+                customTooltip.dom.style.left = `${left}px`;
+              }
+            }
+          },
+        },
+        {
+          query: { componentType: 'yAxis' },
+          handler: (params) => {
+            if (params.targetType === 'axisName') {
+              setYAxisLabel(params.name as string);
+              let fullTextWidth = 0;
+
+              if (canvasContext) {
+                // NOTE: @dv-usama-ansari: This is the default font for ECharts axis labels.
+                canvasContext.font = 'normal normal 12px sans-serif';
+                canvasContext.textAlign = 'left';
+                canvasContext.textBaseline = 'top';
+
+                // NOTE: @dv-usama-ansari: Measure the width of the full text in an offscreen canvas.
+                fullTextWidth = canvasContext.measureText(yAxisLabel).width;
+              }
+
+              // NOTE: @dv-usama-ansari: Display the tooltip only if it overflows the chart height.
+              if (fullTextWidth > chartHeight + CHART_HEIGHT_MARGIN) {
+                customTooltip.content.innerText = yAxisLabel as string;
+                customTooltip.dom.style.opacity = '1';
+                customTooltip.dom.style.visibility = 'visible';
+                customTooltip.dom.style.zIndex = '9999';
+
+                const top = (chartHeight + CHART_HEIGHT_MARGIN) / 2;
+                const left = 24;
+                customTooltip.dom.style.top = `${top}px`;
+                customTooltip.dom.style.left = `${left}px`;
               }
             }
           },
@@ -554,9 +600,19 @@ function EagerSingleEChartsBarChart({
                 : { componentType: 'unknown' }, // No event should be triggered when the direction is not set.
           handler: (params) => {
             if (params.targetType === 'axisLabel') {
-              axisLabelTooltip.dom.style.opacity = '0';
-              axisLabelTooltip.dom.style.visibility = 'hidden';
-              axisLabelTooltip.dom.style.zIndex = '-1';
+              customTooltip.dom.style.opacity = '0';
+              customTooltip.dom.style.visibility = 'hidden';
+              customTooltip.dom.style.zIndex = '-1';
+            }
+          },
+        },
+        {
+          query: { componentType: 'yAxis' },
+          handler: (params) => {
+            if (params.targetType === 'axisName') {
+              customTooltip.dom.style.opacity = '0';
+              customTooltip.dom.style.visibility = 'hidden';
+              customTooltip.dom.style.zIndex = '-1';
             }
           },
         },
@@ -580,7 +636,6 @@ function EagerSingleEChartsBarChart({
             { sortState: config?.sortState as { x: EBarSortState; y: EBarSortState }, direction: EBarDirection.HORIZONTAL },
           );
           setVisState((v) => ({
-            ...v,
             // NOTE: @dv-usama-ansari: Reverse the data for horizontal bars to show the largest value on top for descending order and vice versa.
             series: barSeries.map((item, itemIndex) => ({
               ...item,
@@ -600,7 +655,6 @@ function EagerSingleEChartsBarChart({
           );
 
           setVisState((v) => ({
-            ...v,
             series: barSeries.map((item, itemIndex) => ({ ...item, data: sortedSeries[itemIndex]?.data })),
             xAxis: { ...v.xAxis, type: 'category' as const, data: sortedSeries[0]?.categories },
           }));
@@ -620,27 +674,37 @@ function EagerSingleEChartsBarChart({
         : config?.aggregateType === EAggregateTypes.COUNT
           ? config?.aggregateType
           : `${config?.aggregateType} of ${config?.aggregateColumn?.name}`;
+    const aggregationAxisDescription = config?.showColumnDescriptionText
+      ? config?.aggregateColumn?.description && config?.aggregateType !== EAggregateTypes.COUNT
+        ? `: ${config?.aggregateColumn?.description}`
+        : ''
+      : '';
     const aggregationAxisSortText =
       config?.direction === EBarDirection.HORIZONTAL
         ? SortDirectionMap[config?.sortState?.x as EBarSortState]
         : config?.direction === EBarDirection.VERTICAL
           ? SortDirectionMap[config?.sortState?.y as EBarSortState]
           : '';
-    const aggregationAxisName = `${aggregationAxisNameBase} (${aggregationAxisSortText})`;
+    const aggregationAxisName = `${aggregationAxisNameBase}${aggregationAxisDescription} (${aggregationAxisSortText})`;
 
     const categoricalAxisNameBase = config?.catColumnSelected?.name;
+    const categoricalAxisDescription = config?.showColumnDescriptionText
+      ? config?.catColumnSelected?.description
+        ? `: ${config?.catColumnSelected?.description}`
+        : ''
+      : '';
     const categoricalAxisSortText =
       config?.direction === EBarDirection.HORIZONTAL
         ? SortDirectionMap[config?.sortState?.y as EBarSortState]
         : config?.direction === EBarDirection.VERTICAL
           ? SortDirectionMap[config?.sortState?.x as EBarSortState]
           : '';
-    const categoricalAxisName = `${categoricalAxisNameBase} (${categoricalAxisSortText})`;
+    const categoricalAxisName = `${categoricalAxisNameBase}${categoricalAxisDescription} (${categoricalAxisSortText})`;
+
+    setYAxisLabel(config?.direction === EBarDirection.HORIZONTAL ? categoricalAxisName : aggregationAxisName);
 
     if (config?.direction === EBarDirection.HORIZONTAL) {
       setVisState((v) => ({
-        ...v,
-
         xAxis: {
           type: 'value' as const,
           name: aggregationAxisName,
@@ -678,8 +742,6 @@ function EagerSingleEChartsBarChart({
     }
     if (config?.direction === EBarDirection.VERTICAL) {
       setVisState((v) => ({
-        ...v,
-
         // NOTE: @dv-usama-ansari: xAxis is not showing labels as expected for the vertical bar chart.
         xAxis: {
           type: 'category' as const,
@@ -718,12 +780,15 @@ function EagerSingleEChartsBarChart({
     }
   }, [
     aggregatedData,
+    config?.aggregateColumn?.description,
     config?.aggregateColumn?.name,
     config?.aggregateType,
+    config?.catColumnSelected?.description,
     config?.catColumnSelected?.name,
     config?.direction,
     config?.display,
     config?.group,
+    config?.showColumnDescriptionText,
     config?.sortState?.x,
     config?.sortState?.y,
     containerWidth,
@@ -810,9 +875,9 @@ function EagerSingleEChartsBarChart({
 
   React.useEffect(() => {
     if (instance && instance.getDom() && !instance?.getDom()?.querySelector('#axis-tooltip')) {
-      instance.getDom().appendChild(axisLabelTooltip.dom);
+      instance.getDom().appendChild(customTooltip.dom);
     }
-  }, [axisLabelTooltip.dom, instance]);
+  }, [customTooltip.dom, instance]);
 
   return isLoading ? (
     <BlurredOverlay
diff --git a/src/vis/bar/interfaces/constants.ts b/src/vis/bar/interfaces/constants.ts
index ecfdd7d7a..c4019d8c3 100644
--- a/src/vis/bar/interfaces/constants.ts
+++ b/src/vis/bar/interfaces/constants.ts
@@ -2,6 +2,9 @@ import { EAggregateTypes, ESupportedPlotlyVis } from '../../interfaces';
 import { EBarDirection, EBarDisplayType, EBarGroupingType, EBarSortState } from './enums';
 import { IBarConfig } from './interfaces';
 
+/**
+ * Default configuration for the bar plot.
+ */
 export const defaultConfig: IBarConfig = {
   type: ESupportedPlotlyVis.BAR,
   numColumnsSelected: [],
diff --git a/src/vis/bar/interfaces/enums.ts b/src/vis/bar/interfaces/enums.ts
index bfa728bc9..27f4d126c 100644
--- a/src/vis/bar/interfaces/enums.ts
+++ b/src/vis/bar/interfaces/enums.ts
@@ -1,24 +1,50 @@
+/**
+ * Enumerations for grouping type of the bar plot.
+ * - `STACK`: Stacked bars.
+ * - `GROUP`: Grouped bars.
+ */
 export enum EBarGroupingType {
   STACK = 'Stacked',
   GROUP = 'Grouped',
 }
 
+/**
+ * Enumerations for the display type of the bar plot.
+ * - `ABSOLUTE`: Absolute values.
+ * - `NORMALIZED`: Normalized values or percentage values.
+ */
 export enum EBarDisplayType {
   ABSOLUTE = 'Absolute',
   NORMALIZED = 'Normalized',
 }
 
+/**
+ * Enumerations for the direction of the bar plot.
+ * - `VERTICAL`: Vertical bars.
+ * - `HORIZONTAL`: Horizontal bars.
+ */
 export enum EBarDirection {
   VERTICAL = 'Vertical',
   HORIZONTAL = 'Horizontal',
 }
 
+/**
+ * Enumerations for the sort state of the bar plot.
+ * - `NONE`: No sorting.
+ * - `ASCENDING`: Ascending sorting.
+ * - `DESCENDING`: Descending sorting.
+ */
 export enum EBarSortState {
   NONE = 'None',
   ASCENDING = 'Ascending',
   DESCENDING = 'Descending',
 }
 
+/**
+ * Enumerations for the sort parameters of the bar plot.
+ * - `AGGREGATION`: Sort according to the aggregation axis.
+ * - `CATEGORIES`: Sort according to the categorical axis.
+ */
 export enum EBarSortParameters {
   AGGREGATION = 'Aggregation',
   CATEGORIES = 'Categories',
diff --git a/src/vis/bar/interfaces/helpers.ts b/src/vis/bar/interfaces/helpers.ts
index 036144ea9..62dbf5247 100644
--- a/src/vis/bar/interfaces/helpers.ts
+++ b/src/vis/bar/interfaces/helpers.ts
@@ -1,6 +1,11 @@
 import { BaseVisConfig, ESupportedPlotlyVis } from '../../interfaces';
 import { IBarConfig } from './interfaces';
 
+/**
+ * Check if the config is a bar config.
+ * @param s vis config
+ * @returns `true` if the config is a bar config, `false` otherwise
+ */
 export function isBarConfig(s: BaseVisConfig): s is IBarConfig {
   return s.type === ESupportedPlotlyVis.BAR;
 }
diff --git a/src/vis/bar/interfaces/interfaces.ts b/src/vis/bar/interfaces/interfaces.ts
index 6163370f0..7ca015e92 100644
--- a/src/vis/bar/interfaces/interfaces.ts
+++ b/src/vis/bar/interfaces/interfaces.ts
@@ -2,21 +2,71 @@ import type { BaseVisConfig, ColumnInfo, EAggregateTypes, ESupportedPlotlyVis }
 import type { EBarDirection, EBarDisplayType, EBarGroupingType, EBarSortState } from './enums';
 
 export interface IBarConfig extends BaseVisConfig {
+  /**
+   * The type of the visualization.
+   */
   type: ESupportedPlotlyVis.BAR;
+  /**
+   * The column based on which the bar plot should be faceted. (split one complex bar chart into multiple bar charts based on the facet column)
+   */
   facets: ColumnInfo | null;
+  /**
+   * When faceted, the index of the facet column to focus on.
+   */
   focusFacetIndex?: number | null;
+  /**
+   * The column based on which the bars should be grouped.
+   */
   group: ColumnInfo | null;
+  /**
+   * The direction of the bars in the plot. (Horizontal or Vertical)
+   */
   direction: EBarDirection;
+  /**
+   * The type of the bar chart display. (Absolute or Normalized / Percentage)
+   */
   display: EBarDisplayType;
+  /**
+   * The type of grouping for the bars in the plot. (Grouped or Stacked)
+   */
   groupType: EBarGroupingType;
+  /**
+   * @deprecated This is not used in bar plot anywhere.
+   */
   numColumnsSelected: ColumnInfo[];
+  /**
+   * The column based on which the bars should be shown.
+   */
   catColumnSelected: ColumnInfo | null;
+  /**
+   * The type of aggregation to be performed on the bars. (Count, Average, Minimum, Maximum, Median and more to come)
+   */
   aggregateType: EAggregateTypes;
+  /**
+   * The column based on which the bars should be aggregated according to the selected aggregate type.
+   */
   aggregateColumn: ColumnInfo | null;
+  /**
+   * Whether to show the facet selector in the header.
+   */
   showFocusFacetSelector?: boolean;
+  /**
+   * The sort state of the bars in the plot.
+   * Please note that the sort states `x` and `y` are mutually exclusive.
+   */
   sortState?: { x: EBarSortState; y: EBarSortState };
+  /**
+   * Whether the bar chart should use full height in vertical orientation and no facets.
+   */
   useFullHeight?: boolean;
+  /**
+   * Whether the bar chart should use full width in horizontal orientation.
+   */
   useResponsiveBarWidth?: boolean;
+  /**
+   * Whether to show the column description text in the axis labels.
+   */
+  showColumnDescriptionText?: boolean;
 }
 
 /**
diff --git a/src/vis/bar/interfaces/internal/constants/group.ts b/src/vis/bar/interfaces/internal/constants/group.ts
index 3a9b8b54f..659b04477 100644
--- a/src/vis/bar/interfaces/internal/constants/group.ts
+++ b/src/vis/bar/interfaces/internal/constants/group.ts
@@ -1,4 +1,5 @@
 /**
  * The group name for the zero series.
+ * This condition occurs when the group column results only into one group.
  */
 export const SERIES_ZERO = 'series0';
diff --git a/src/vis/bar/interfaces/internal/helpers/generate-aggregated-data-lookup.test.ts b/src/vis/bar/interfaces/internal/helpers/generate-aggregated-data-lookup.test.ts
index 0d1bdd74a..e6b3ba049 100644
--- a/src/vis/bar/interfaces/internal/helpers/generate-aggregated-data-lookup.test.ts
+++ b/src/vis/bar/interfaces/internal/helpers/generate-aggregated-data-lookup.test.ts
@@ -124,7 +124,7 @@ describe('Generate aggregated data lookup', () => {
       const selectedMap: Parameters<typeof generateAggregatedDataLookup>['2'] = {};
       const aggregatedDataLookup = generateAggregatedDataLookup(lookupParams, dataTable, selectedMap);
       expect(aggregatedDataLookup.globalDomain.min).toEqual(0);
-      expect(aggregatedDataLookup.globalDomain.max).toEqual(8);
+      expect(aggregatedDataLookup.globalDomain.max).toEqual(0);
     });
 
     it('should return the correct aggregate values and global domain for a column with MAXIMUM aggregate type', async () => {
@@ -305,7 +305,7 @@ describe('Generate aggregated data lookup', () => {
       const selectedMap: Parameters<typeof generateAggregatedDataLookup>['2'] = {};
       const aggregatedDataLookup = generateAggregatedDataLookup(lookupParams, dataTable, selectedMap);
       expect(aggregatedDataLookup.globalDomain.min).toEqual(0);
-      expect(aggregatedDataLookup.globalDomain.max).toEqual(37);
+      expect(aggregatedDataLookup.globalDomain.max).toEqual(10);
     });
 
     it('should return the correct aggregate values and global domain for a column with MINIMUM aggregate type and grouped data', async () => {
@@ -327,7 +327,7 @@ describe('Generate aggregated data lookup', () => {
       const selectedMap: Parameters<typeof generateAggregatedDataLookup>['2'] = {};
       const aggregatedDataLookup = generateAggregatedDataLookup(lookupParams, dataTable, selectedMap);
       expect(aggregatedDataLookup.globalDomain.min).toEqual(0);
-      expect(aggregatedDataLookup.globalDomain.max).toEqual(10);
+      expect(aggregatedDataLookup.globalDomain.max).toEqual(9);
     });
 
     it('should return the correct aggregate values and global domain for a column with MAXIMUM aggregate type and stacked data', async () => {
diff --git a/src/vis/bar/interfaces/internal/helpers/generate-aggregated-data-lookup.ts b/src/vis/bar/interfaces/internal/helpers/generate-aggregated-data-lookup.ts
index de0c0b2eb..5cd5a5ff0 100644
--- a/src/vis/bar/interfaces/internal/helpers/generate-aggregated-data-lookup.ts
+++ b/src/vis/bar/interfaces/internal/helpers/generate-aggregated-data-lookup.ts
@@ -84,20 +84,20 @@ export function generateAggregatedDataLookup(
       if (selected) {
         minMax.facets[facet].categories[category].groups[group].selected.min = Math.min(
           minMax.facets[facet].categories[category].groups[group].selected.min,
-          aggregate || Infinity,
+          aggregate === 0 ? aggregate : aggregate || Infinity,
         );
         minMax.facets[facet].categories[category].groups[group].selected.max = Math.max(
           minMax.facets[facet].categories[category].groups[group].selected.max,
-          aggregate || -Infinity,
+          aggregate === 0 ? aggregate : aggregate || -Infinity,
         );
       } else {
         minMax.facets[facet].categories[category].groups[group].unselected.min = Math.min(
           minMax.facets[facet].categories[category].groups[group].unselected.min,
-          aggregate || Infinity,
+          aggregate === 0 ? aggregate : aggregate || Infinity,
         );
         minMax.facets[facet].categories[category].groups[group].unselected.max = Math.max(
           minMax.facets[facet].categories[category].groups[group].unselected.max,
-          aggregate || -Infinity,
+          aggregate === 0 ? aggregate : aggregate || -Infinity,
         );
       }
     });
diff --git a/src/vis/stories/Vis/Bar/BarRandom.stories.tsx b/src/vis/stories/Vis/Bar/BarRandom.stories.tsx
index a6a70676b..d350f65d7 100644
--- a/src/vis/stories/Vis/Bar/BarRandom.stories.tsx
+++ b/src/vis/stories/Vis/Bar/BarRandom.stories.tsx
@@ -243,6 +243,7 @@ Basic.args = {
     aggregateColumn: null,
     numColumnsSelected: [],
     showSidebar: true,
+    showColumnDescriptionText: true,
   } as BaseVisConfig,
 };