diff --git a/public/components/event_analytics/explorer/visualizations/_mixins.scss b/public/components/event_analytics/explorer/visualizations/_mixins.scss
index ae22f3905..c30d4dec1 100644
--- a/public/components/event_analytics/explorer/visualizations/_mixins.scss
+++ b/public/components/event_analytics/explorer/visualizations/_mixins.scss
@@ -6,7 +6,7 @@
 // sass-lint:disable-block indentation, no-color-keywords
 
 // SASSTODO: Create this in EUI
-@mixin lnsOverflowShadowHorizontal {
+@mixin vizOverflowShadowHorizontal {
   $hideHeight: $euiScrollBarCorner * 1.25;
   mask-image: linear-gradient(
     to right,
@@ -18,7 +18,7 @@
 }
 
 // Static styles for a draggable item
-@mixin lnsDraggable {
+@mixin vizDraggable {
   @include euiSlightShadow;
   background: lightOrDarkTheme($euiColorEmptyShade, $euiColorLightestShade);
   border: $euiBorderWidthThin dashed transparent;
@@ -26,29 +26,29 @@
 }
 
 // Static styles for a drop area
-@mixin lnsDroppable {
+@mixin vizDroppable {
   border: $euiBorderWidthThin dashed $euiBorderColor;
 }
 
 // Hovering state for drag item and drop area
-@mixin lnsDragDropHover {
+@mixin vizDragDropHover {
   &:hover {
     border: $euiBorderWidthThin dashed $euiColorMediumShade;
   }
 }
 
 // Style for drop area when there's an item being dragged
-@mixin lnsDroppableActive {
+@mixin vizDroppableActive {
   background-color: transparentize($euiColorVis0, .9);
 }
 
 // Style for drop area while hovering with item
-@mixin lnsDroppableActiveHover {
+@mixin vizDroppableActiveHover {
   background-color: transparentize($euiColorVis0, .75);
   border: $euiBorderWidthThin dashed $euiColorVis0;
 }
 
 // Style for drop area that is not allowed for current item
-@mixin lnsDroppableNotAllowed {
+@mixin vizDroppableNotAllowed {
   opacity: .5;
 }
diff --git a/public/components/event_analytics/explorer/visualizations/_variables.scss b/public/components/event_analytics/explorer/visualizations/_variables.scss
index a4248f814..e62f5a76a 100644
--- a/public/components/event_analytics/explorer/visualizations/_variables.scss
+++ b/public/components/event_analytics/explorer/visualizations/_variables.scss
@@ -3,8 +3,8 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-$lnsPanelMinWidth: $euiSize * 18;
+$vizPanelMinWidth: $euiSize * 18;
 
 // These sizes also match canvas' page thumbnails for consistency
-$lnsSuggestionHeight: 100px;
-$lnsSuggestionWidth: 150px;
+$vizSuggestionHeight: 100px;
+$vizSuggestionWidth: 150px;
diff --git a/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap b/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap
index 4fde463e5..d658b56a4 100644
--- a/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap
+++ b/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap
@@ -11,6 +11,11 @@ exports[`Config panel component Renders config panel with visualization data 1`]
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
@@ -4511,6 +4516,11 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                       "fromApp": false,
                     },
                     "defaultAxes": Object {},
+                    "explorer": Object {
+                      "explorerData": Object {
+                        "jsonData": Array [],
+                      },
+                    },
                     "indexFields": Object {
                       "availableFields": Array [
                         Object {
@@ -5287,6 +5297,11 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                         "fromApp": false,
                       },
                       "defaultAxes": Object {},
+                      "explorer": Object {
+                        "explorerData": Object {
+                          "jsonData": Array [],
+                        },
+                      },
                       "indexFields": Object {
                         "availableFields": Array [
                           Object {
@@ -5825,6 +5840,11 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                         "fromApp": false,
                       },
                       "defaultAxes": Object {},
+                      "explorer": Object {
+                        "explorerData": Object {
+                          "jsonData": Array [],
+                        },
+                      },
                       "indexFields": Object {
                         "availableFields": Array [
                           Object {
@@ -6645,6 +6665,11 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                       "fromApp": false,
                     },
                     "defaultAxes": Object {},
+                    "explorer": Object {
+                      "explorerData": Object {
+                        "jsonData": Array [],
+                      },
+                    },
                     "indexFields": Object {
                       "availableFields": Array [
                         Object {
@@ -7197,6 +7222,11 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                     "fromApp": false,
                                   },
                                   "defaultAxes": Object {},
+                                  "explorer": Object {
+                                    "explorerData": Object {
+                                      "jsonData": Array [],
+                                    },
+                                  },
                                   "indexFields": Object {
                                     "availableFields": Array [
                                       Object {
@@ -8016,6 +8046,11 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                     "fromApp": false,
                                   },
                                   "defaultAxes": Object {},
+                                  "explorer": Object {
+                                    "explorerData": Object {
+                                      "jsonData": Array [],
+                                    },
+                                  },
                                   "indexFields": Object {
                                     "availableFields": Array [
                                       Object {
@@ -9334,6 +9369,11 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                     "fromApp": false,
                                   },
                                   "defaultAxes": Object {},
+                                  "explorer": Object {
+                                    "explorerData": Object {
+                                      "jsonData": Array [],
+                                    },
+                                  },
                                   "indexFields": Object {
                                     "availableFields": Array [
                                       Object {
@@ -10673,6 +10713,11 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                     "fromApp": false,
                                   },
                                   "defaultAxes": Object {},
+                                  "explorer": Object {
+                                    "explorerData": Object {
+                                      "jsonData": Array [],
+                                    },
+                                  },
                                   "indexFields": Object {
                                     "availableFields": Array [
                                       Object {
diff --git a/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.scss b/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.scss
index 816934a1f..b24f0b51d 100644
--- a/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.scss
+++ b/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.scss
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-.lnsConfigPanel__addLayerBtn {
+.vizConfigPanel__addLayerBtn {
   color: transparentize($euiColorMediumShade, 0.3);
   // Remove EuiButton's default shadow to make button more subtle
   // sass-lint:disable-block no-important
diff --git a/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.tsx b/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.tsx
index d00bb9c29..6b2497372 100644
--- a/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.tsx
+++ b/public/components/event_analytics/explorer/visualizations/config_panel/config_panel.tsx
@@ -185,7 +185,7 @@ export const ConfigPanel = ({ visualizations, setCurVisId, callback }: any) => {
 
     return (
       <div className="configPanel__vizSelector-item">
-        <EuiIcon className="lnsChartSwitch__chartIcon" type={icontype} size="m" />
+        <EuiIcon className="vizChartSwitch__chartIcon" type={icontype} size="m" />
         &nbsp;&nbsp;
         <span>{label}</span>
       </div>
diff --git a/public/components/event_analytics/explorer/visualizations/shared_components/__tests__/__snapshots__/shared_components.test.tsx.snap b/public/components/event_analytics/explorer/visualizations/shared_components/__tests__/__snapshots__/shared_components.test.tsx.snap
deleted file mode 100644
index 52c143da6..000000000
--- a/public/components/event_analytics/explorer/visualizations/shared_components/__tests__/__snapshots__/shared_components.test.tsx.snap
+++ /dev/null
@@ -1,117 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Shared components Renders tool bar button component 1`] = `
-<ToolbarButton
-  fontWeight="bold"
-  onClick={[MockFunction]}
->
-  <EuiButton
-    className="lnsToolbarButton lnsToolbarButton--bold lnsToolbarButton--s"
-    color="text"
-    contentProps={
-      Object {
-        "className": "lnsToolbarButton__content",
-      }
-    }
-    data-test-subj=""
-    iconSide="right"
-    iconType="arrowDown"
-    onClick={[MockFunction]}
-    size="s"
-    textProps={
-      Object {
-        "className": "lnsToolbarButton__text",
-      }
-    }
-  >
-    <EuiButtonDisplay
-      baseClassName="euiButton"
-      className="lnsToolbarButton lnsToolbarButton--bold lnsToolbarButton--s"
-      color="text"
-      contentProps={
-        Object {
-          "className": "lnsToolbarButton__content",
-        }
-      }
-      data-test-subj=""
-      disabled={false}
-      element="button"
-      iconSide="right"
-      iconType="arrowDown"
-      isDisabled={false}
-      onClick={[MockFunction]}
-      size="s"
-      textProps={
-        Object {
-          "className": "lnsToolbarButton__text",
-        }
-      }
-      type="button"
-    >
-      <button
-        className="euiButton euiButton--text euiButton--small lnsToolbarButton lnsToolbarButton--bold lnsToolbarButton--s"
-        data-test-subj=""
-        disabled={false}
-        onClick={[MockFunction]}
-        style={
-          Object {
-            "minWidth": undefined,
-          }
-        }
-        type="button"
-      >
-        <EuiButtonContent
-          className="euiButton__content lnsToolbarButton__content"
-          iconSide="right"
-          iconType="arrowDown"
-          textProps={
-            Object {
-              "className": "euiButton__text lnsToolbarButton__text",
-            }
-          }
-        >
-          <span
-            className="euiButtonContent euiButtonContent--iconRight euiButton__content lnsToolbarButton__content"
-          >
-            <EuiIcon
-              className="euiButtonContent__icon"
-              color="inherit"
-              size="m"
-              type="arrowDown"
-            >
-              <EuiIconEmpty
-                aria-hidden={true}
-                className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                focusable="false"
-                role="img"
-                style={null}
-              >
-                <svg
-                  aria-hidden={true}
-                  className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                  focusable="false"
-                  height={16}
-                  role="img"
-                  style={null}
-                  viewBox="0 0 16 16"
-                  width={16}
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </EuiIconEmpty>
-            </EuiIcon>
-            <span
-              className="euiButton__text lnsToolbarButton__text"
-            >
-              <WrappedComponent>
-                <div>
-                  testing
-                </div>
-              </WrappedComponent>
-            </span>
-          </span>
-        </EuiButtonContent>
-      </button>
-    </EuiButtonDisplay>
-  </EuiButton>
-</ToolbarButton>
-`;
diff --git a/public/components/event_analytics/explorer/visualizations/shared_components/__tests__/shared_components.test.tsx b/public/components/event_analytics/explorer/visualizations/shared_components/__tests__/shared_components.test.tsx
deleted file mode 100644
index 8b5405906..000000000
--- a/public/components/event_analytics/explorer/visualizations/shared_components/__tests__/shared_components.test.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import { configure, mount } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-import React from 'react';
-import { waitFor } from '@testing-library/react';
-import { ToolbarButton } from '../toolbar_button';
-
-describe('Shared components', () => {
-  configure({ adapter: new Adapter() });
-
-  it('Renders tool bar button component', async () => {
-    const handleClick = jest.fn();
-    const WrappedComponent = () => <div>testing</div>;
-
-    const wrapper = mount(
-      <ToolbarButton onClick={handleClick} fontWeight="bold">
-        <WrappedComponent />
-      </ToolbarButton>
-    );
-
-    wrapper.update();
-
-    await waitFor(() => {
-      expect(wrapper).toMatchSnapshot();
-    });
-  });
-});
diff --git a/public/components/event_analytics/explorer/visualizations/shared_components/empty_placeholder.scss b/public/components/event_analytics/explorer/visualizations/shared_components/empty_placeholder.scss
index be379ecec..9dfd2c7e7 100644
--- a/public/components/event_analytics/explorer/visualizations/shared_components/empty_placeholder.scss
+++ b/public/components/event_analytics/explorer/visualizations/shared_components/empty_placeholder.scss
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
- .lnsChart__empty {
+ .vizChart__empty {
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/public/components/event_analytics/explorer/visualizations/shared_components/empty_placeholder.tsx b/public/components/event_analytics/explorer/visualizations/shared_components/empty_placeholder.tsx
index 56b8886fe..18af24737 100644
--- a/public/components/event_analytics/explorer/visualizations/shared_components/empty_placeholder.tsx
+++ b/public/components/event_analytics/explorer/visualizations/shared_components/empty_placeholder.tsx
@@ -11,7 +11,7 @@ import './empty_placeholder.scss';
 export const EmptyPlaceholder = (props: { icon: string }) => (
   <>
     <EuiText
-      className="lnsChart__empty"
+      className="vizChart__empty"
       textAlign="center"
       color="subdued"
       size="xs"
diff --git a/public/components/event_analytics/explorer/visualizations/shared_components/index.ts b/public/components/event_analytics/explorer/visualizations/shared_components/index.ts
index 118494bbd..e559262df 100644
--- a/public/components/event_analytics/explorer/visualizations/shared_components/index.ts
+++ b/public/components/event_analytics/explorer/visualizations/shared_components/index.ts
@@ -4,5 +4,4 @@
  */
 
 export * from './empty_placeholder';
-export { ToolbarButtonProps, ToolbarButton } from './toolbar_button';
-export { VisCanvassPlaceholder } from './vis_canvass_placeholder'
+export { VisCanvassPlaceholder } from './vis_canvass_placeholder';
diff --git a/public/components/event_analytics/explorer/visualizations/shared_components/toolbar_button.scss b/public/components/event_analytics/explorer/visualizations/shared_components/toolbar_button.scss
deleted file mode 100644
index 621cb9293..000000000
--- a/public/components/event_analytics/explorer/visualizations/shared_components/toolbar_button.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-.lnsToolbarButton {
-  line-height: $euiButtonHeight; // Keeps alignment of text and chart icon
-  background-color: $euiColorEmptyShade;
-
-  // Some toolbar buttons are just icons, but EuiButton comes with margin and min-width that need to be removed
-  min-width: 0;
-
-  &[class*='--text'] {
-    // Lighten the border color for all states
-    border-color: $euiBorderColor !important; // sass-lint:disable-line no-important
-  }
-
-  &[class*='isDisabled'] {
-    // There is a popover `pointer-events: none` that messes with the not-allowed cursor
-    pointer-events: initial;
-  }
-
-  .lnsToolbarButton__text > svg {
-    margin-top: -1px; // Just some weird alignment issue when icon is the child not the `iconType`
-  }
-
-  .lnsToolbarButton__text:empty {
-    margin: 0;
-  }
-
-  // Toolbar buttons don't look good with centered text when fullWidth
-  &[class*='fullWidth'] {
-    text-align: left;
-
-    .lnsToolbarButton__content {
-      justify-content: space-between;
-    }
-  }
-
-}
-
-.lnsToolbarButton--groupLeft {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-
-.lnsToolbarButton--groupCenter {
-  border-radius: 0;
-  border-left: none;
-}
-
-.lnsToolbarButton--groupRight {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  border-left: none;
-}
-
-.lnsToolbarButton--bold {
-  font-weight: $euiFontWeightBold;
-}
-
-.lnsToolbarButton--s {
-  box-shadow: none !important; // sass-lint:disable-line no-important
-  font-size: $euiFontSizeS;
-}
diff --git a/public/components/event_analytics/explorer/visualizations/shared_components/toolbar_button.tsx b/public/components/event_analytics/explorer/visualizations/shared_components/toolbar_button.tsx
deleted file mode 100644
index 99d0aca64..000000000
--- a/public/components/event_analytics/explorer/visualizations/shared_components/toolbar_button.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import './toolbar_button.scss';
-import React from 'react';
-import classNames from 'classnames';
-import { EuiButton, PropsOf, EuiButtonProps } from '@elastic/eui';
-
-const groupPositionToClassMap = {
-  none: null,
-  left: 'lnsToolbarButton--groupLeft',
-  center: 'lnsToolbarButton--groupCenter',
-  right: 'lnsToolbarButton--groupRight',
-};
-
-export type ToolbarButtonProps = PropsOf<typeof EuiButton> & {
-  /**
-   * Determines prominence
-   */
-  fontWeight?: 'normal' | 'bold';
-  /**
-   * Smaller buttons also remove extra shadow for less prominence
-   */
-  size?: EuiButtonProps['size'];
-  /**
-   * Determines if the button will have a down arrow or not
-   */
-  hasArrow?: boolean;
-  /**
-   * Adjusts the borders for groupings
-   */
-  groupPosition?: 'none' | 'left' | 'center' | 'right';
-  dataTestSubj?: string;
-};
-
-export const ToolbarButton: React.FunctionComponent<ToolbarButtonProps> = ({
-  children,
-  className,
-  fontWeight = 'normal',
-  size = 's',
-  hasArrow = true,
-  groupPosition = 'none',
-  dataTestSubj = '',
-  ...rest
-}) => {
-  const classes = classNames(
-    'lnsToolbarButton',
-    groupPositionToClassMap[groupPosition],
-    [`lnsToolbarButton--${fontWeight}`, `lnsToolbarButton--${size}`],
-    className
-  );
-  return (
-    <EuiButton
-      data-test-subj={dataTestSubj}
-      className={classes}
-      iconSide="right"
-      iconType={hasArrow ? 'arrowDown' : ''}
-      color="text"
-      contentProps={{
-        className: 'lnsToolbarButton__content',
-      }}
-      textProps={{
-        className: 'lnsToolbarButton__text',
-      }}
-      {...rest}
-      size={size}
-    >
-      {children}
-    </EuiButton>
-  );
-};
diff --git a/public/components/event_analytics/explorer/visualizations/shared_components/vis_canvass_placeholder.tsx b/public/components/event_analytics/explorer/visualizations/shared_components/vis_canvass_placeholder.tsx
index 5ebede43e..6898d1b2b 100644
--- a/public/components/event_analytics/explorer/visualizations/shared_components/vis_canvass_placeholder.tsx
+++ b/public/components/event_analytics/explorer/visualizations/shared_components/vis_canvass_placeholder.tsx
@@ -10,7 +10,7 @@ import './empty_placeholder.scss';
 export const VisCanvassPlaceholder = (props: { message: string; icon: string }) => (
   <>
     <EuiText
-      className="lnsChart__empty"
+      className="vizChart__empty"
       textAlign="center"
       color="subdued"
       size="xs"
diff --git a/public/components/event_analytics/index.scss b/public/components/event_analytics/index.scss
new file mode 100644
index 000000000..ac34f9ab8
--- /dev/null
+++ b/public/components/event_analytics/index.scss
@@ -0,0 +1,18 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+@import 'home/home';
+@import 'explorer/log_explorer';
+@import 'explorer/explorer';
+@import 'explorer/sidebar/sidebar';
+@import 'explorer/events_views/data_grid';
+@import 'explorer/events_views/docView';
+@import 'explorer/visualizations/config_panel/config_panel';
+@import 'explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel';
+@import 'explorer/visualizations/visualizations';
+@import 'explorer/visualizations/shared_components/empty_placeholder';
+@import 'explorer/visualizations/shared_components/plotly_viz_editor/plotly_editor';
+@import 'explorer/visualizations/shared_components/plotly_viz_editor/plotly_vis';
+@import 'explorer/visualizations/workspace_panel/workspace_panel';
\ No newline at end of file
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap
index a275204ce..b02366d3c 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap
@@ -26,6 +26,11 @@ exports[`Veritcal Bar component Renders veritcal bar component 1`] = `
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
@@ -526,14 +531,14 @@ exports[`Veritcal Bar component Renders veritcal bar component 1`] = `
     message="Missing aggregations"
   >
     <EuiText
-      className="lnsChart__empty"
+      className="vizChart__empty"
       color="subdued"
       data-test-subj="vizWorkspace__noData"
       size="xs"
       textAlign="center"
     >
       <div
-        className="euiText euiText--extraSmall lnsChart__empty"
+        className="euiText euiText--extraSmall vizChart__empty"
         data-test-subj="vizWorkspace__noData"
       >
         <EuiTextAlign
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/gauge.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/gauge.test.tsx.snap
index ec25227fa..71a951358 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/gauge.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/gauge.test.tsx.snap
@@ -26,6 +26,11 @@ exports[`Gauge component Renders gauge component 1`] = `
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
@@ -387,14 +392,14 @@ exports[`Gauge component Renders gauge component 1`] = `
     icon="visGauge"
   >
     <EuiText
-      className="lnsChart__empty"
+      className="vizChart__empty"
       color="subdued"
       data-test-subj="vizWorkspace__noData"
       size="xs"
       textAlign="center"
     >
       <div
-        className="euiText euiText--extraSmall lnsChart__empty"
+        className="euiText euiText--extraSmall vizChart__empty"
         data-test-subj="vizWorkspace__noData"
       >
         <EuiTextAlign
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap
index 6bce0daa0..2f55ea82a 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap
@@ -26,6 +26,11 @@ exports[`Heatmap component Renders heatmap component 1`] = `
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
@@ -526,14 +531,14 @@ exports[`Heatmap component Renders heatmap component 1`] = `
     message="Invalid data, heatmap can only have exact 2 dimensions and 1 series"
   >
     <EuiText
-      className="lnsChart__empty"
+      className="vizChart__empty"
       color="subdued"
       data-test-subj="vizWorkspace__noData"
       size="xs"
       textAlign="center"
     >
       <div
-        className="euiText euiText--extraSmall lnsChart__empty"
+        className="euiText euiText--extraSmall vizChart__empty"
         data-test-subj="vizWorkspace__noData"
       >
         <EuiTextAlign
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap
index 4a40cb3c7..3c75864d6 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap
@@ -26,6 +26,11 @@ exports[`Histogram component Renders histogram component 1`] = `
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/horizontal_bar.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/horizontal_bar.test.tsx.snap
index 2eeafaa05..5762ab043 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/horizontal_bar.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/horizontal_bar.test.tsx.snap
@@ -26,6 +26,11 @@ exports[`Horizontal bar component Renders horizontal bar component 1`] = `
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
@@ -526,14 +531,14 @@ exports[`Horizontal bar component Renders horizontal bar component 1`] = `
     message="Missing aggregations"
   >
     <EuiText
-      className="lnsChart__empty"
+      className="vizChart__empty"
       color="subdued"
       data-test-subj="vizWorkspace__noData"
       size="xs"
       textAlign="center"
     >
       <div
-        className="euiText euiText--extraSmall lnsChart__empty"
+        className="euiText euiText--extraSmall vizChart__empty"
         data-test-subj="vizWorkspace__noData"
       >
         <EuiTextAlign
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap
index ace24ea6f..fe041dfab 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap
@@ -26,6 +26,11 @@ exports[`Line component Renders line component 1`] = `
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
@@ -526,14 +531,14 @@ exports[`Line component Renders line component 1`] = `
     message="Missing mandatory series"
   >
     <EuiText
-      className="lnsChart__empty"
+      className="vizChart__empty"
       color="subdued"
       data-test-subj="vizWorkspace__noData"
       size="xs"
       textAlign="center"
     >
       <div
-        className="euiText euiText--extraSmall lnsChart__empty"
+        className="euiText euiText--extraSmall vizChart__empty"
         data-test-subj="vizWorkspace__noData"
       >
         <EuiTextAlign
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/logs_view.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/logs_view.test.tsx.snap
index 8160ccbdc..4b742ae05 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/logs_view.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/logs_view.test.tsx.snap
@@ -26,6 +26,11 @@ exports[`Logs View component Renders logs view component 1`] = `
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/metrics.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/metrics.test.tsx.snap
index b76b288e5..7406edcad 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/metrics.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/metrics.test.tsx.snap
@@ -26,6 +26,11 @@ exports[`Metrics component Renders Metrics component 1`] = `
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
@@ -511,14 +516,14 @@ exports[`Metrics component Renders Metrics component 1`] = `
     icon="stats"
   >
     <EuiText
-      className="lnsChart__empty"
+      className="vizChart__empty"
       color="subdued"
       data-test-subj="vizWorkspace__noData"
       size="xs"
       textAlign="center"
     >
       <div
-        className="euiText euiText--extraSmall lnsChart__empty"
+        className="euiText euiText--extraSmall vizChart__empty"
         data-test-subj="vizWorkspace__noData"
       >
         <EuiTextAlign
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap
index 26ea85725..9ad630010 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap
@@ -26,6 +26,11 @@ exports[`Pie component Renders pie component 1`] = `
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
@@ -525,14 +530,14 @@ exports[`Pie component Renders pie component 1`] = `
     icon="visBarVerticalStacked"
   >
     <EuiText
-      className="lnsChart__empty"
+      className="vizChart__empty"
       color="subdued"
       data-test-subj="vizWorkspace__noData"
       size="xs"
       textAlign="center"
     >
       <div
-        className="euiText euiText--extraSmall lnsChart__empty"
+        className="euiText euiText--extraSmall vizChart__empty"
         data-test-subj="vizWorkspace__noData"
       >
         <EuiTextAlign
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap
index c5135ca38..521128e9e 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap
@@ -9,6 +9,11 @@ exports[`Text component Renders text component 1`] = `
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap
index f19bb3141..8998f56bf 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap
@@ -26,6 +26,11 @@ exports[`Treemap component Renders treemap component 1`] = `
           "fromApp": false,
         },
         "defaultAxes": Object {},
+        "explorer": Object {
+          "explorerData": Object {
+            "jsonData": Array [],
+          },
+        },
         "indexFields": Object {
           "availableFields": Array [
             Object {
diff --git a/test/event_analytics_constants.ts b/test/event_analytics_constants.ts
index bcb75afaf..ebf31d3dd 100644
--- a/test/event_analytics_constants.ts
+++ b/test/event_analytics_constants.ts
@@ -522,6 +522,11 @@ export const VALUE_OPTIONS = {
 
 export const TEST_VISUALIZATIONS_DATA = {
   data: {
+    explorer: {
+      explorerData: {
+        jsonData: []
+      }
+    },
     appData: { fromApp: false },
     defaultAxes: {},
     indexFields: EXPLORER_FIELDS,