diff --git a/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap b/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap
index 2201cdec0b..c6f88b0ad4 100644
--- a/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap
+++ b/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap
@@ -409,7 +409,6 @@ exports[`Utils helper functions renders displayVisualization function 1`] = `
           "fillopacity": 100,
           "fulllabel": "Vertical bar",
           "groupwidth": 0.7,
-          "icon": [Function],
           "icontype": "visBarVerticalStacked",
           "id": "bar",
           "label": "Vertical bar",
@@ -858,7 +857,6 @@ exports[`Utils helper functions renders displayVisualization function 1`] = `
             "fillopacity": 100,
             "fulllabel": "Vertical bar",
             "groupwidth": 0.7,
-            "icon": [Function],
             "icontype": "visBarVerticalStacked",
             "id": "bar",
             "label": "Vertical bar",
@@ -1314,7 +1312,6 @@ exports[`Utils helper functions renders displayVisualization function 1`] = `
               "fillopacity": 100,
               "fulllabel": "Vertical bar",
               "groupwidth": 0.7,
-              "icon": [Function],
               "icontype": "visBarVerticalStacked",
               "id": "bar",
               "label": "Vertical bar",
@@ -2015,7 +2012,6 @@ exports[`Utils helper functions renders displayVisualization function 2`] = `
             ],
           },
           "fulllabel": "Time series",
-          "icon": [Function],
           "icontype": "visLine",
           "id": "line",
           "label": "Time series",
@@ -2532,7 +2528,6 @@ exports[`Utils helper functions renders displayVisualization function 2`] = `
               ],
             },
             "fulllabel": "Time series",
-            "icon": [Function],
             "icontype": "visLine",
             "id": "line",
             "label": "Time series",
@@ -3063,7 +3058,6 @@ exports[`Utils helper functions renders displayVisualization function 2`] = `
                 ],
               },
               "fulllabel": "Time series",
-              "icon": [Function],
               "icontype": "visLine",
               "id": "line",
               "label": "Time series",
@@ -3739,7 +3733,6 @@ exports[`Utils helper functions renders displayVisualization function 3`] = `
           "fillopacity": 100,
           "fulllabel": "Horizontal bar",
           "groupwidth": 0.7,
-          "icon": [Function],
           "icontype": "visBarHorizontalStacked",
           "id": "horizontal_bar",
           "label": "Horizontal bar",
@@ -4188,7 +4181,6 @@ exports[`Utils helper functions renders displayVisualization function 3`] = `
             "fillopacity": 100,
             "fulllabel": "Horizontal bar",
             "groupwidth": 0.7,
-            "icon": [Function],
             "icontype": "visBarHorizontalStacked",
             "id": "horizontal_bar",
             "label": "Horizontal bar",
@@ -4644,7 +4636,6 @@ exports[`Utils helper functions renders displayVisualization function 3`] = `
               "fillopacity": 100,
               "fulllabel": "Horizontal bar",
               "groupwidth": 0.7,
-              "icon": [Function],
               "icontype": "visBarHorizontalStacked",
               "id": "horizontal_bar",
               "label": "Horizontal bar",
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 a712df4bb4..dfd9ee50d8 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
@@ -617,7 +617,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
         "fillopacity": 100,
         "fulllabel": "Vertical bar",
         "groupwidth": 0.7,
-        "icon": [Function],
         "icontype": "visBarVerticalStacked",
         "id": "bar",
         "label": "Vertical bar",
@@ -933,7 +932,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
               "fillopacity": 100,
               "fulllabel": "Vertical bar",
               "groupwidth": 0.7,
-              "icon": [Function],
               "iconType": "visBarVerticalStacked",
               "icontype": "visBarVerticalStacked",
               "id": "bar",
@@ -1232,7 +1230,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
               "fillopacity": 100,
               "fulllabel": "Horizontal bar",
               "groupwidth": 0.7,
-              "icon": [Function],
               "icontype": "visBarHorizontalStacked",
               "id": "horizontal_bar",
               "label": "Horizontal bar",
@@ -1560,7 +1557,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                 ],
               },
               "fulllabel": "Time series",
-              "icon": [Function],
               "icontype": "visLine",
               "id": "line",
               "label": "Time series",
@@ -1801,7 +1797,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                 ],
               },
               "fulllabel": "Pie",
-              "icon": [Function],
               "icontype": "visPie",
               "id": "pie",
               "label": "Pie",
@@ -2241,7 +2236,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                 ],
               },
               "fulllabel": "Hubble",
-              "icon": [Function],
               "icontype": "heatmap",
               "id": "heatmap",
               "label": "Heatmap",
@@ -2294,7 +2288,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                 ],
               },
               "fulllabel": "Markdown",
-              "icon": [Function],
               "icontype": "visText",
               "id": "text",
               "label": "Markdown",
@@ -2622,7 +2615,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
               "fillopacity": 100,
               "fulllabel": "Vertical bar",
               "groupwidth": 0.7,
-              "icon": [Function],
               "iconType": "visBarVerticalStacked",
               "icontype": "visBarVerticalStacked",
               "id": "bar",
@@ -2953,7 +2945,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                   "fillopacity": 100,
                   "fulllabel": "Vertical bar",
                   "groupwidth": 0.7,
-                  "icon": [Function],
                   "iconType": "visBarVerticalStacked",
                   "icontype": "visBarVerticalStacked",
                   "id": "bar",
@@ -3290,7 +3281,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                       fillopacity={100}
                       fulllabel="Vertical bar"
                       groupwidth={0.7}
-                      icon={[Function]}
                       iconType="visBarVerticalStacked"
                       icontype="visBarVerticalStacked"
                       id="bar"
@@ -3560,7 +3550,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                           "fillopacity": 100,
                           "fulllabel": "Vertical bar",
                           "groupwidth": 0.7,
-                          "icon": [Function],
                           "iconType": "visBarVerticalStacked",
                           "icontype": "visBarVerticalStacked",
                           "id": "bar",
@@ -3898,7 +3887,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                         fillopacity={100}
                         fulllabel="Vertical bar"
                         groupwidth={0.7}
-                        icon={[Function]}
                         iconType="visBarVerticalStacked"
                         icontype="visBarVerticalStacked"
                         id="bar"
@@ -4205,7 +4193,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                             fillopacity={100}
                             fulllabel="Vertical bar"
                             groupwidth={0.7}
-                            icon={[Function]}
                             icontype="visBarVerticalStacked"
                             id="bar"
                             labelangle={0}
@@ -5282,7 +5269,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                     "fillopacity": 100,
                     "fulllabel": "Vertical bar",
                     "groupwidth": 0.7,
-                    "icon": [Function],
                     "icontype": "visBarVerticalStacked",
                     "id": "bar",
                     "label": "Vertical bar",
@@ -6211,7 +6197,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                       "fillopacity": 100,
                       "fulllabel": "Vertical bar",
                       "groupwidth": 0.7,
-                      "icon": [Function],
                       "icontype": "visBarVerticalStacked",
                       "id": "bar",
                       "label": "Vertical bar",
@@ -7181,7 +7166,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                     "fillopacity": 100,
                     "fulllabel": "Vertical bar",
                     "groupwidth": 0.7,
-                    "icon": [Function],
                     "icontype": "visBarVerticalStacked",
                     "id": "bar",
                     "label": "Vertical bar",
@@ -7886,7 +7870,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   "fillopacity": 100,
                                   "fulllabel": "Vertical bar",
                                   "groupwidth": 0.7,
-                                  "icon": [Function],
                                   "icontype": "visBarVerticalStacked",
                                   "id": "bar",
                                   "label": "Vertical bar",
@@ -8858,7 +8841,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   "fillopacity": 100,
                                   "fulllabel": "Vertical bar",
                                   "groupwidth": 0.7,
-                                  "icon": [Function],
                                   "icontype": "visBarVerticalStacked",
                                   "id": "bar",
                                   "label": "Vertical bar",
@@ -10329,7 +10311,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   "fillopacity": 100,
                                   "fulllabel": "Vertical bar",
                                   "groupwidth": 0.7,
-                                  "icon": [Function],
                                   "icontype": "visBarVerticalStacked",
                                   "id": "bar",
                                   "label": "Vertical bar",
@@ -11821,7 +11802,6 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   "fillopacity": 100,
                                   "fulllabel": "Vertical bar",
                                   "groupwidth": 0.7,
-                                  "icon": [Function],
                                   "icontype": "visBarVerticalStacked",
                                   "id": "bar",
                                   "label": "Vertical bar",
@@ -14241,6 +14221,830 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                         </div>
                       </div>
                     </EuiFormRow>
+                    <EuiFormRow
+                      describedByIds={Array []}
+                      display="row"
+                      fullWidth={true}
+                      hasChildLabel={true}
+                      hasEmptyLabelSpace={false}
+                      labelType="label"
+                    >
+                      <div
+                        className="euiFormRow euiFormRow--fullWidth"
+                        id="random_html_id-row"
+                      >
+                        <div
+                          className="euiFormRow__fieldWrapper"
+                        >
+                          <Component
+                            handleConfigChange={[Function]}
+                            id="random_html_id"
+                            onBlur={[Function]}
+                            onFocus={[Function]}
+                            props={Object {}}
+                            schemas={Array []}
+                            sectionId="color-theme"
+                            sectionName="Color theme"
+                            visualizations={
+                              Object {
+                                "data": Object {
+                                  "appData": Object {
+                                    "fromApp": false,
+                                  },
+                                  "defaultAxes": Object {},
+                                  "explorer": Object {
+                                    "explorerData": Object {
+                                      "jsonData": Array [
+                                        Object {
+                                          "double_per_ip_bytes": 11606,
+                                          "host": "artifacts.opensearch.org",
+                                          "ip_count": 176,
+                                          "per_ip_bytes": 5803,
+                                          "resp_code": "404",
+                                          "sum_bytes": 1021420,
+                                        },
+                                        Object {
+                                          "double_per_ip_bytes": 10100,
+                                          "host": "www.opensearch.org",
+                                          "ip_count": 111,
+                                          "per_ip_bytes": 5050,
+                                          "resp_code": "404",
+                                          "sum_bytes": 560638,
+                                        },
+                                        Object {
+                                          "double_per_ip_bytes": 0,
+                                          "host": "artifacts.opensearch.org",
+                                          "ip_count": 94,
+                                          "per_ip_bytes": 0,
+                                          "resp_code": "503",
+                                          "sum_bytes": 0,
+                                        },
+                                        Object {
+                                          "double_per_ip_bytes": 0,
+                                          "host": "www.opensearch.org",
+                                          "ip_count": 78,
+                                          "per_ip_bytes": 0,
+                                          "resp_code": "503",
+                                          "sum_bytes": 0,
+                                        },
+                                        Object {
+                                          "double_per_ip_bytes": 11526,
+                                          "host": "cdn.opensearch-opensearch-opensearch.org",
+                                          "ip_count": 43,
+                                          "per_ip_bytes": 5763,
+                                          "resp_code": "404",
+                                          "sum_bytes": 247840,
+                                        },
+                                        Object {
+                                          "double_per_ip_bytes": 0,
+                                          "host": "cdn.opensearch-opensearch-opensearch.org",
+                                          "ip_count": 34,
+                                          "per_ip_bytes": 0,
+                                          "resp_code": "503",
+                                          "sum_bytes": 0,
+                                        },
+                                        Object {
+                                          "double_per_ip_bytes": 8882,
+                                          "host": "opensearch-opensearch-opensearch.org",
+                                          "ip_count": 13,
+                                          "per_ip_bytes": 4441,
+                                          "resp_code": "404",
+                                          "sum_bytes": 57735,
+                                        },
+                                        Object {
+                                          "double_per_ip_bytes": 0,
+                                          "host": "opensearch-opensearch-opensearch.org",
+                                          "ip_count": 6,
+                                          "per_ip_bytes": 0,
+                                          "resp_code": "503",
+                                          "sum_bytes": 0,
+                                        },
+                                      ],
+                                      "schema": Array [
+                                        Object {
+                                          "name": "agent",
+                                          "type": "string",
+                                        },
+                                        Object {
+                                          "name": "bytes",
+                                          "type": "long",
+                                        },
+                                        Object {
+                                          "name": "clientip",
+                                          "type": "ip",
+                                        },
+                                        Object {
+                                          "name": "event",
+                                          "type": "struct",
+                                        },
+                                        Object {
+                                          "name": "extension",
+                                          "type": "string",
+                                        },
+                                        Object {
+                                          "name": "geo",
+                                          "type": "struct",
+                                        },
+                                        Object {
+                                          "name": "host",
+                                          "type": "string",
+                                        },
+                                        Object {
+                                          "name": "index",
+                                          "type": "string",
+                                        },
+                                        Object {
+                                          "name": "ip",
+                                          "type": "ip",
+                                        },
+                                        Object {
+                                          "name": "machine",
+                                          "type": "struct",
+                                        },
+                                        Object {
+                                          "name": "memory",
+                                          "type": "double",
+                                        },
+                                        Object {
+                                          "name": "message",
+                                          "type": "string",
+                                        },
+                                        Object {
+                                          "name": "phpmemory",
+                                          "type": "long",
+                                        },
+                                        Object {
+                                          "name": "referer",
+                                          "type": "string",
+                                        },
+                                        Object {
+                                          "name": "request",
+                                          "type": "string",
+                                        },
+                                        Object {
+                                          "name": "response",
+                                          "type": "string",
+                                        },
+                                        Object {
+                                          "name": "tags",
+                                          "type": "string",
+                                        },
+                                        Object {
+                                          "name": "timestamp",
+                                          "type": "timestamp",
+                                        },
+                                        Object {
+                                          "name": "url",
+                                          "type": "string",
+                                        },
+                                        Object {
+                                          "name": "utc_time",
+                                          "type": "timestamp",
+                                        },
+                                      ],
+                                    },
+                                  },
+                                  "indexFields": Object {
+                                    "availableFields": Array [
+                                      Object {
+                                        "name": "agent",
+                                        "type": "string",
+                                      },
+                                      Object {
+                                        "name": "bytes",
+                                        "type": "long",
+                                      },
+                                      Object {
+                                        "name": "clientip",
+                                        "type": "ip",
+                                      },
+                                      Object {
+                                        "name": "event",
+                                        "type": "struct",
+                                      },
+                                      Object {
+                                        "name": "extension",
+                                        "type": "string",
+                                      },
+                                      Object {
+                                        "name": "geo",
+                                        "type": "struct",
+                                      },
+                                      Object {
+                                        "name": "host",
+                                        "type": "string",
+                                      },
+                                      Object {
+                                        "name": "index",
+                                        "type": "string",
+                                      },
+                                      Object {
+                                        "name": "ip",
+                                        "type": "ip",
+                                      },
+                                      Object {
+                                        "name": "machine",
+                                        "type": "struct",
+                                      },
+                                      Object {
+                                        "name": "memory",
+                                        "type": "double",
+                                      },
+                                      Object {
+                                        "name": "message",
+                                        "type": "string",
+                                      },
+                                      Object {
+                                        "name": "phpmemory",
+                                        "type": "long",
+                                      },
+                                      Object {
+                                        "name": "referer",
+                                        "type": "string",
+                                      },
+                                      Object {
+                                        "name": "request",
+                                        "type": "string",
+                                      },
+                                      Object {
+                                        "name": "response",
+                                        "type": "string",
+                                      },
+                                      Object {
+                                        "name": "tags",
+                                        "type": "string",
+                                      },
+                                      Object {
+                                        "name": "timestamp",
+                                        "type": "timestamp",
+                                      },
+                                      Object {
+                                        "name": "url",
+                                        "type": "string",
+                                      },
+                                      Object {
+                                        "name": "utc_time",
+                                        "type": "timestamp",
+                                      },
+                                    ],
+                                    "queriedFields": Array [
+                                      Object {
+                                        "name": "double_per_ip_bytes",
+                                        "type": "long",
+                                      },
+                                      Object {
+                                        "name": "host",
+                                        "type": "text",
+                                      },
+                                      Object {
+                                        "name": "ip_count",
+                                        "type": "integer",
+                                      },
+                                      Object {
+                                        "name": "per_ip_bytes",
+                                        "type": "long",
+                                      },
+                                      Object {
+                                        "name": "resp_code",
+                                        "type": "text",
+                                      },
+                                      Object {
+                                        "name": "sum_bytes",
+                                        "type": "long",
+                                      },
+                                    ],
+                                    "selectedFields": Array [],
+                                    "unselectedFields": Array [],
+                                  },
+                                  "query": Object {},
+                                  "rawVizData": Object {
+                                    "data": Object {
+                                      "count()": Array [
+                                        154,
+                                        1753,
+                                        116,
+                                        468,
+                                        1964,
+                                        219,
+                                      ],
+                                      "tags": Array [
+                                        "error",
+                                        "info",
+                                        "login",
+                                        "security",
+                                        "success",
+                                        "warning",
+                                      ],
+                                    },
+                                    "jsonData": Array [
+                                      Object {
+                                        "count()": 154,
+                                        "tags": "error",
+                                      },
+                                      Object {
+                                        "count()": 1753,
+                                        "tags": "info",
+                                      },
+                                      Object {
+                                        "count()": 116,
+                                        "tags": "login",
+                                      },
+                                      Object {
+                                        "count()": 468,
+                                        "tags": "security",
+                                      },
+                                      Object {
+                                        "count()": 1964,
+                                        "tags": "success",
+                                      },
+                                      Object {
+                                        "count()": 219,
+                                        "tags": "warning",
+                                      },
+                                    ],
+                                    "metadata": Object {
+                                      "fields": Array [
+                                        Object {
+                                          "name": "count()",
+                                          "type": "integer",
+                                        },
+                                        Object {
+                                          "name": "tags",
+                                          "type": "text",
+                                        },
+                                      ],
+                                      "size": 6,
+                                      "status": 200,
+                                    },
+                                  },
+                                  "userConfigs": Object {
+                                    "dataConfig": Object {
+                                      "valueOptions": Object {
+                                        "dimensions": Array [
+                                          Object {
+                                            "label": "tags",
+                                            "name": "tags",
+                                            "type": "text",
+                                          },
+                                        ],
+                                        "metrics": Array [
+                                          Object {
+                                            "label": "count()",
+                                            "name": "count()",
+                                            "side": "left",
+                                            "type": "integer",
+                                          },
+                                        ],
+                                      },
+                                    },
+                                  },
+                                },
+                                "vis": Object {
+                                  "barwidth": 0.97,
+                                  "category": "Visualizations",
+                                  "categoryaxis": "xaxis",
+                                  "component": [Function],
+                                  "editorconfig": Object {
+                                    "panelTabs": Array [
+                                      Object {
+                                        "editor": [Function],
+                                        "id": "data-panel",
+                                        "mapTo": "dataConfig",
+                                        "name": "Style",
+                                        "sections": Array [
+                                          Object {
+                                            "editor": [Function],
+                                            "id": "tooltip_options",
+                                            "mapTo": "tooltipOptions",
+                                            "name": "Tooltip options",
+                                            "schemas": Array [
+                                              Object {
+                                                "component": null,
+                                                "mapTo": "tooltipMode",
+                                                "name": "Tooltip mode",
+                                                "props": Object {
+                                                  "defaultSelections": Array [
+                                                    Object {
+                                                      "id": "show",
+                                                      "name": "Show",
+                                                    },
+                                                  ],
+                                                  "options": Array [
+                                                    Object {
+                                                      "id": "show",
+                                                      "name": "Show",
+                                                    },
+                                                    Object {
+                                                      "id": "hidden",
+                                                      "name": "Hidden",
+                                                    },
+                                                  ],
+                                                },
+                                              },
+                                              Object {
+                                                "component": null,
+                                                "mapTo": "tooltipText",
+                                                "name": "Tooltip text",
+                                                "props": Object {
+                                                  "defaultSelections": Array [
+                                                    Object {
+                                                      "id": "all",
+                                                      "name": "All",
+                                                    },
+                                                  ],
+                                                  "options": Array [
+                                                    Object {
+                                                      "id": "all",
+                                                      "name": "All",
+                                                    },
+                                                    Object {
+                                                      "id": "x",
+                                                      "name": "Dimension",
+                                                    },
+                                                    Object {
+                                                      "id": "y",
+                                                      "name": "Series",
+                                                    },
+                                                  ],
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "editor": [Function],
+                                            "id": "legend",
+                                            "mapTo": "legend",
+                                            "name": "Legend",
+                                            "schemas": Array [
+                                              Object {
+                                                "component": null,
+                                                "mapTo": "showLegend",
+                                                "name": "Show legend",
+                                                "props": Object {
+                                                  "defaultSelections": Array [
+                                                    Object {
+                                                      "id": "show",
+                                                      "name": "Show",
+                                                    },
+                                                  ],
+                                                  "options": Array [
+                                                    Object {
+                                                      "id": "show",
+                                                      "name": "Show",
+                                                    },
+                                                    Object {
+                                                      "id": "hidden",
+                                                      "name": "Hidden",
+                                                    },
+                                                  ],
+                                                },
+                                              },
+                                              Object {
+                                                "component": null,
+                                                "mapTo": "position",
+                                                "name": "Position",
+                                                "props": Object {
+                                                  "defaultSelections": Array [
+                                                    Object {
+                                                      "id": "v",
+                                                      "name": "Right",
+                                                    },
+                                                  ],
+                                                  "options": Array [
+                                                    Object {
+                                                      "id": "v",
+                                                      "name": "Right",
+                                                    },
+                                                    Object {
+                                                      "id": "h",
+                                                      "name": "Bottom",
+                                                    },
+                                                  ],
+                                                },
+                                              },
+                                              Object {
+                                                "component": [Function],
+                                                "eleType": "input",
+                                                "mapTo": "legendSize",
+                                                "name": "Legend size",
+                                                "title": "Legend size",
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "editor": [Function],
+                                            "id": "chart_styles",
+                                            "mapTo": "chartStyles",
+                                            "name": "Chart styles",
+                                            "schemas": Array [
+                                              Object {
+                                                "component": [Function],
+                                                "eleType": "buttons",
+                                                "mapTo": "mode",
+                                                "name": "Mode",
+                                                "props": Object {
+                                                  "defaultSelections": Array [
+                                                    Object {
+                                                      "id": "group",
+                                                      "name": "Group",
+                                                    },
+                                                  ],
+                                                  "options": Array [
+                                                    Object {
+                                                      "id": "group",
+                                                      "name": "Group",
+                                                    },
+                                                    Object {
+                                                      "id": "stack",
+                                                      "name": "Stack",
+                                                    },
+                                                  ],
+                                                },
+                                              },
+                                              Object {
+                                                "component": [Function],
+                                                "eleType": "input",
+                                                "mapTo": "labelSize",
+                                                "name": "Label size",
+                                              },
+                                              Object {
+                                                "component": [Function],
+                                                "defaultState": 0,
+                                                "eleType": "slider",
+                                                "mapTo": "rotateBarLabels",
+                                                "name": "Rotate bar labels",
+                                                "props": Object {
+                                                  "max": 90,
+                                                  "min": -90,
+                                                  "showTicks": true,
+                                                  "ticks": Array [
+                                                    Object {
+                                                      "label": "-90°",
+                                                      "value": -90,
+                                                    },
+                                                    Object {
+                                                      "label": "-45°",
+                                                      "value": -45,
+                                                    },
+                                                    Object {
+                                                      "label": "0°",
+                                                      "value": 0,
+                                                    },
+                                                    Object {
+                                                      "label": "45°",
+                                                      "value": 45,
+                                                    },
+                                                    Object {
+                                                      "label": "90°",
+                                                      "value": 90,
+                                                    },
+                                                  ],
+                                                },
+                                              },
+                                              Object {
+                                                "component": [Function],
+                                                "defaultState": 0.7,
+                                                "eleType": "slider",
+                                                "mapTo": "groupWidth",
+                                                "name": "Group width",
+                                                "props": Object {
+                                                  "max": 1,
+                                                  "step": 0.01,
+                                                },
+                                              },
+                                              Object {
+                                                "component": [Function],
+                                                "defaultState": 0.97,
+                                                "eleType": "slider",
+                                                "mapTo": "barWidth",
+                                                "name": "Bar width",
+                                                "props": Object {
+                                                  "max": 1,
+                                                  "step": 0.01,
+                                                },
+                                              },
+                                              Object {
+                                                "component": [Function],
+                                                "defaultState": 0,
+                                                "eleType": "slider",
+                                                "mapTo": "lineWidth",
+                                                "name": "Line width",
+                                                "props": Object {
+                                                  "max": 10,
+                                                },
+                                              },
+                                              Object {
+                                                "component": [Function],
+                                                "defaultState": 100,
+                                                "eleType": "slider",
+                                                "mapTo": "fillOpacity",
+                                                "name": "Fill opacity",
+                                                "props": Object {
+                                                  "max": 100,
+                                                },
+                                              },
+                                            ],
+                                          },
+                                          Object {
+                                            "editor": [Function],
+                                            "id": "color-theme",
+                                            "mapTo": "colorTheme",
+                                            "name": "Color theme",
+                                            "schemas": Array [],
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "editor": [Function],
+                                        "id": "availability-panel",
+                                        "mapTo": "availabilityConfig",
+                                        "name": "Availability",
+                                      },
+                                    ],
+                                  },
+                                  "fillopacity": 100,
+                                  "fulllabel": "Vertical bar",
+                                  "groupwidth": 0.7,
+                                  "icontype": "visBarVerticalStacked",
+                                  "id": "bar",
+                                  "label": "Vertical bar",
+                                  "labelangle": 0,
+                                  "legendposition": "v",
+                                  "linewidth": 0,
+                                  "mode": "group",
+                                  "name": "bar",
+                                  "orientation": "v",
+                                  "selection": Object {
+                                    "dataLoss": "nothing",
+                                  },
+                                  "seriesaxis": "yaxis",
+                                  "showlegend": "show",
+                                  "type": "bar",
+                                  "visconfig": Object {
+                                    "config": Object {
+                                      "displaylogo": false,
+                                      "responsive": true,
+                                    },
+                                    "isUniColor": false,
+                                    "layout": Object {
+                                      "height": 1180,
+                                      "legend": Object {
+                                        "orientation": "v",
+                                        "traceorder": "normal",
+                                      },
+                                      "margin": Object {
+                                        "b": 30,
+                                        "l": 60,
+                                        "pad": 0,
+                                        "r": 30,
+                                        "t": 50,
+                                      },
+                                      "showlegend": true,
+                                    },
+                                  },
+                                },
+                              }
+                            }
+                            vizState={Object {}}
+                          >
+                            <EuiAccordion
+                              arrowDisplay="left"
+                              buttonContent="Color theme"
+                              id="configPanel__Color theme"
+                              initialIsOpen={true}
+                              isLoading={false}
+                              isLoadingMessage={false}
+                              paddingSize="s"
+                            >
+                              <div
+                                className="euiAccordion euiAccordion-isOpen"
+                              >
+                                <div
+                                  className="euiAccordion__triggerWrapper"
+                                >
+                                  <button
+                                    aria-controls="configPanel__Color theme"
+                                    aria-expanded={true}
+                                    className="euiAccordion__button"
+                                    id="random_html_id"
+                                    onClick={[Function]}
+                                    type="button"
+                                  >
+                                    <span
+                                      className="euiAccordion__iconWrapper"
+                                    >
+                                      <EuiIcon
+                                        className="euiAccordion__icon euiAccordion__icon-isOpen"
+                                        size="m"
+                                        type="arrowRight"
+                                      >
+                                        <EuiIconEmpty
+                                          aria-hidden={true}
+                                          className="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon euiAccordion__icon-isOpen"
+                                          focusable="false"
+                                          role="img"
+                                          style={null}
+                                        >
+                                          <svg
+                                            aria-hidden={true}
+                                            className="euiIcon euiIcon--medium euiIcon-isLoading euiAccordion__icon euiAccordion__icon-isOpen"
+                                            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>
+                                    <span
+                                      className="euiIEFlexWrapFix"
+                                    >
+                                      Color theme
+                                    </span>
+                                  </button>
+                                </div>
+                                <div
+                                  aria-labelledby="random_html_id"
+                                  className="euiAccordion__childWrapper"
+                                  id="configPanel__Color theme"
+                                  role="region"
+                                  tabIndex={-1}
+                                >
+                                  <EuiResizeObserver
+                                    onResize={[Function]}
+                                  >
+                                    <div>
+                                      <div
+                                        className="euiAccordion__padding--s"
+                                      >
+                                        <EuiButton
+                                          fullWidth={true}
+                                          onClick={[Function]}
+                                          size="s"
+                                        >
+                                          <EuiButtonDisplay
+                                            baseClassName="euiButton"
+                                            disabled={false}
+                                            element="button"
+                                            fullWidth={true}
+                                            isDisabled={false}
+                                            onClick={[Function]}
+                                            size="s"
+                                            type="button"
+                                          >
+                                            <button
+                                              className="euiButton euiButton--primary euiButton--small euiButton--fullWidth"
+                                              disabled={false}
+                                              onClick={[Function]}
+                                              style={
+                                                Object {
+                                                  "minWidth": undefined,
+                                                }
+                                              }
+                                              type="button"
+                                            >
+                                              <EuiButtonContent
+                                                className="euiButton__content"
+                                                iconSide="left"
+                                                textProps={
+                                                  Object {
+                                                    "className": "euiButton__text",
+                                                  }
+                                                }
+                                              >
+                                                <span
+                                                  className="euiButtonContent euiButton__content"
+                                                >
+                                                  <span
+                                                    className="euiButton__text"
+                                                  >
+                                                    + Add color theme
+                                                  </span>
+                                                </span>
+                                              </EuiButtonContent>
+                                            </button>
+                                          </EuiButtonDisplay>
+                                        </EuiButton>
+                                        <EuiSpacer
+                                          size="s"
+                                        >
+                                          <div
+                                            className="euiSpacer euiSpacer--s"
+                                          />
+                                        </EuiSpacer>
+                                      </div>
+                                    </div>
+                                  </EuiResizeObserver>
+                                </div>
+                              </div>
+                            </EuiAccordion>
+                          </Component>
+                        </div>
+                      </div>
+                    </EuiFormRow>
                   </div>
                 </EuiForm>
               </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
index adb37ebb1e..29dcef5453 100644
--- 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
@@ -1,95 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Shared components Renders empty placeholder component 1`] = `
-<Component
-  icon={[Function]}
->
-  <EuiText
-    className="lnsChart__empty"
-    color="subdued"
-    data-test-subj="vizWorkspace__noData"
-    size="xs"
-    textAlign="center"
-  >
-    <div
-      className="euiText euiText--extraSmall lnsChart__empty"
-      data-test-subj="vizWorkspace__noData"
-    >
-      <EuiTextAlign
-        textAlign="center"
-      >
-        <div
-          className="euiTextAlign euiTextAlign--center"
-        >
-          <EuiTextColor
-            color="subdued"
-            component="div"
-          >
-            <div
-              className="euiTextColor euiTextColor--subdued"
-            >
-              <EuiIcon
-                color="subdued"
-                size="xxl"
-                type={[Function]}
-              >
-                <Component
-                  aria-hidden={true}
-                  className="euiIcon euiIcon--xxLarge euiIcon--subdued"
-                  focusable="false"
-                  role="img"
-                  style={null}
-                >
-                  <svg
-                    aria-hidden={true}
-                    className="euiIcon euiIcon--xxLarge euiIcon--subdued"
-                    fill="none"
-                    focusable="false"
-                    height={22}
-                    role="img"
-                    style={null}
-                    viewBox="0 0 30 22"
-                    width={30}
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      className="lensChartIcon__subdued"
-                      d="M5 7a1 1 0 011 1v13a1 1 0 01-1 1H1a1 1 0 01-1-1V8a1 1 0 011-1h4zm16-7a1 1 0 011 1v20a1 1 0 01-1 1h-4a1 1 0 01-1-1V1a1 1 0 011-1h4z"
-                    />
-                    <path
-                      className="lensChartIcon__accent"
-                      d="M13 11a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1v-9a1 1 0 011-1h4zm16-7a1 1 0 011 1v16a1 1 0 01-1 1h-4a1 1 0 01-1-1V5a1 1 0 011-1h4z"
-                    />
-                  </svg>
-                </Component>
-              </EuiIcon>
-              <EuiSpacer
-                size="l"
-              >
-                <div
-                  className="euiSpacer euiSpacer--l"
-                />
-              </EuiSpacer>
-              <p>
-                <FormattedMessage
-                  defaultMessage="No data found"
-                  id="visualization_noData"
-                  values={Object {}}
-                >
-                  <span>
-                    No data found
-                  </span>
-                </FormattedMessage>
-              </p>
-            </div>
-          </EuiTextColor>
-        </div>
-      </EuiTextAlign>
-    </div>
-  </EuiText>
-</Component>
-`;
-
 exports[`Shared components Renders tool bar button component 1`] = `
 <Component
   fontWeight="bold"
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
index f7ba128362..8b54059066 100644
--- 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
@@ -7,23 +7,11 @@ import { configure, mount } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
 import React from 'react';
 import { waitFor } from '@testing-library/react';
-import { EmptyPlaceholder } from '../empty_placeholder';
-import { LensIconChartBar } from '../../../../../visualizations/assets/chart_bar';
 import { ToolbarButton } from '../toolbar_button';
 
 describe('Shared components', () => {
   configure({ adapter: new Adapter() });
 
-  it('Renders empty placeholder component', async () => {
-    const wrapper = mount(<EmptyPlaceholder icon={LensIconChartBar} />);
-
-    wrapper.update();
-
-    await waitFor(() => {
-      expect(wrapper).toMatchSnapshot();
-    });
-  });
-
   it('Renders tool bar button component', async () => {
     const handleClick = jest.fn();
     const WrappedComponent = () => <div>testing</div>;
diff --git a/public/components/event_analytics/explorer/visualizations/shared_components/plotly_viz_editor/index.tsx b/public/components/event_analytics/explorer/visualizations/shared_components/plotly_viz_editor/index.tsx
index 1238af2fed..088751a9f3 100644
--- a/public/components/event_analytics/explorer/visualizations/shared_components/plotly_viz_editor/index.tsx
+++ b/public/components/event_analytics/explorer/visualizations/shared_components/plotly_viz_editor/index.tsx
@@ -1 +1,2 @@
 export { PlotlyVizEditor } from './plotly_viz_editor';
+export { PlotlyEditorActionsMenu } from './plotly_actions';
diff --git a/public/components/event_analytics/explorer/visualizations/visualization_specs/default_spec.ts b/public/components/event_analytics/explorer/visualizations/visualization_specs/default_spec.ts
index 310f6613fd..e71363c946 100644
--- a/public/components/event_analytics/explorer/visualizations/visualization_specs/default_spec.ts
+++ b/public/components/event_analytics/explorer/visualizations/visualization_specs/default_spec.ts
@@ -1,6 +1,4 @@
 // @ts-ignore
-
-import hjson from 'hjson';
 import defaultLayoutSpec from '!!raw-loader!./default.layout.spec.hjson';
 import defaultDataSpec from '!!raw-loader!./default.data.spec.hjson';
 
diff --git a/public/components/visualizations/assets/__tests__/__snapshots__/assets.test.tsx.snap b/public/components/visualizations/assets/__tests__/__snapshots__/assets.test.tsx.snap
deleted file mode 100644
index 4e61b41769..0000000000
--- a/public/components/visualizations/assets/__tests__/__snapshots__/assets.test.tsx.snap
+++ /dev/null
@@ -1,64 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Assets components Renders lens icon of bar component 1`] = `
-<Component>
-  <svg
-    fill="none"
-    height={22}
-    viewBox="0 0 30 22"
-    width={30}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      className="lensChartIcon__subdued"
-      d="M5 7a1 1 0 011 1v13a1 1 0 01-1 1H1a1 1 0 01-1-1V8a1 1 0 011-1h4zm16-7a1 1 0 011 1v20a1 1 0 01-1 1h-4a1 1 0 01-1-1V1a1 1 0 011-1h4z"
-    />
-    <path
-      className="lensChartIcon__accent"
-      d="M13 11a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1v-9a1 1 0 011-1h4zm16-7a1 1 0 011 1v16a1 1 0 01-1 1h-4a1 1 0 01-1-1V5a1 1 0 011-1h4z"
-    />
-  </svg>
-</Component>
-`;
-
-exports[`Assets components Renders lens icon of horizontal bar component 1`] = `
-<Component>
-  <svg
-    fill="none"
-    height={22}
-    viewBox="0 0 30 22"
-    width={30}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      className="lensChartIcon__subdued"
-      d="M29 16a1 1 0 011 1v4a1 1 0 01-1 1H1a1 1 0 01-1-1v-4a1 1 0 011-1h28zM22 0a1 1 0 011 1v4a1 1 0 01-1 1H1a1 1 0 01-1-1V1a1 1 0 011-1h21z"
-    />
-    <path
-      className="lensChartIcon__accent"
-      d="M0 9a1 1 0 011-1h15a1 1 0 011 1v4a1 1 0 01-1 1H1a1 1 0 01-1-1V9z"
-    />
-  </svg>
-</Component>
-`;
-
-exports[`Assets components Renders lens icon of line component 1`] = `
-<Component>
-  <svg
-    fill="none"
-    height={22}
-    viewBox="0 0 30 22"
-    width={30}
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      className="lensChartIcon__subdued"
-      d="M23.434 16.456c.211.553.406.982.58 1.277l.073.119c.038.058.072.105.101.141.52-.04 1.07-.248 2.13-.77l.235-.117C28.198 16.283 28.953 16 30 16v2c-.507 0-.988.146-1.89.571l-1.209.592C25.621 19.78 24.924 20 24 20l-.174-.005c-1.251-.076-1.805-1.036-2.994-4.993L22.93 15c.18.563.335 1.012.505 1.455zM6 1c1.269 0 1.966.69 3.492 2.939l.774 1.146.272.387.26.358C11.419 6.658 11.788 7 12 7c.466 0 .967-.252 1.99-.997l.891-.659.458-.325C16.424 4.272 17.093 4 18 4c1.377 0 1.925.863 3.168 4.999L19.07 9a26.766 26.766 0 00-.505-1.457c-.24-.631-.46-1.1-.652-1.395l-.051-.074-.045-.06c-.452.064-.988.375-2.007 1.13l-.691.512-.458.325C13.576 8.728 12.907 9 12 9c-1.269 0-1.966-.69-3.492-2.939l-.774-1.146-.272-.387-.26-.358C6.581 3.342 6.213 3 6 3c-.294 0-.885.651-2.017 2.33l-.491.731-.326.475C1.859 8.409 1.175 9 0 9V7c.294 0 .885-.651 2.017-2.33l.491-.731.326-.475C4.141 1.591 4.825 1 6 1z"
-    />
-    <path
-      className="lensChartIcon__accent"
-      d="M0 21c1.123 0 1.852-.477 3.295-1.885l.758-.75.345-.33C5.208 17.275 5.648 17 6 17c.466 0 .967.252 1.99.997l.891.659.458.325C10.424 19.728 11.093 20 12 20c1.325 0 1.996-.772 3.546-3.444l.593-1.028.385-.646C17.328 13.562 17.796 13 18 13h6c1.333 0 1.978-.795 3.452-3.676l.692-1.37.358-.69C29.333 5.7 29.831 5 30 5V3c-1.333 0-1.978.795-3.452 3.676l-.692 1.37-.358.69C24.667 10.3 24.169 11 24 11h-6c-1.325 0-1.996.772-3.546 3.444l-.593 1.028-.385.646C12.672 17.438 12.204 18 12 18c-.466 0-.967-.252-1.99-.997l-.891-.659-.458-.325C7.576 15.272 6.907 15 6 15c-1.123 0-1.852.477-3.295 1.885l-.758.75-.345.33C.792 18.725.352 19 0 19v2z"
-    />
-  </svg>
-</Component>
-`;
diff --git a/public/components/visualizations/assets/__tests__/assets.test.tsx b/public/components/visualizations/assets/__tests__/assets.test.tsx
deleted file mode 100644
index 3b3263533e..0000000000
--- a/public/components/visualizations/assets/__tests__/assets.test.tsx
+++ /dev/null
@@ -1,56 +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 { LensIconChartBar } from '../chart_bar';
-import { LensIconChartBarHorizontal } from '../chart_bar_horizontal';
-import { LensIconChartLine } from '../chart_line';
-
-
-describe('Assets components', () => {
-  configure({ adapter: new Adapter() });
-
-  it('Renders lens icon of bar component', async () => {
-    
-    const wrapper = mount(
-      <LensIconChartBar />
-    );
-    
-    wrapper.update();
-
-    await waitFor(() => {
-      expect(wrapper).toMatchSnapshot();
-    });
-  });
-
-  it('Renders lens icon of horizontal bar component', async () => {
-    
-    const wrapper = mount(
-      <LensIconChartBarHorizontal />
-    );
-    
-    wrapper.update();
-
-    await waitFor(() => {
-      expect(wrapper).toMatchSnapshot();
-    });
-  });
-
-  it('Renders lens icon of line component', async () => {
-    
-    const wrapper = mount(
-      <LensIconChartLine />
-    );
-    
-    wrapper.update();
-
-    await waitFor(() => {
-      expect(wrapper).toMatchSnapshot();
-    });
-  });
-});
\ No newline at end of file
diff --git a/public/components/visualizations/assets/chart_bar.tsx b/public/components/visualizations/assets/chart_bar.tsx
deleted file mode 100644
index 3ee43ea227..0000000000
--- a/public/components/visualizations/assets/chart_bar.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import React from 'react';
-import { EuiIconProps } from '@elastic/eui';
-
-export const LensIconChartBar = ({ title, titleId, ...props }: Omit<EuiIconProps, 'type'>) => (
-  <svg
-    viewBox="0 0 30 22"
-    width={30}
-    height={22}
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby={titleId}
-    {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      d="M5 7a1 1 0 011 1v13a1 1 0 01-1 1H1a1 1 0 01-1-1V8a1 1 0 011-1h4zm16-7a1 1 0 011 1v20a1 1 0 01-1 1h-4a1 1 0 01-1-1V1a1 1 0 011-1h4z"
-      className="lensChartIcon__subdued"
-    />
-    <path
-      d="M13 11a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 01-1-1v-9a1 1 0 011-1h4zm16-7a1 1 0 011 1v16a1 1 0 01-1 1h-4a1 1 0 01-1-1V5a1 1 0 011-1h4z"
-      className="lensChartIcon__accent"
-    />
-  </svg>
-);
diff --git a/public/components/visualizations/assets/chart_bar_horizontal.tsx b/public/components/visualizations/assets/chart_bar_horizontal.tsx
deleted file mode 100644
index 0ccfa6a6cb..0000000000
--- a/public/components/visualizations/assets/chart_bar_horizontal.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import React from 'react';
-import { EuiIconProps } from '@elastic/eui';
-
-export const LensIconChartBarHorizontal = ({
-  title,
-  titleId,
-  ...props
-}: Omit<EuiIconProps, 'type'>) => (
-  <svg
-    viewBox="0 0 30 22"
-    width={30}
-    height={22}
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby={titleId}
-    {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      d="M29 16a1 1 0 011 1v4a1 1 0 01-1 1H1a1 1 0 01-1-1v-4a1 1 0 011-1h28zM22 0a1 1 0 011 1v4a1 1 0 01-1 1H1a1 1 0 01-1-1V1a1 1 0 011-1h21z"
-      className="lensChartIcon__subdued"
-    />
-    <path
-      d="M0 9a1 1 0 011-1h15a1 1 0 011 1v4a1 1 0 01-1 1H1a1 1 0 01-1-1V9z"
-      className="lensChartIcon__accent"
-    />
-  </svg>
-);
diff --git a/public/components/visualizations/assets/chart_datatable.tsx b/public/components/visualizations/assets/chart_datatable.tsx
deleted file mode 100644
index d6a5cb733e..0000000000
--- a/public/components/visualizations/assets/chart_datatable.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import React from 'react';
-import { EuiIconProps } from '@elastic/eui';
-
-export const LensIconChartDatatable = ({
-  title,
-  titleId,
-  ...props
-}: Omit<EuiIconProps, 'type'>) => (
-  <svg
-    viewBox="0 0 30 22"
-    width={30}
-    height={22}
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby={titleId}
-    {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      d="M11 18a1 1 0 011 1v2a1 1 0 01-1 1H1a1 1 0 01-1-1v-2a1 1 0 011-1h10zm0-6a1 1 0 011 1v2a1 1 0 01-1 1H1a1 1 0 01-1-1v-2a1 1 0 011-1h10zm0-6a1 1 0 011 1v2a1 1 0 01-1 1H1a1 1 0 01-1-1V7a1 1 0 011-1h10zm18-6a1 1 0 011 1v2a1 1 0 01-1 1H1a1 1 0 01-1-1V1a1 1 0 011-1h28z"
-      className="lensChartIcon__subdued"
-    />
-    <path
-      d="M20 18a1 1 0 011 1v2a1 1 0 01-.883.993L20 22h-5a1 1 0 01-1-1v-2a1 1 0 011-1h5zm9 0a1 1 0 011 1v2a1 1 0 01-1 1h-5a1 1 0 01-1-1v-2a1 1 0 011-1h5zm-9-6a1 1 0 011 1v2a1 1 0 01-.883.993L20 16h-5a1 1 0 01-1-1v-2a1 1 0 011-1h5zm9 0a1 1 0 011 1v2a1 1 0 01-1 1h-5a1 1 0 01-1-1v-2a1 1 0 011-1h5zm-9-6a1 1 0 011 1v2a1 1 0 01-.883.993L20 10h-5a1 1 0 01-1-1V7a1 1 0 011-1h5zm9 0a1 1 0 011 1v2a1 1 0 01-1 1h-5a1 1 0 01-1-1V7a1 1 0 011-1h5z"
-      className="lensChartIcon__accent"
-    />
-  </svg>
-);
diff --git a/public/components/visualizations/assets/chart_line.tsx b/public/components/visualizations/assets/chart_line.tsx
deleted file mode 100644
index af6b1294ca..0000000000
--- a/public/components/visualizations/assets/chart_line.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import React from 'react';
-import { EuiIconProps } from '@elastic/eui';
-
-export const LensIconChartLine = ({ title, titleId, ...props }: Omit<EuiIconProps, 'type'>) => (
-  <svg
-    viewBox="0 0 30 22"
-    width={30}
-    height={22}
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby={titleId}
-    {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      d="M23.434 16.456c.211.553.406.982.58 1.277l.073.119c.038.058.072.105.101.141.52-.04 1.07-.248 2.13-.77l.235-.117C28.198 16.283 28.953 16 30 16v2c-.507 0-.988.146-1.89.571l-1.209.592C25.621 19.78 24.924 20 24 20l-.174-.005c-1.251-.076-1.805-1.036-2.994-4.993L22.93 15c.18.563.335 1.012.505 1.455zM6 1c1.269 0 1.966.69 3.492 2.939l.774 1.146.272.387.26.358C11.419 6.658 11.788 7 12 7c.466 0 .967-.252 1.99-.997l.891-.659.458-.325C16.424 4.272 17.093 4 18 4c1.377 0 1.925.863 3.168 4.999L19.07 9a26.766 26.766 0 00-.505-1.457c-.24-.631-.46-1.1-.652-1.395l-.051-.074-.045-.06c-.452.064-.988.375-2.007 1.13l-.691.512-.458.325C13.576 8.728 12.907 9 12 9c-1.269 0-1.966-.69-3.492-2.939l-.774-1.146-.272-.387-.26-.358C6.581 3.342 6.213 3 6 3c-.294 0-.885.651-2.017 2.33l-.491.731-.326.475C1.859 8.409 1.175 9 0 9V7c.294 0 .885-.651 2.017-2.33l.491-.731.326-.475C4.141 1.591 4.825 1 6 1z"
-      className="lensChartIcon__subdued"
-    />
-    <path
-      d="M0 21c1.123 0 1.852-.477 3.295-1.885l.758-.75.345-.33C5.208 17.275 5.648 17 6 17c.466 0 .967.252 1.99.997l.891.659.458.325C10.424 19.728 11.093 20 12 20c1.325 0 1.996-.772 3.546-3.444l.593-1.028.385-.646C17.328 13.562 17.796 13 18 13h6c1.333 0 1.978-.795 3.452-3.676l.692-1.37.358-.69C29.333 5.7 29.831 5 30 5V3c-1.333 0-1.978.795-3.452 3.676l-.692 1.37-.358.69C24.667 10.3 24.169 11 24 11h-6c-1.325 0-1.996.772-3.546 3.444l-.593 1.028-.385.646C12.672 17.438 12.204 18 12 18c-.466 0-.967-.252-1.99-.997l-.891-.659-.458-.325C7.576 15.272 6.907 15 6 15c-1.123 0-1.852.477-3.295 1.885l-.758.75-.345.33C.792 18.725.352 19 0 19v2z"
-      className="lensChartIcon__accent"
-    />
-  </svg>
-);
diff --git a/public/components/visualizations/assets/chart_pie.tsx b/public/components/visualizations/assets/chart_pie.tsx
deleted file mode 100644
index 56a18b9d61..0000000000
--- a/public/components/visualizations/assets/chart_pie.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License
- * 2.0; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import React from 'react';
-import { EuiIconProps } from '@elastic/eui';
-
-export const LensIconChartPie = ({ title, titleId, ...props }: Omit<EuiIconProps, 'type'>) => (
-  <svg
-    viewBox="0 0 30 22"
-    width={30}
-    height={22}
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    aria-labelledby={titleId}
-    {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      d="M17.827 21.189a10.001 10.001 0 005.952-7.148c.124-.578-.343-1.091-.935-1.091H14a1 1 0 01-1-1V3.106c0-.592-.513-1.059-1.092-.935a10 10 0 105.919 19.018z"
-      className="lensChartIcon__subdued"
-    />
-    <path
-      d="M22.462 3.538A12.29 12.29 0 0016.094.16C15.512.048 15 .514 15 1.106V10a1 1 0 001 1h8.895c.591 0 1.057-.512.945-1.094a12.288 12.288 0 00-3.378-6.368z"
-      className="lensChartIcon__accent"
-    />
-  </svg>
-);
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 4b8f4303a1..9c5fa0f37d 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap
@@ -632,7 +632,6 @@ exports[`Veritcal Bar component Renders veritcal bar component 1`] = `
         "fillopacity": 100,
         "fulllabel": "Vertical bar",
         "groupwidth": 0.7,
-        "icon": [Function],
         "icontype": "visBarVerticalStacked",
         "id": "bar",
         "label": "Vertical bar",
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 893fbd7621..021c679e50 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/gauge.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/gauge.test.tsx.snap
@@ -501,7 +501,6 @@ exports[`Gauge component Renders gauge component 1`] = `
           ],
         },
         "fulllabel": "Gauge",
-        "icon": [Function],
         "icontype": "visGauge",
         "id": "gauge",
         "label": "Gauge",
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 59917f21b6..040fffaf5f 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap
@@ -636,7 +636,6 @@ exports[`Heatmap component Renders heatmap component 1`] = `
         "fillopacity": 100,
         "fulllabel": "Vertical bar",
         "groupwidth": 0.7,
-        "icon": [Function],
         "icontype": "visBarVerticalStacked",
         "id": "bar",
         "label": "Vertical bar",
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 3b55f2c740..ea0daf6b38 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap
@@ -632,7 +632,6 @@ exports[`Histogram component Renders histogram component 1`] = `
         "fillopacity": 100,
         "fulllabel": "Vertical bar",
         "groupwidth": 0.7,
-        "icon": [Function],
         "icontype": "visBarVerticalStacked",
         "id": "bar",
         "label": "Vertical bar",
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 113f9b68b4..a9007af59e 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
@@ -632,7 +632,6 @@ exports[`Horizontal bar component Renders horizontal bar component 1`] = `
         "fillopacity": 100,
         "fulllabel": "Horizontal bar",
         "groupwidth": 0.7,
-        "icon": [Function],
         "icontype": "visBarHorizontalStacked",
         "id": "horizontal_bar",
         "label": "Horizontal bar",
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 f5cd8f9cb9..fce2a2ea03 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap
@@ -632,7 +632,6 @@ exports[`Line component Renders line component 1`] = `
         "fillopacity": 100,
         "fulllabel": "Vertical bar",
         "groupwidth": 0.7,
-        "icon": [Function],
         "icontype": "visBarVerticalStacked",
         "id": "bar",
         "label": "Vertical bar",
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 87fa482580..ff5c84b864 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/metrics.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/metrics.test.tsx.snap
@@ -599,7 +599,6 @@ exports[`Metrics component Renders Metrics component 1`] = `
           ],
         },
         "fulllabel": "Metrics",
-        "icon": [Function],
         "icontype": "stats",
         "id": "metrics",
         "label": "Metrics",
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 4465f321e8..5545e2bab8 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap
@@ -632,7 +632,6 @@ exports[`Pie component Renders pie component 1`] = `
         "fillopacity": 100,
         "fulllabel": "Vertical bar",
         "groupwidth": 0.7,
-        "icon": [Function],
         "icontype": "visBarVerticalStacked",
         "id": "bar",
         "label": "Vertical bar",
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 6c40f4dfeb..8c7f67a8dc 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap
@@ -615,7 +615,6 @@ exports[`Text component Renders text component 1`] = `
         "fillopacity": 100,
         "fulllabel": "Vertical bar",
         "groupwidth": 0.7,
-        "icon": [Function],
         "icontype": "visBarVerticalStacked",
         "id": "bar",
         "label": "Vertical bar",
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 4081a0419a..bf22d5b9ed 100644
--- a/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap
+++ b/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap
@@ -632,7 +632,6 @@ exports[`Treemap component Renders treemap component 1`] = `
         "fillopacity": 100,
         "fulllabel": "Vertical bar",
         "groupwidth": 0.7,
-        "icon": [Function],
         "icontype": "visBarVerticalStacked",
         "id": "bar",
         "label": "Vertical bar",
diff --git a/public/components/visualizations/charts/bar/bar_type.ts b/public/components/visualizations/charts/bar/bar_type.ts
index 8fc51ce22e..1d51fc0dcd 100644
--- a/public/components/visualizations/charts/bar/bar_type.ts
+++ b/public/components/visualizations/charts/bar/bar_type.ts
@@ -5,7 +5,6 @@
 
 import { Bar } from './bar';
 import { getPlotlySharedConfigs, getPlotlyCategory } from '../shared/shared_configs';
-import { LensIconChartBar } from '../../assets/chart_bar';
 import { VizDataPanel } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/default_vis_editor';
 import { ConfigEditor } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/json_editor';
 import {
@@ -41,7 +40,6 @@ export const createBarTypeDefinition = (params: any) => ({
     dataLoss: 'nothing',
   },
   category: VIS_CATEGORY.BASICS,
-  icon: LensIconChartBar,
   categoryaxis: 'xaxis',
   seriesaxis: 'yaxis',
   orientation: isHorizontalBar(params.type) ? BarOrientation.horizontal : BarOrientation.vertical,
diff --git a/public/components/visualizations/charts/bubble/bubble_type.ts b/public/components/visualizations/charts/bubble/bubble_type.ts
index b4cac8ded6..a5ed32f2ee 100644
--- a/public/components/visualizations/charts/bubble/bubble_type.ts
+++ b/public/components/visualizations/charts/bubble/bubble_type.ts
@@ -5,7 +5,6 @@
 
 import { Bubble } from './bubble';
 import { getPlotlySharedConfigs, getPlotlyCategory } from '../shared/shared_configs';
-import { LensIconChartPie } from '../../assets/chart_pie';
 import { VizDataPanel } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/default_vis_editor';
 import { ConfigEditor } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/json_editor';
 import { ConfigValueOptions } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/config_controls';
@@ -62,7 +61,6 @@ export const createBubbleVisDefinition = () => ({
       },
     ],
   },
-  icon: LensIconChartPie,
   visconfig: {
     layout: {
       ...sharedConfigs.layout,
diff --git a/public/components/visualizations/charts/data_table/data_table_type.ts b/public/components/visualizations/charts/data_table/data_table_type.ts
index 7ad582ccdf..eacb37be3c 100644
--- a/public/components/visualizations/charts/data_table/data_table_type.ts
+++ b/public/components/visualizations/charts/data_table/data_table_type.ts
@@ -5,9 +5,6 @@
 
 import { DataTable } from './data_table';
 import { getPlotlySharedConfigs, getPlotlyCategory } from '../shared/shared_configs';
-import { LensIconChartDatatable } from '../../assets/chart_datatable';
-import { ConfigEditor } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/json_editor';
-import { ConfigAvailability } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/config_availability';
 import { VizDataPanel } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/default_vis_editor';
 import {
   InputFieldItem,
@@ -28,7 +25,6 @@ export const createDatatableTypeDefinition = (params: any = {}) => ({
   fulllabel: 'Table View',
   icontype: 'visTable',
   category: VIS_CATEGORY.BASICS,
-  icon: LensIconChartDatatable,
   showtableheader: true,
   enablepagination: true,
   colunmfilter: false,
diff --git a/public/components/visualizations/charts/financial/gauge/gauge_type.ts b/public/components/visualizations/charts/financial/gauge/gauge_type.ts
index 2da38fefdf..d273b19c53 100644
--- a/public/components/visualizations/charts/financial/gauge/gauge_type.ts
+++ b/public/components/visualizations/charts/financial/gauge/gauge_type.ts
@@ -5,7 +5,6 @@
 
 import { Gauge } from './gauge';
 import { getPlotlySharedConfigs, getPlotlyCategory } from '../../shared/shared_configs';
-import { LensIconChartLine } from '../../../assets/chart_line';
 import { VizDataPanel } from '../../../../event_analytics/explorer/visualizations/config_panel/config_panes/default_vis_editor';
 import { ConfigEditor } from '../../../../event_analytics/explorer/visualizations/config_panel/config_panes/json_editor';
 import {
@@ -32,7 +31,6 @@ export const createGaugeTypeDefinition = (params: any = {}) => ({
   selection: {
     dataLoss: 'nothing',
   },
-  icon: LensIconChartLine,
   valueseries: 'yaxis',
   editorconfig: {
     panelTabs: [
diff --git a/public/components/visualizations/charts/lines/line_type.ts b/public/components/visualizations/charts/lines/line_type.ts
index b82e44eb00..aa145ea862 100644
--- a/public/components/visualizations/charts/lines/line_type.ts
+++ b/public/components/visualizations/charts/lines/line_type.ts
@@ -5,15 +5,12 @@
 
 import { Line } from './line';
 import { getPlotlySharedConfigs, getPlotlyCategory } from '../shared/shared_configs';
-import { LensIconChartLine } from '../../assets/chart_line';
 import { VizDataPanel } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/default_vis_editor';
-import { ConfigEditor } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/json_editor';
 import {
   ConfigThresholds,
   ConfigLineChartStyles,
   ConfigLegend,
   InputFieldItem,
-  ConfigColorTheme,
 } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/config_controls';
 import { ConfigAvailability } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/config_availability';
 import {
@@ -49,7 +46,6 @@ export const createLineTypeDefinition = (params: any = {}) => ({
   selection: {
     dataLoss: 'nothing',
   },
-  icon: LensIconChartLine,
   categoryaxis: 'xaxis',
   seriesaxis: 'yaxis',
   editorconfig: {
diff --git a/public/components/visualizations/charts/maps/heatmap.tsx b/public/components/visualizations/charts/maps/heatmap.tsx
index 9bca96d8fb..42e2e8555e 100644
--- a/public/components/visualizations/charts/maps/heatmap.tsx
+++ b/public/components/visualizations/charts/maps/heatmap.tsx
@@ -4,7 +4,7 @@
  */
 import React, { useMemo } from 'react';
 import { colorPalette } from '@elastic/eui';
-import { forEach, isEmpty, isEqual, map } from 'lodash';
+import { forEach, isEmpty, map } from 'lodash';
 import Plotly from 'plotly.js-dist';
 import {
   HEATMAP_PALETTE_COLOR,
@@ -18,7 +18,6 @@ import {
   getPropName,
 } from '../../../../components/event_analytics/utils/utils';
 import { IVisualizationContainerProps } from '../../../../../common/types/explorer';
-import { VisCanvassPlaceholder } from '../../../event_analytics/explorer/visualizations/shared_components/vis_canvass_placeholder';
 import { Plt } from '../../plotly/plot';
 import { AGGREGATIONS, GROUPBY } from '../../../../../common/constants/explorer';
 import { PLOT_MARGIN } from '../../../../../common/constants/shared';
diff --git a/public/components/visualizations/charts/maps/heatmap_type.ts b/public/components/visualizations/charts/maps/heatmap_type.ts
index 6501aa04ac..ff9e7abd7a 100644
--- a/public/components/visualizations/charts/maps/heatmap_type.ts
+++ b/public/components/visualizations/charts/maps/heatmap_type.ts
@@ -5,11 +5,8 @@
 
 import { HeatMap } from './heatmap';
 import { getPlotlySharedConfigs, getPlotlyCategory } from '../shared/shared_configs';
-import { LensIconChartPie } from '../../assets/chart_pie';
 import { VizDataPanel } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/default_vis_editor';
-import { ConfigEditor } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/json_editor';
 import {
-  ConfigValueOptions,
   HeatmapColorPalettePicker,
   ConfigChartOptions,
   PanelItem,
@@ -37,7 +34,6 @@ export const createMapsVisDefinition = () => ({
   selection: {
     dataLoss: 'nothing',
   },
-  icon: LensIconChartPie,
   editorconfig: {
     panelTabs: [
       {
diff --git a/public/components/visualizations/charts/maps/treemap_type.ts b/public/components/visualizations/charts/maps/treemap_type.ts
index 1a87a428b0..788a75e4b6 100644
--- a/public/components/visualizations/charts/maps/treemap_type.ts
+++ b/public/components/visualizations/charts/maps/treemap_type.ts
@@ -5,7 +5,6 @@
 
 import { TreeMap } from './treemaps';
 import { getPlotlySharedConfigs, getPlotlyCategory } from '../shared/shared_configs';
-import { LensIconChartBar } from '../../assets/chart_bar';
 import { VizDataPanel } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/default_vis_editor';
 import { ConfigEditor } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/json_editor';
 import {
@@ -24,9 +23,7 @@ const VIS_CATEGORY = getPlotlyCategory();
 
 const { SortSectors } = DEFAULT_CHART_STYLES;
 
-export interface BarTypeParams {}
-
-export const createTreeMapDefinition = (params: BarTypeParams = {}) => ({
+export const createTreeMapDefinition = (params: any) => ({
   name: 'tree_map',
   type: 'tree_map',
   id: 'tree_map',
@@ -37,7 +34,6 @@ export const createTreeMapDefinition = (params: BarTypeParams = {}) => ({
   },
   category: VIS_CATEGORY.BASICS,
   icontype: 'heatmap',
-  icon: LensIconChartBar,
   categoryaxis: 'xaxis',
   seriesaxis: 'yaxis',
   orientation: 'v',
diff --git a/public/components/visualizations/charts/metrics/metrics_type.ts b/public/components/visualizations/charts/metrics/metrics_type.ts
index bc8f6b5461..e13df7744b 100644
--- a/public/components/visualizations/charts/metrics/metrics_type.ts
+++ b/public/components/visualizations/charts/metrics/metrics_type.ts
@@ -5,7 +5,6 @@
 
 import { Metrics } from './metrics';
 import { getPlotlySharedConfigs, getPlotlyCategory } from '../shared/shared_configs';
-import { LensIconChartLine } from '../../assets/chart_line';
 import { PLOTLY_COLOR } from '../../../../../common/constants/shared';
 import { VizDataPanel } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/default_vis_editor';
 import { ConfigEditor } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/json_editor';
@@ -17,7 +16,6 @@ import {
   TextInputFieldItem,
 } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/config_controls';
 import { fetchConfigObject } from '../../../event_analytics/utils/utils';
-import { ConfigAvailability } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/config_availability';
 import { DEFAULT_METRICS_CHART_PARAMETERS } from '../../../../../common/constants/explorer';
 
 const sharedConfigs = getPlotlySharedConfigs();
@@ -40,7 +38,6 @@ export const createMetricsTypeDefinition = (params: any = {}) => ({
   fulllabel: 'Metrics',
   icontype: 'stats',
   category: VIS_CATEGORY.BASICS,
-  icon: LensIconChartLine,
   categoryaxis: 'xaxis',
   seriesaxis: 'yaxis',
   charttype: DefaultChartType,
diff --git a/public/components/visualizations/charts/pie/pie_type.ts b/public/components/visualizations/charts/pie/pie_type.ts
index 2ec2dc1e72..b161c515ff 100644
--- a/public/components/visualizations/charts/pie/pie_type.ts
+++ b/public/components/visualizations/charts/pie/pie_type.ts
@@ -5,18 +5,14 @@
 
 import { Pie } from './pie';
 import { getPlotlySharedConfigs, getPlotlyCategory } from '../shared/shared_configs';
-import { LensIconChartPie } from '../../assets/chart_pie';
 import { VizDataPanel } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/default_vis_editor';
-import { ConfigEditor } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/json_editor';
 import {
-  ColorPalettePicker,
   ConfigChartOptions,
   ConfigLegend,
   InputFieldItem,
   ButtonGroupItem,
 } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/config_controls';
 import { fetchConfigObject } from '../../../../components/event_analytics/utils/utils';
-import { DEFAULT_PALETTE, PIE_PALETTES } from '../../../../../common/constants/colors';
 import { PLOTLY_COLOR, DEFAULT_CHART_STYLES } from '../../../../../common/constants/shared';
 import { DEFAULT_PIE_CHART_PARAMETERS } from '../../../../../common/constants/explorer';
 
@@ -39,7 +35,6 @@ export const createPieTypeDefinition = (params: any) => ({
   categoryaxis: 'xaxis',
   seriesaxis: 'yaxis',
   mode: DefaultMode,
-  icon: LensIconChartPie,
   editorconfig: {
     panelTabs: [
       {
diff --git a/public/components/visualizations/charts/text/text_type.ts b/public/components/visualizations/charts/text/text_type.ts
index 183fe92357..3e096ac5a2 100644
--- a/public/components/visualizations/charts/text/text_type.ts
+++ b/public/components/visualizations/charts/text/text_type.ts
@@ -5,7 +5,6 @@
 
 import { Text } from './text';
 import { getPlotlySharedConfigs, getPlotlyCategory } from '../shared/shared_configs';
-import { LensIconChartLine } from '../../assets/chart_line';
 import { PLOTLY_COLOR } from '../../../../../common/constants/shared';
 import { VizDataPanel } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/default_vis_editor';
 import { ConfigText } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/config_controls';
@@ -24,7 +23,6 @@ export const createTextTypeDefinition = (params: any = {}) => ({
   selection: {
     dataLoss: 'nothing',
   },
-  icon: LensIconChartLine,
   categoryaxis: 'xaxis',
   seriesaxis: 'yaxis',
   editorconfig: {