refactor: Improve widget rendering in data explorer

ui/angular.json

@@ -29,7 +29,6 @@
             ],
             "styles": ["src/scss/main.scss"],
             "scripts": [
-              "node_modules/plotly.js/dist/plotly.min.js",
               "node_modules/jquery/dist/jquery.min.js",
               "node_modules/datatables.net/js/jquery.dataTables.js",
               "node_modules/jquery-ui-dist/jquery-ui.js",

ui/cypress/tests/datalake/widgets/2d-correlation.smoke.spec.ts

@@ -24,7 +24,7 @@ describe('Test 2d Correlation View in Data Explorer', () => {
     });
 
     it('Perform Test', () => {
-        DataLakeUtils.addDataViewAndWidget('view', 'Persist', '2D Correlation');
+        DataLakeUtils.addDataViewAndWidget('view', 'Persist', 'Scatter');
 
         // Check if scatter plot is displayed
         cy.get('g').should('have.class', 'scatterlayer mlayer');

ui/cypress/tests/datalake/widgets/distribution.spec.ts

@@ -24,26 +24,22 @@ describe('Test Distribution View in Data Explorer', () => {
     });
 
     it('Perform Test', () => {
-        DataLakeUtils.addDataViewAndWidget('view', 'Persist', 'Distribution');
+        DataLakeUtils.addDataViewAndWidget('view', 'Persist', 'Histogram');
 
         // Change field for histogram
         DataLakeUtils.selectVisualizationConfig();
         cy.get('div').contains('randomtext (prepared_data #1)').click();
         cy.get('div').contains('randomnumber (prepared_data #1)').click();
 
         // Check if distribution chart is displayed
-        cy.get('sp-data-explorer-distribution-chart-widget').should(
-            'be.visible',
-        );
+        cy.dataCy('histogram-chart').should('be.visible');
 
         // Change from histogram to heatmap
         DataLakeUtils.selectVisualizationConfig();
         cy.get('div').contains('Histogram').click();
         cy.get('div').contains('Value Heatmap').click();
 
         // Check if distribution chart is displayed
-        cy.get('sp-data-explorer-distribution-chart-widget').should(
-            'be.visible',
-        );
+        cy.dataCy('value-heatmap-chart').should('be.visible');
     });
 });

ui/cypress/tests/datalake/widgets/heatmap.spec.ts

@@ -31,6 +31,6 @@ describe('Test Heatmap View in Data Explorer', () => {
         cy.get('mat-checkbox input').click({ force: true });
 
         // Check if heatmap chart is visible
-        cy.get('sp-data-explorer-heatmap-widget').should('be.visible');
+        cy.dataCy('heatmap').should('be.visible');
     });
 });