diff --git a/common/utils/QueryUtils.ts b/common/utils/QueryUtils.ts
index f84c2d63..bb7c5f1a 100644
--- a/common/utils/QueryUtils.ts
+++ b/common/utils/QueryUtils.ts
@@ -3,7 +3,8 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { SearchQueryRecord } from '../../types/types';
+import { SearchQueryRecord, LiveSearchQueryResponse } from '../../types/types';
+import { API_ENDPOINTS } from './apiendpoints';
 
 // Utility function to fetch query by id and time range
 export const retrieveQueryById = async (
@@ -11,8 +12,7 @@ export const retrieveQueryById = async (
   dataSourceId: string,
   start: string | null,
   end: string | null,
-  id: string | null,
-  verbose: boolean
+  id: string | null
 ): Promise<SearchQueryRecord | null> => {
   const nullResponse = { response: { top_queries: [] } };
   const params = {
@@ -21,7 +21,6 @@ export const retrieveQueryById = async (
       from: start,
       to: end,
       id,
-      verbose,
     },
   };
 
@@ -63,3 +62,32 @@ export const retrieveQueryById = async (
     return null;
   }
 };
+
+export const retrieveLiveQueries = async (core: {
+  http: { get: (endpoint: string) => Promise<any> };
+}): Promise<LiveSearchQueryResponse> => {
+  const nullResponse: LiveSearchQueryResponse = {
+    ok: true,
+    response: { live_queries: [] },
+  };
+
+  const errorResponse: LiveSearchQueryResponse = {
+    ok: false,
+    response: { live_queries: [] },
+  };
+
+  try {
+    const response: LiveSearchQueryResponse = await core.http.get(API_ENDPOINTS.LIVE_QUERIES);
+    const liveQueries = response?.response?.live_queries;
+
+    if (Array.isArray(liveQueries)) {
+      return response;
+    } else {
+      console.warn('No live queries found in response');
+      return nullResponse;
+    }
+  } catch (error) {
+    console.error('Error retrieving live queries:', error);
+    return errorResponse;
+  }
+};
diff --git a/common/utils/apiendpoints.ts b/common/utils/apiendpoints.ts
new file mode 100644
index 00000000..ecc1b4cd
--- /dev/null
+++ b/common/utils/apiendpoints.ts
@@ -0,0 +1,9 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+export const API_ENDPOINTS = {
+  LIVE_QUERIES: '/api/live_queries',
+  CANCEL_TASK: (taskId: string) => `/api/tasks/${taskId}/cancel`,
+};
diff --git a/cypress/e2e/3_configurations.cy.js b/cypress/e2e/3_configurations.cy.js
index c3c01ea2..e2be6a62 100644
--- a/cypress/e2e/3_configurations.cy.js
+++ b/cypress/e2e/3_configurations.cy.js
@@ -32,8 +32,9 @@ describe('Query Insights Configurations Page', () => {
     cy.get('h1').contains('Query insights - Configuration').should('be.visible');
     // Validate the tabs
     cy.get('.euiTabs').should('be.visible');
-    cy.get('.euiTab').should('have.length', 2); // Two tabs: 'Top N queries' and 'Configuration'
+    cy.get('.euiTab').should('have.length', 3); // Three tabs: 'Top N queries', 'Live queries' and 'Configuration'
     cy.contains('button', 'Top N queries').should('be.visible');
+    cy.contains('button', 'Live queries').should('be.visible');
     cy.contains('button', 'Configuration').should('have.class', 'euiTab-isSelected');
     // Validate the panels
     // 6 panels: Settings, Status, Group Settings, Group Status, Delete After Settings, Delete After Status
diff --git a/cypress/e2e/5_live_queries.cy.js b/cypress/e2e/5_live_queries.cy.js
new file mode 100644
index 00000000..08e3f520
--- /dev/null
+++ b/cypress/e2e/5_live_queries.cy.js
@@ -0,0 +1,459 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+describe('Inflight Queries Dashboard', () => {
+  beforeEach(() => {
+    cy.fixture('stub_live_queries.json').then((stubResponse) => {
+      cy.intercept('GET', '**/api/live_queries', {
+        statusCode: 200,
+        body: stubResponse,
+      }).as('getLiveQueries');
+    });
+
+    cy.navigateToLiveQueries();
+    cy.wait(1000);
+    cy.wait('@getLiveQueries');
+  });
+
+  it('displays the correct page title', () => {
+    cy.contains('Query insights - In-flight queries scoreboard').should('be.visible');
+  });
+
+  it('displays metrics panels correctly', () => {
+    cy.get('[data-test-subj="panel-active-queries"]').within(() => {
+      cy.contains('Active queries');
+      cy.get('h2 > b').should('contain.text', '20');
+    });
+
+    cy.get('[data-test-subj="panel-avg-elapsed-time"]').within(() => {
+      cy.contains('Avg. elapsed time');
+      cy.get('h2 > b').should('contain.text', '7.19 s');
+      cy.contains('(Avg. across 20)');
+    });
+
+    cy.get('[data-test-subj="panel-longest-query"]').within(() => {
+      cy.contains('Longest running query');
+      cy.get('h2 > b').should('contain.text', '9.69 s');
+      cy.contains('ID: node-A1B2C4E5:3614');
+    });
+
+    cy.get('[data-test-subj="panel-total-cpu"]').within(() => {
+      cy.contains('Total CPU usage');
+      cy.get('h2 > b').should('contain.text', '1.68 ms');
+      cy.contains('(Sum across 20)');
+    });
+
+    cy.get('[data-test-subj="panel-total-memory"]').within(() => {
+      cy.contains('Total memory usage');
+      cy.get('h2 > b').should('contain.text', '69.12 KB');
+      cy.contains('(Sum across 20)');
+    });
+  });
+
+  it('verifies table headers and row content in memory table', () => {
+    const expectedHeaders = [
+      '',
+      'Timestamp',
+      'Task ID',
+      'Index',
+      'Coordinator node',
+      'Time elapsed',
+      'CPU usage',
+      'Memory usage',
+      'Search type',
+      'Status',
+      'Actions',
+    ];
+
+    const expectedRow = [
+      'Jun 05, 2025 @ 10:24:26 PM',
+      'node-A1B2C3D4E5:3600',
+      'top_queries-2025.06.06-11009',
+      'node-A1B2C3D4E5',
+      '7.99 s',
+      '89.95 µs',
+      '3.73 KB',
+      'QUERY_THEN_FETCH',
+      'Cancelled',
+      '',
+    ];
+
+    cy.get('.euiTable thead tr th').should(($headers) => {
+      const actualHeaders = [...$headers].map((el) => el.innerText.trim());
+      expect(actualHeaders.length).to.eq(expectedHeaders.length);
+      expectedHeaders.forEach((expected, index) => {
+        expect(actualHeaders[index]).to.eq(expected);
+      });
+    });
+
+    cy.get('.euiTable tbody tr')
+      .first()
+      .find('td')
+      .should(($cells) => {
+        const actualCells = [...$cells].map((el) => el.innerText.trim());
+        const visibleData = actualCells.slice(1, expectedRow.length + 1);
+
+        expectedRow.forEach((expected, index) => {
+          const valueToCheck = visibleData[index];
+          expect(valueToCheck).to.eq(expected);
+        });
+      });
+  });
+
+  it('navigates to next page in table pagination', () => {
+    cy.wait('@getLiveQueries');
+    cy.get('.euiPagination').should('be.visible');
+    cy.get('.euiPagination__item').contains('2').click();
+    cy.get('tbody tr').should('exist');
+  });
+
+  it('selects all checkboxes and shows bulk cancel text', () => {
+    cy.get('.euiTable thead tr th input[type="checkbox"]').check({ force: true });
+    cy.get('.euiTable tbody tr input[type="checkbox"]:checked').then(($rows) => {
+      const selectedCount = $rows.length;
+      const expectedText = `Cancel ${selectedCount} queries`;
+
+      cy.contains(expectedText).should('be.visible');
+    });
+  });
+
+  it('disables auto-refresh when toggled off', () => {
+    cy.get('[data-test-subj="live-queries-autorefresh-toggle"]').as('toggle');
+    cy.get('[data-test-subj="live-queries-refresh-interval"]').as('dropdown');
+
+    cy.get('@toggle').click();
+    cy.get('@toggle').should('have.attr', 'aria-checked', 'false');
+    cy.get('@dropdown').should('be.disabled');
+  });
+
+  it('has expected refresh interval options', () => {
+    cy.get('[data-test-subj="live-queries-refresh-interval"] option').should(($options) => {
+      const values = [...$options].map((opt) => opt.innerText.trim());
+      expect(values).to.include.members(['5 seconds', '10 seconds', '30 seconds', '1 minute']);
+    });
+  });
+
+  it('manually refreshes data', () => {
+    cy.get('[data-test-subj="live-queries-refresh-button"]').click();
+    cy.wait('@getLiveQueries');
+  });
+
+  it('updates data periodically', () => {
+    cy.fixture('stub_live_queries.json').then((initialData) => {
+      let callCount = 0;
+      cy.intercept('GET', '**/api/live_queries', (req) => {
+        callCount++;
+        const modifiedData = {
+          ...initialData,
+          response: {
+            ...initialData.response,
+            live_queries: initialData.response.live_queries.map((query) => ({
+              ...query,
+              id: `query${callCount}_${query.id}`,
+            })),
+          },
+        };
+        req.reply(modifiedData);
+      }).as('getPeriodicQueries');
+    });
+
+    cy.navigateToLiveQueries();
+
+    cy.wait('@getPeriodicQueries');
+    cy.wait('@getPeriodicQueries');
+    cy.wait('@getPeriodicQueries');
+
+    cy.get('@getPeriodicQueries.all').should('have.length.at.least', 3);
+  });
+
+  it('displays correct chart data for node and index charts', () => {
+    return cy
+      .get('[data-test-subj="vega-chart-node"]')
+      .invoke('attr', 'data-chart-values')
+      .then((json) => {
+        const data = JSON.parse(json);
+        expect(data).to.deep.equal([
+          { label: 'node-A1B2C3D4E5', value: 2 },
+          { label: '4W2VTHIgQY-oB7dSrYz4B', value: 1 },
+          { label: 'node-X9Y8Z7W6', value: 1 },
+          { label: 'node-P0Q9R8S7', value: 1 },
+          { label: '4W2VTHIgQY-oB7dSrYz4', value: 1 },
+          { label: 'node-M2O3P4Q5', value: 1 },
+          { label: 'node-B2C3D4E5', value: 1 },
+          { label: 'node-N2O3P4Q5', value: 1 },
+          { label: '2VTHIgQY-oB7dSrYz4BQ', value: 1 },
+          { label: 'others', value: 10 },
+        ]);
+        expect(data).to.have.length(10);
+      })
+      .then(() => {
+        return cy
+          .get('[data-test-subj="vega-chart-index"]')
+          .invoke('attr', 'data-chart-values')
+          .then((json) => {
+            const data = JSON.parse(json);
+            expect(data).to.deep.include({ label: 'top_queries-2025.06.06-11009', value: 19 });
+            expect(data).to.deep.include({ label: 'opensearch', value: 1 });
+            expect(data).to.have.length(2);
+          });
+      });
+  });
+
+  it('handles empty response state', () => {
+    cy.intercept('GET', '**/api/live_queries', (req) => {
+      req.reply({
+        statusCode: 200,
+        body: {
+          ok: true,
+          response: {
+            live_queries: [],
+          },
+        },
+      });
+    }).as('getEmptyQueries');
+
+    cy.navigateToLiveQueries();
+    cy.wait('@getEmptyQueries');
+    cy.get('[data-test-subj="panel-active-queries"]').within(() => {
+      cy.contains('Active queries');
+      cy.get('h2 > b').should('contain.text', '0');
+    });
+
+    cy.get('[data-test-subj="panel-avg-elapsed-time"]').within(() => {
+      cy.contains('Avg. elapsed time');
+      cy.get('h2 > b').should('contain.text', '0');
+    });
+
+    cy.get('[data-test-subj="panel-longest-query"]').within(() => {
+      cy.contains('Longest running query');
+      cy.get('h2 > b').should('contain.text', '0');
+    });
+
+    cy.get('[data-test-subj="panel-total-cpu"]').within(() => {
+      cy.contains('Total CPU usage');
+      cy.get('h2 > b').should('contain.text', '0');
+    });
+
+    cy.get('[data-test-subj="panel-total-memory"]').within(() => {
+      cy.contains('Total memory usage');
+      cy.get('h2 > b').should('contain.text', '0');
+    });
+
+    cy.get('[data-test-subj="vega-chart-node"]').should('not.exist');
+    cy.contains('p', 'Queries by Node')
+      .closest('.euiPanel')
+      .within(() => {
+        cy.contains('No data available').should('be.visible');
+      });
+
+    cy.get('[data-test-subj="vega-chart-index"]').should('not.exist');
+    cy.contains('p', 'Queries by Index')
+      .closest('.euiPanel')
+      .within(() => {
+        cy.contains('No data available').should('be.visible');
+      });
+  });
+  it('validates time unit conversions', () => {
+    cy.intercept('GET', '**/api/live_queries', {
+      statusCode: 200,
+      body: {
+        response: {
+          live_queries: [
+            {
+              measurements: {
+                latency: { number: 500 },
+                cpu: { number: 100 },
+                memory: { number: 1000 },
+              },
+            },
+          ],
+        },
+      },
+    }).as('getMicrosecondsData');
+
+    cy.wait('@getMicrosecondsData');
+    cy.get('.euiPanel')
+      .eq(1)
+      .within(() => {
+        cy.get('h2').contains(/0\.50\s*µs/);
+      });
+
+    cy.intercept('GET', '**/api/live_queries', {
+      statusCode: 200,
+      body: {
+        response: {
+          live_queries: [
+            {
+              measurements: {
+                latency: { number: 1000000 },
+                cpu: { number: 100000 },
+                memory: { number: 1000 },
+              },
+            },
+          ],
+        },
+      },
+    }).as('getMillisecondsData');
+
+    cy.wait('@getMillisecondsData');
+    cy.get('.euiPanel')
+      .eq(1)
+      .within(() => {
+        cy.get('h2').contains(/1\.00\s*ms/);
+      });
+  });
+
+  it('validates memory unit conversions', () => {
+    cy.intercept('GET', '**/api/live_queries', {
+      statusCode: 200,
+      body: {
+        response: {
+          live_queries: [
+            {
+              timestamp: Date.now(),
+              id: 'kb-test',
+              node_id: 'n1',
+              description: 'test',
+              measurements: {
+                latency: { number: 1 },
+                cpu: { number: 1 },
+                memory: { number: 2048 },
+              },
+            },
+          ],
+        },
+      },
+    }).as('getKBData');
+
+    cy.visit('/app/query-insights-dashboards#/LiveQueries');
+    cy.wait('@getKBData');
+    cy.contains('h2', /2\s*KB/).should('exist');
+
+    cy.intercept('GET', '**/api/live_queries', {
+      statusCode: 200,
+      body: {
+        response: {
+          live_queries: [
+            {
+              timestamp: Date.now(),
+              id: 'mb-test',
+              node_id: 'n1',
+              description: 'test',
+              measurements: {
+                latency: { number: 1 },
+                cpu: { number: 1 },
+                memory: { number: 2 * 1024 * 1024 },
+              },
+            },
+          ],
+        },
+      },
+    }).as('getMBData');
+
+    cy.get('[data-test-subj="live-queries-refresh-button"]').click();
+    cy.wait('@getMBData');
+    cy.contains('h2', /2\s*MB/).should('exist');
+  });
+
+  it('does not show cancel action for already cancelled queries', () => {
+    cy.fixture('stub_live_queries.json').then((data) => {
+      data.response.live_queries[0].measurements.is_cancelled = true;
+
+      cy.intercept('GET', '**/api/live_queries', {
+        statusCode: 200,
+        body: data,
+      }).as('getCancelledQuery');
+
+      cy.navigateToLiveQueries();
+      cy.wait('@getCancelledQuery');
+
+      cy.contains(data.response.live_queries[0].id)
+        .parents('tr')
+        .within(() => {
+          cy.get('[aria-label="Cancel this query"]').should('not.exist');
+        });
+
+      cy.contains(data.response.live_queries[0].id)
+        .parents('tr')
+        .find('input[type="checkbox"]')
+        .should('be.disabled');
+    });
+  });
+
+  it('filters table to show only "opensearch" index queries', () => {
+    cy.contains('button', 'Index').click();
+    cy.contains('[role="option"]', 'opensearch').click();
+    cy.get('tbody tr').should('have.length', 1);
+    cy.get('tbody tr')
+      .first()
+      .within(() => {
+        cy.contains('td', 'opensearch');
+      });
+  });
+
+  it('renders charts and allows switching between chart types', () => {
+    cy.contains('p', 'Queries by Node').closest('.euiPanel').as('nodeChart');
+    cy.contains('p', 'Queries by Index').closest('.euiPanel').as('indexChart');
+
+    cy.get('@nodeChart').within(() => {
+      cy.get('.euiButtonGroup').should('exist');
+      cy.get('.euiButtonGroup').contains('Donut').should('exist');
+      cy.get('.euiButtonGroup').contains('Bar').should('exist');
+      cy.get('.vega-embed').should('exist');
+
+      cy.get('.euiButtonGroup').contains('Bar').click();
+      cy.wait(500);
+      cy.get('.euiButtonGroup').contains('Donut').click();
+      cy.wait(500);
+    });
+
+    cy.get('@indexChart').within(() => {
+      cy.get('.euiButtonGroup').should('exist');
+      cy.get('.euiButtonGroup').contains('Donut').should('exist');
+      cy.get('.euiButtonGroup').contains('Bar').should('exist');
+      cy.get('.vega-embed').should('exist');
+
+      cy.get('.euiButtonGroup').contains('Bar').click({ force: true });
+      cy.wait(500);
+      cy.get('.euiButtonGroup').contains('Donut').click({ force: true });
+      cy.wait(500);
+    });
+  });
+
+  it('displays "others" in Vega chart legend when there are > 9 nodes', () => {
+    cy.get('[data-test-subj="vega-chart-node"] svg')
+      .should('exist')
+      .contains(/others/i)
+      .should('exist');
+  });
+
+  it('displays error panel when live queries API fails', () => {
+    cy.intercept('GET', '**/api/live_queries', {
+      statusCode: 500,
+      body: {
+        ok: false,
+        error: 'Internal Server Error',
+      },
+    }).as('getLiveQueriesError');
+
+    cy.visit('/app/query-insights-dashboards#/LiveQueries');
+    cy.wait('@getLiveQueriesError');
+
+    // Validate that a proper error message is shown in the Vega panels
+    cy.contains('p', 'Queries by Node')
+      .closest('.euiPanel')
+      .within(() => {
+        cy.contains('Failed to load live queries').should('be.visible');
+      });
+
+    cy.contains('p', 'Queries by Index')
+      .closest('.euiPanel')
+      .within(() => {
+        cy.contains('Failed to load live queries').should('be.visible');
+      });
+    cy.get('[data-test-subj="vega-chart-node"]').should('not.exist');
+    cy.get('[data-test-subj="vega-chart-index"]').should('not.exist');
+  });
+});
diff --git a/cypress/fixtures/stub_live_queries.json b/cypress/fixtures/stub_live_queries.json
new file mode 100644
index 00000000..96b441c3
--- /dev/null
+++ b/cypress/fixtures/stub_live_queries.json
@@ -0,0 +1,487 @@
+{
+  "ok": true,
+  "response": {
+    "live_queries": [
+      {
+        "timestamp": 1749187466964,
+        "id": "node-A1B2C3D4E5:3600",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-A1B2C3D4E5",
+        "measurements": {
+          "latency": {
+            "number": 7990852130,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 89951,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 3818,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      },
+      {
+        "timestamp": 1749187466969,
+        "id": "4W2VTHIgQY-oB7dSrYz4B:3601",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "4W2VTHIgQY-oB7dSrYz4B",
+        "measurements": {
+          "latency": {
+            "number": 6412938258,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 113698,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 2653,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      },
+      {
+        "timestamp": 1749187466974,
+        "id": "node-X9Y8Z7W6:3602",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-X9Y8Z7W6",
+        "measurements": {
+          "latency": {
+            "number": 9633985711,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 65783,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 3996,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": false
+        }
+      },
+      {
+        "timestamp": 1749187466979,
+        "id": "node-P0Q9R8S7:3603",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-P0Q9R8S7",
+        "measurements": {
+          "latency": {
+            "number": 9530744641,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 84327,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 3806,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": false
+        }
+      },
+      {
+        "timestamp": 1749187466984,
+        "id": "4W2VTHIgQY-oB7dSrYz4:3604",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "4W2VTHIgQY-oB7dSrYz4",
+        "measurements": {
+          "latency": {
+            "number": 6084339201,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 99929,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 4364,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": false
+        }
+      },
+      {
+        "timestamp": 1749187466989,
+        "id": "node-M2O3P4Q5:3605",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-M2O3P4Q5",
+        "measurements": {
+          "latency": {
+            "number": 5967857684,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 102069,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 3952,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      },
+      {
+        "timestamp": 1749187466994,
+        "id": "node-B2C3D4E5:3606",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-B2C3D4E5",
+        "measurements": {
+          "latency": {
+            "number": 6454136095,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 86459,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 3909,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      },
+      {
+        "timestamp": 1749187466999,
+        "id": "node-N2O3P4Q5:3607",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-N2O3P4Q5",
+        "measurements": {
+          "latency": {
+            "number": 8450990820,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 70640,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 2119,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": false
+        }
+      },
+      {
+        "timestamp": 1749187467004,
+        "id": "2VTHIgQY-oB7dSrYz4BQ:3608",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "2VTHIgQY-oB7dSrYz4BQ",
+        "measurements": {
+          "latency": {
+            "number": 7308762773,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 68275,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 4354,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      },
+      {
+        "timestamp": 1749187467009,
+        "id": "node-X9Y8Z7W6V5:3609",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-X9Y8Z7W6V5",
+        "measurements": {
+          "latency": {
+            "number": 5167823987,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 113606,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 2772,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      },
+      {
+        "timestamp": 1749187467014,
+        "id": "de-M1N2O3P4Q5:3610",
+        "description": "indices[opensearch], search_type[Query_THEN_FETCH]",
+        "node_id": "de-M1N2O3P4Q5",
+        "measurements": {
+          "latency": {
+            "number": 5708789476,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 76950,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 4238,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": false
+        }
+      },
+      {
+        "timestamp": 1749187467019,
+        "id": "no-P0Q9R8S7T6:3611",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "no-P0Q9R8S7T6",
+        "measurements": {
+          "latency": {
+            "number": 7501207171,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 115548,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 3146,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": false
+        }
+      },
+      {
+        "timestamp": 1749187467024,
+        "id": "4WTHIgQY-oB7dSrYz4BQ:3612",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "4WTHIgQY-oB7dSrYz4BQ",
+        "measurements": {
+          "latency": {
+            "number": 8887346819,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 41212,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 2430,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      },
+      {
+        "timestamp": 1749187467029,
+        "id": "4W2VTHQY-oB7dSrYz4BQ:3613",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "4W2VTHQY-oB7dSrYz4BQ",
+        "measurements": {
+          "latency": {
+            "number": 5672726176,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 104855,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 3759,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      },
+      {
+        "timestamp": 1749187467034,
+        "id": "node-A1B2C4E5:3614",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-A1B2C4E5",
+        "measurements": {
+          "latency": {
+            "number": 9691523794,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 57877,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 3231,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": false
+        }
+      },
+      {
+        "timestamp": 1749187467039,
+        "id": "node-X8Z7W6V5:3615",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-X8Z7W6V5",
+        "measurements": {
+          "latency": {
+            "number": 6840833580,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 82656,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 3428,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": false
+        }
+      },
+      {
+        "timestamp": 1749187467044,
+        "id": "node-M1N2P4Q5:3616",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-M1N2P4Q5",
+        "measurements": {
+          "latency": {
+            "number": 5718519414,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 105825,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 4775,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      },
+      {
+        "timestamp": 1749187467049,
+        "id": "node-A1B2C3E5:3617",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-A1B2C3E5",
+        "measurements": {
+          "latency": {
+            "number": 6063407743,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 54160,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 4814,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      },
+      {
+        "timestamp": 1749187467054,
+        "id": "4W2VTHIgQY-7dSrYz4BQ:3618",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "4W2VTHIgQY-7dSrYz4BQ",
+        "measurements": {
+          "latency": {
+            "number": 9215252980,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 65529,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 2855,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      },
+      {
+        "timestamp": 1749187467059,
+        "id": "node-A1B2C3D4E5:3619",
+        "description": "indices[top_queries-2025.06.06-11009], search_type[QUERY_THEN_FETCH]",
+        "node_id": "node-A1B2C3D4E5",
+        "measurements": {
+          "latency": {
+            "number": 5409476701,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "cpu": {
+            "number": 81905,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "memory": {
+            "number": 2357,
+            "count": 1,
+            "aggregationType": "NONE"
+          },
+          "is_cancelled": true
+        }
+      }
+    ]
+  }
+}
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
index e05117c1..d1cfc7a5 100644
--- a/cypress/support/commands.js
+++ b/cypress/support/commands.js
@@ -3,7 +3,13 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-const { ADMIN_AUTH, OVERVIEW_PATH, CONFIGURATION_PATH, BASE_PATH } = require('./constants');
+const {
+  ADMIN_AUTH,
+  OVERVIEW_PATH,
+  CONFIGURATION_PATH,
+  BASE_PATH,
+  LIVEQUERIES_PATH,
+} = require('./constants');
 
 /**
  * Overwrites the default visit command to authenticate before visiting
@@ -209,6 +215,13 @@ Cypress.Commands.add('navigateToConfiguration', () => {
   cy.waitForPageLoad(CONFIGURATION_PATH, { contains: 'Query insights - Configuration' });
 });
 
+Cypress.Commands.add('navigateToLiveQueries', () => {
+  cy.visit(LIVEQUERIES_PATH);
+  cy.waitForPageLoad(LIVEQUERIES_PATH, {
+    contains: 'Query insights - In-flight queries scoreboard',
+  });
+});
+
 Cypress.Commands.add('waitForPluginToLoad', () => {
   // CI environments need much longer waits for plugin initialization
   const isCI = Cypress.env('CI') || !Cypress.config('isInteractive');
diff --git a/cypress/support/constants.js b/cypress/support/constants.js
index 6b68b5b3..a5b0523c 100644
--- a/cypress/support/constants.js
+++ b/cypress/support/constants.js
@@ -9,6 +9,8 @@ export const PLUGIN_NAME = 'query-insights-dashboards';
 
 export const OVERVIEW_PATH = `${BASE_PATH}/app/${PLUGIN_NAME}#/queryInsights`;
 export const CONFIGURATION_PATH = `${BASE_PATH}/app/${PLUGIN_NAME}#/configuration`;
+export const LIVEQUERIES_PATH = `${BASE_PATH}/app/${PLUGIN_NAME}#/LiveQueries`;
+
 export const METRICS = {
   LATENCY: 'latency',
   CPU: 'cpu',
diff --git a/package.json b/package.json
index a992369d..caa3a050 100644
--- a/package.json
+++ b/package.json
@@ -28,11 +28,16 @@
     "postbuild": "echo Renaming build artifact to [$npm_package_config_id-$npm_package_version.zip] && mv build/$npm_package_config_id*.zip build/$npm_package_config_id-$npm_package_version.zip"
   },
   "dependencies": {
-    "object-hash": "^3.0.0",
-    "plotly.js-dist": "^2.34.0",
     "@babel/helpers": "^7.22.9",
     "@babel/runtime": "^7.26.10",
-    "@babel/runtime-corejs3": "^7.22.9"
+    "@babel/runtime-corejs3": "^7.22.9",
+    "filesize": "^10.1.6",
+    "object-hash": "^3.0.0",
+    "plotly.js-dist": "^2.34.0",
+    "vega": "^5.32.0",
+    "vega-embed": "6.21.0",
+    "vega-lite": "^5.6.0",
+    "luxon": "^3.2.1"
   },
   "resolutions": {
     "@types/react": "^16.9.8",
@@ -60,8 +65,9 @@
     "@testing-library/dom": "^8.11.3",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/react-dom": "^16.9.8",
+    "@types/luxon": "^3.6.2",
     "@types/object-hash": "^3.0.0",
+    "@types/react-dom": "^16.9.8",
     "@types/react-router-dom": "^5.3.2",
     "cypress": "^13.6.0",
     "cypress-real-events": "1.7.6",
@@ -73,11 +79,11 @@
     "jest-cli": "^27.5.1",
     "jest-environment-jsdom": "^27.5.1",
     "lint-staged": "^10.2.0",
-    "ts-loader": "^6.2.1",
-    "string.prototype.replaceall": "1.0.7"
+    "string.prototype.replaceall": "1.0.7",
+    "ts-loader": "^6.2.1"
   },
   "eslintIgnore": [
     "node_modules/*",
     "target/*"
   ]
-}
\ No newline at end of file
+}
diff --git a/public/components/__snapshots__/app.test.tsx.snap b/public/components/__snapshots__/app.test.tsx.snap
index 60a61c8f..3ee67421 100644
--- a/public/components/__snapshots__/app.test.tsx.snap
+++ b/public/components/__snapshots__/app.test.tsx.snap
@@ -17,6 +17,18 @@ exports[`<QueryInsightsDashboardsApp /> spec renders the component 1`] = `
       class="euiTabs"
       role="tablist"
     >
+      <button
+        aria-selected="false"
+        class="euiTab"
+        role="tab"
+        type="button"
+      >
+        <span
+          class="euiTab__content"
+        >
+          Live queries
+        </span>
+      </button>
       <button
         aria-selected="true"
         class="euiTab euiTab-isSelected"
diff --git a/public/pages/InflightQueries/InflightQueries.test.tsx b/public/pages/InflightQueries/InflightQueries.test.tsx
new file mode 100644
index 00000000..f2903b79
--- /dev/null
+++ b/public/pages/InflightQueries/InflightQueries.test.tsx
@@ -0,0 +1,140 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { CoreStart } from 'opensearch-dashboards/public';
+import { render, screen, waitFor, act } from '@testing-library/react';
+
+import { InflightQueries } from './InflightQueries';
+import { retrieveLiveQueries } from '../../../common/utils/QueryUtils';
+jest.mock('vega-embed', () => ({
+  __esModule: true,
+  default: jest.fn().mockResolvedValue({}),
+}));
+import stubLiveQueries from '../../../cypress/fixtures/stub_live_queries.json';
+import '@testing-library/jest-dom';
+
+jest.mock('../../../common/utils/QueryUtils');
+
+describe('InflightQueries', () => {
+  const mockCore = ({
+    http: {
+      get: jest.fn(),
+      post: jest.fn(),
+    },
+    uiSettings: {
+      get: jest.fn().mockReturnValue(false),
+    },
+    notifications: {
+      toasts: {
+        addSuccess: jest.fn(),
+        addError: jest.fn(),
+      },
+    },
+  } as unknown) as CoreStart;
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    (retrieveLiveQueries as jest.Mock).mockResolvedValue(stubLiveQueries);
+  });
+
+  const renderInflightQueries = () => {
+    return render(<InflightQueries core={mockCore} />);
+  };
+
+  it('displays metric values from fixture', async () => {
+    renderInflightQueries();
+
+    await waitFor(() => {
+      expect(screen.getByText('Active queries')).toBeInTheDocument();
+      expect(screen.getByText('20')).toBeInTheDocument();
+      expect(screen.getByText('7.19 s')).toBeInTheDocument();
+      expect(screen.getByText('9.69 s')).toBeInTheDocument();
+      expect(screen.getByText('1.68 ms')).toBeInTheDocument();
+      expect(screen.getByText('69.12 KB')).toBeInTheDocument();
+      expect(screen.getByText('ID: node-A1B2C4E5:3614')).toBeInTheDocument();
+    });
+  });
+
+  it('shows 0 when there are no queries', async () => {
+    (retrieveLiveQueries as jest.Mock).mockResolvedValue({
+      response: { live_queries: [] },
+    });
+
+    const { container } = renderInflightQueries();
+
+    await waitFor(() => {
+      expect(screen.getAllByText('0')).toHaveLength(5);
+    });
+    expect(container).toMatchSnapshot();
+  });
+
+  it('updates data periodically', async () => {
+    jest.useFakeTimers();
+
+    renderInflightQueries();
+
+    await waitFor(() => {
+      expect(retrieveLiveQueries).toHaveBeenCalledTimes(1);
+    });
+
+    act(() => {
+      jest.advanceTimersByTime(6000);
+    });
+
+    await waitFor(() => {
+      expect(retrieveLiveQueries).toHaveBeenCalledTimes(2);
+    });
+
+    act(() => {
+      jest.advanceTimersByTime(6000);
+    });
+
+    await waitFor(() => {
+      expect(retrieveLiveQueries).toHaveBeenCalledTimes(3);
+    });
+
+    jest.useRealTimers();
+  });
+
+  it('formats time values correctly', async () => {
+    const mockSmallLatency = {
+      response: {
+        live_queries: [
+          {
+            id: 'query1',
+            measurements: {
+              latency: { number: 500 },
+              cpu: { number: 1000000 },
+              memory: { number: 500 },
+            },
+          },
+        ],
+      },
+    };
+
+    (retrieveLiveQueries as jest.Mock).mockResolvedValue(mockSmallLatency);
+
+    renderInflightQueries();
+
+    await waitFor(() => {
+      expect(screen.getAllByText('0.50 µs')).toHaveLength(3);
+      expect(screen.getAllByText('1.00 ms')).toHaveLength(2);
+    });
+  });
+
+  it('displays fallback when live queries API fails', async () => {
+    (retrieveLiveQueries as jest.Mock).mockResolvedValue({
+      ok: false,
+      error: 'Live queries fetch failed',
+    });
+
+    render(<InflightQueries core={mockCore} />);
+
+    await waitFor(() => {
+      expect(screen.getAllByText('Live queries fetch failed')).toHaveLength(2);
+    });
+  });
+});
diff --git a/public/pages/InflightQueries/InflightQueries.tsx b/public/pages/InflightQueries/InflightQueries.tsx
new file mode 100644
index 00000000..58d5beb2
--- /dev/null
+++ b/public/pages/InflightQueries/InflightQueries.tsx
@@ -0,0 +1,714 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React, { useEffect, useState, useRef } from 'react';
+import {
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiPanel,
+  EuiText,
+  EuiTitle,
+  EuiTextAlign,
+  EuiIcon,
+  EuiButtonGroup,
+  EuiSwitch,
+  EuiSpacer,
+  EuiInMemoryTable,
+  EuiButton,
+} from '@elastic/eui';
+import embed from 'vega-embed';
+import type { VisualizationSpec } from 'vega-embed';
+import { CoreStart } from 'opensearch-dashboards/public';
+import { Duration } from 'luxon';
+import { filesize } from 'filesize';
+import { LiveSearchQueryResponse } from '../../../types/types';
+import { retrieveLiveQueries } from '../../../common/utils/QueryUtils';
+import { API_ENDPOINTS } from '../../../common/utils/apiendpoints';
+
+export const InflightQueries = ({ core }: { core: CoreStart }) => {
+  const DEFAULT_REFRESH_INTERVAL = 5000; // default 5s
+  const TOP_N_DISPLAY_LIMIT = 9;
+  const isFetching = useRef(false);
+  const [query, setQuery] = useState<LiveSearchQueryResponse | null>(null);
+  const [nodeChartError, setNodeChartError] = useState<string | null>(null);
+  const [indexChartError, setIndexChartError] = useState<string | null>(null);
+
+  const [nodeCounts, setNodeCounts] = useState({});
+  const [indexCounts, setIndexCounts] = useState({});
+
+  const [autoRefreshEnabled, setAutoRefreshEnabled] = useState(true);
+  const [refreshInterval, setRefreshInterval] = useState(DEFAULT_REFRESH_INTERVAL);
+
+  const chartRefByNode = useRef<HTMLDivElement>(null);
+  const chartRefByIndex = useRef<HTMLDivElement>(null);
+
+  const liveQueries = query?.response?.live_queries ?? [];
+
+  const convertTime = (unixTime: number) => {
+    const date = new Date(unixTime);
+    const loc = date.toDateString().split(' ');
+    return `${loc[1]} ${loc[2]}, ${loc[3]} @ ${date.toLocaleTimeString('en-US')}`;
+  };
+
+  const fetchliveQueries = async () => {
+    const retrievedQueries = await retrieveLiveQueries(core);
+
+    if (retrievedQueries.error || retrievedQueries.ok === false) {
+      const errorMessage = retrievedQueries.error || 'Failed to load live queries';
+      setNodeChartError(errorMessage);
+      setIndexChartError(errorMessage);
+      setQuery(null);
+      return;
+    }
+
+    if (retrievedQueries?.response?.live_queries) {
+      const tempNodeCount: Record<string, number> = {};
+      const indexCount: Record<string, number> = {};
+      const parsedQueries = retrievedQueries.response.live_queries.map((q) => {
+        const indexMatch = q.description?.match(/indices\[(.*?)\]/);
+        const searchTypeMatch = q.description?.match(/search_type\[(.*?)\]/);
+        return {
+          ...q,
+          index: indexMatch ? indexMatch[1] : 'N/A',
+          search_type: searchTypeMatch ? searchTypeMatch[1] : 'N/A',
+          coordinator_node: q.node_id,
+          node_label: q.node_id,
+        };
+      });
+
+      setQuery({ ...retrievedQueries, response: { live_queries: parsedQueries } });
+
+      parsedQueries.forEach((liveQuery) => {
+        const nodeId = liveQuery.node_id;
+        tempNodeCount[nodeId] = (tempNodeCount[nodeId] || 0) + 1;
+        const index = liveQuery.index;
+        if (index && typeof index === 'string') {
+          indexCount[index] = (indexCount[index] || 0) + 1;
+        }
+      });
+
+      const sortedNodes = Object.entries(tempNodeCount).sort(([, a], [, b]) => b - a);
+      const nodeCount: Record<string, number> = {};
+      let othersCount = 0;
+      sortedNodes.forEach(([nodeId, count], index) => {
+        if (index < TOP_N_DISPLAY_LIMIT) nodeCount[nodeId] = count;
+        else othersCount += count;
+      });
+      if (othersCount > 0) nodeCount.others = othersCount;
+      setNodeCounts(nodeCount);
+
+      const sortedIndices = Object.entries(indexCount).sort(([, a], [, b]) => b - a);
+      const topIndexCount: Record<string, number> = {};
+      let indexOthersCount = 0;
+      sortedIndices.forEach(([indexName, count], i) => {
+        if (i < TOP_N_DISPLAY_LIMIT) topIndexCount[indexName] = count;
+        else indexOthersCount += count;
+      });
+      if (indexOthersCount > 0) topIndexCount.others = indexOthersCount;
+      setIndexCounts(topIndexCount);
+    }
+  };
+
+  function withTimeout<T>(promise: Promise<T>, ms: number): Promise<T> {
+    return new Promise((resolve, reject) => {
+      const timeoutId = setTimeout(() => reject(new Error('Timed out')), ms);
+      promise
+        .then((res) => {
+          clearTimeout(timeoutId);
+          resolve(res);
+        })
+        .catch((err) => {
+          clearTimeout(timeoutId);
+          reject(err);
+        });
+    });
+  }
+
+  const fetchliveQueriesSafe = async () => {
+    if (isFetching.current) {
+      return;
+    }
+    isFetching.current = true;
+    try {
+      await withTimeout(fetchliveQueries(), refreshInterval - 500);
+    } catch (e) {
+      console.warn('[LiveQueries] fetchliveQueries timed out or failed', e);
+    } finally {
+      isFetching.current = false;
+    }
+  };
+
+  useEffect(() => {
+    fetchliveQueriesSafe();
+
+    if (!autoRefreshEnabled) return;
+
+    const interval = setInterval(() => {
+      fetchliveQueriesSafe();
+    }, refreshInterval);
+
+    return () => clearInterval(interval);
+  }, [autoRefreshEnabled, refreshInterval, core]);
+
+  const [pagination, setPagination] = useState({ pageIndex: 0 });
+  const formatTime = (seconds: number): string => {
+    if (seconds < 1e-3) return `${(seconds * 1e6).toFixed(2)} µs`;
+    if (seconds < 1) return `${(seconds * 1e3).toFixed(2)} ms`;
+
+    const duration = Duration.fromObject({ seconds }).shiftTo(
+      'days',
+      'hours',
+      'minutes',
+      'seconds'
+    );
+    const parts = [];
+
+    if (duration.days) parts.push(`${duration.days} d`);
+    if (duration.hours) parts.push(`${duration.hours} h`);
+    if (duration.minutes) parts.push(`${duration.minutes} m`);
+    if (duration.seconds) parts.push(`${duration.seconds.toFixed(2)} s`);
+
+    return parts.join(' ');
+  };
+
+  const formatMemory = (bytes: number): string => {
+    return filesize(bytes, { base: 2, standard: 'jedec' });
+  };
+
+  const chartOptions = [
+    { id: 'donut', label: 'Donut', iconType: 'visPie' },
+    { id: 'bar', label: 'Bar', iconType: 'visBarHorizontal' },
+  ];
+
+  const [selectedChartIdByIndex, setSelectedChartIdByIndex] = useState('donut');
+  const [selectedChartIdByNode, setSelectedChartIdByNode] = useState('donut');
+
+  const onChartChangeByIndex = (optionId: string) => {
+    setSelectedChartIdByIndex(optionId);
+  };
+
+  const onChartChangeByNode = (optionId: string) => {
+    setSelectedChartIdByNode(optionId);
+  };
+  const [selectedItems, setSelectedItems] = useState<any[]>([]);
+
+  const selection = {
+    selectable: (item: any) => item.measurements?.is_cancelled !== true,
+    onSelectionChange: (selected: any[]) => setSelectedItems(selected),
+  };
+
+  const metrics = React.useMemo(() => {
+    if (!query || !query.response?.live_queries?.length) return null;
+
+    const queries = query.response.live_queries;
+
+    const activeQueries = queries.length;
+    let totalLatency = 0;
+    let totalCPU = 0;
+    let totalMemory = 0;
+    let longestLatency = 0;
+    let longestQueryId = '';
+
+    queries.forEach((q) => {
+      const latency = q.measurements?.latency?.number ?? 0;
+      const cpu = q.measurements?.cpu?.number ?? 0;
+      const memory = q.measurements?.memory?.number ?? 0;
+
+      totalLatency += latency;
+      totalCPU += cpu;
+      totalMemory += memory;
+
+      if (latency > longestLatency) {
+        longestLatency = latency;
+        longestQueryId = q.id;
+      }
+    });
+
+    return {
+      activeQueries,
+      avgElapsedSec: totalLatency / activeQueries / 1000000000,
+      longestElapsedSec: longestLatency / 1000000000,
+      longestQueryId,
+      totalCPUSec: totalCPU / 1000000000,
+      totalMemoryBytes: totalMemory,
+    };
+  }, [query]);
+
+  const getChartData = (counts: Record<string, number>, type: 'node' | 'index') => {
+    return Object.entries(counts).map(([key, value]) => ({
+      label: type === 'node' ? `${key}` : key,
+      value,
+    }));
+  };
+
+  const getChartSpec = (type: string, chartType: 'node' | 'index'): VisualizationSpec => {
+    const isDonut = type.includes('donut');
+
+    return {
+      width: 400,
+      height: 300,
+      mark: isDonut ? { type: 'arc', innerRadius: 50 } : { type: 'bar' },
+      encoding: isDonut
+        ? {
+            theta: { field: 'value', type: 'quantitative' },
+            color: {
+              field: 'label',
+              type: 'nominal',
+              title: chartType === 'node' ? 'Nodes' : 'Indices',
+            },
+            tooltip: [
+              { field: 'label', type: 'nominal', title: chartType === 'node' ? 'Node' : 'Index' },
+              { field: 'value', type: 'quantitative', title: 'Count' },
+            ],
+          }
+        : {
+            x: {
+              field: 'label',
+              type: 'nominal',
+              axis: { labelAngle: -45, title: chartType === 'node' ? 'Node' : 'Index' },
+            },
+            y: {
+              field: 'value',
+              type: 'quantitative',
+              axis: { title: 'Count' },
+            },
+            color: {
+              field: 'label',
+              type: 'nominal',
+              title: chartType === 'node' ? 'Node' : 'Index',
+            },
+            tooltip: [
+              { field: 'label', type: 'nominal', title: chartType === 'node' ? 'Node' : 'Index' },
+              { field: 'value', type: 'quantitative', title: 'Count' },
+            ],
+          },
+    };
+  };
+
+  useEffect(() => {
+    if (chartRefByNode.current) {
+      embed(
+        chartRefByNode.current,
+        {
+          ...getChartSpec(selectedChartIdByNode, 'node'),
+          data: { values: getChartData(nodeCounts, 'node') },
+        },
+        { actions: false, renderer: 'svg' }
+      )
+        .then(() => setNodeChartError(null))
+        .catch((error) => {
+          console.error('Node chart rendering failed:', error);
+          setNodeChartError('Failed to load chart data');
+          core.notifications.toasts.addError(error, {
+            title: 'Failed to render Queries by Node chart',
+            toastMessage: 'Please check data or browser console for details.',
+          });
+        });
+    }
+  }, [nodeCounts, selectedChartIdByNode]);
+
+  useEffect(() => {
+    if (chartRefByIndex.current) {
+      embed(
+        chartRefByIndex.current,
+        {
+          ...getChartSpec(selectedChartIdByIndex, 'index'),
+          data: { values: getChartData(indexCounts, 'index') },
+        },
+        { actions: false, renderer: 'svg' }
+      )
+        .then(() => setIndexChartError(null))
+        .catch((error) => {
+          console.error('Index chart rendering failed:', error);
+          setIndexChartError('Failed to load chart data');
+          core.notifications.toasts.addError(error, {
+            title: 'Failed to render Queries by Index chart',
+            toastMessage: 'Please check data or browser console for details.',
+          });
+        });
+    }
+  }, [indexCounts, selectedChartIdByIndex]);
+
+  return (
+    <div>
+      <EuiFlexGroup alignItems="center" gutterSize="s" justifyContent="flexEnd">
+        <EuiFlexItem grow={false}>
+          <EuiSwitch
+            label="Auto-refresh"
+            checked={autoRefreshEnabled}
+            onChange={(e) => setAutoRefreshEnabled(e.target.checked)}
+            data-test-subj="live-queries-autorefresh-toggle"
+          />
+        </EuiFlexItem>
+
+        <EuiFlexItem grow={false}>
+          <select
+            value={refreshInterval}
+            onChange={(e) => setRefreshInterval(Number(e.target.value))}
+            onBlur={(e) => setRefreshInterval(Number(e.target.value))}
+            style={{ padding: '6px', borderRadius: '6px', minWidth: 120 }}
+            disabled={!autoRefreshEnabled}
+            data-test-subj="live-queries-refresh-interval"
+          >
+            <option value={5000}>5 seconds</option>
+            <option value={10000}>10 seconds</option>
+            <option value={30000}>30 seconds</option>
+            <option value={60000}>1 minute</option>
+          </select>
+        </EuiFlexItem>
+        <EuiFlexItem grow={false}>
+          <EuiButton
+            iconType="refresh"
+            onClick={async () => {
+              await fetchliveQueries();
+            }}
+            data-test-subj="live-queries-refresh-button"
+          >
+            Refresh
+          </EuiButton>
+        </EuiFlexItem>
+      </EuiFlexGroup>
+
+      <EuiFlexGroup>
+        {/* Active Queries */}
+        <EuiFlexItem>
+          <EuiPanel paddingSize="m" data-test-subj="panel-active-queries">
+            <EuiFlexItem>
+              <EuiTextAlign textAlign="center">
+                <EuiText size="s">
+                  <p>Active queries</p>
+                </EuiText>
+                <EuiTitle size="l">
+                  <h2>
+                    <b>{metrics?.activeQueries ?? 0}</b>
+                  </h2>
+                </EuiTitle>
+                <EuiIcon type="visGauge" />
+              </EuiTextAlign>
+            </EuiFlexItem>
+          </EuiPanel>
+        </EuiFlexItem>
+
+        {/* Avg. elapsed time */}
+        <EuiFlexItem>
+          <EuiPanel paddingSize="m" data-test-subj="panel-avg-elapsed-time">
+            <EuiFlexItem>
+              <EuiTextAlign textAlign="center">
+                <EuiText size="s">
+                  <p>Avg. elapsed time</p>
+                </EuiText>
+                <EuiTitle size="l">
+                  <h2>
+                    <b>{metrics ? formatTime(metrics.avgElapsedSec) : 0}</b>
+                  </h2>
+                </EuiTitle>
+                <EuiText size="s">
+                  <p>(Avg. across {metrics?.activeQueries ?? 0})</p>
+                </EuiText>
+              </EuiTextAlign>
+            </EuiFlexItem>
+          </EuiPanel>
+        </EuiFlexItem>
+
+        {/* Longest running query */}
+        <EuiFlexItem>
+          <EuiPanel paddingSize="m" data-test-subj="panel-longest-query">
+            <EuiFlexItem>
+              <EuiTextAlign textAlign="center">
+                <EuiText size="s">
+                  <p>Longest running query</p>
+                </EuiText>
+                <EuiTitle size="l">
+                  <h2>
+                    <b>{metrics ? formatTime(metrics.longestElapsedSec) : 0}</b>
+                  </h2>
+                </EuiTitle>
+                {metrics?.longestQueryId && (
+                  <EuiText size="s">
+                    <p>ID: {metrics.longestQueryId}</p>
+                  </EuiText>
+                )}
+              </EuiTextAlign>
+            </EuiFlexItem>
+          </EuiPanel>
+        </EuiFlexItem>
+
+        {/* Total CPU usage */}
+        <EuiFlexItem>
+          <EuiPanel paddingSize="m" data-test-subj="panel-total-cpu">
+            <EuiFlexItem>
+              <EuiTextAlign textAlign="center">
+                <EuiText size="s">
+                  <p>Total CPU usage</p>
+                </EuiText>
+                <EuiTitle size="l">
+                  <h2>
+                    <b>{metrics ? formatTime(metrics.totalCPUSec) : 0}</b>
+                  </h2>
+                </EuiTitle>
+                <EuiText size="s">
+                  <p>(Sum across {metrics?.activeQueries ?? 0})</p>
+                </EuiText>
+              </EuiTextAlign>
+            </EuiFlexItem>
+          </EuiPanel>
+        </EuiFlexItem>
+
+        {/* Total memory usage */}
+        <EuiFlexItem>
+          <EuiPanel paddingSize="m" data-test-subj="panel-total-memory">
+            <EuiFlexItem>
+              <EuiTextAlign textAlign="center">
+                <EuiText size="s">
+                  <p>Total memory usage</p>
+                </EuiText>
+                <EuiTitle size="l">
+                  <h2>
+                    <b>{metrics ? formatMemory(metrics.totalMemoryBytes) : 0}</b>
+                  </h2>
+                </EuiTitle>
+                <EuiText size="s">
+                  <p>(Sum across {metrics?.activeQueries ?? 0})</p>
+                </EuiText>
+              </EuiTextAlign>
+            </EuiFlexItem>
+          </EuiPanel>
+        </EuiFlexItem>
+      </EuiFlexGroup>
+      <EuiFlexGroup>
+        {/* Queries by Node */}
+        <EuiFlexItem>
+          <EuiPanel paddingSize="m">
+            <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
+              <EuiTitle size="xs">
+                <p>Queries by Node</p>
+              </EuiTitle>
+              <EuiButtonGroup
+                legend="Chart Type"
+                options={chartOptions}
+                idSelected={selectedChartIdByNode}
+                onChange={onChartChangeByNode}
+                color="primary"
+              />
+            </EuiFlexGroup>
+            <EuiSpacer size="l" />
+            {Object.keys(nodeCounts).length > 0 && !nodeChartError ? (
+              <div
+                ref={chartRefByNode}
+                data-test-subj="vega-chart-node"
+                data-chart-values={JSON.stringify(getChartData(nodeCounts, 'node'))}
+              />
+            ) : nodeChartError ? (
+              <EuiTextAlign textAlign="center">
+                <EuiSpacer size="xl" />
+                <EuiText color="danger">
+                  <p>{nodeChartError}</p>
+                </EuiText>
+                <EuiSpacer size="xl" />
+              </EuiTextAlign>
+            ) : (
+              <EuiTextAlign textAlign="center">
+                <EuiSpacer size="xl" />
+                <EuiText color="subdued">
+                  <p>No data available</p>
+                </EuiText>
+                <EuiSpacer size="xl" />
+              </EuiTextAlign>
+            )}
+          </EuiPanel>
+        </EuiFlexItem>
+
+        {/* Queries by Index */}
+        <EuiFlexItem>
+          <EuiPanel paddingSize="m">
+            <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
+              <EuiTitle size="xs">
+                <p>Queries by Index</p>
+              </EuiTitle>
+              <EuiButtonGroup
+                legend="Chart Type"
+                options={chartOptions}
+                idSelected={selectedChartIdByIndex}
+                onChange={onChartChangeByIndex}
+                color="primary"
+              />
+            </EuiFlexGroup>
+            <EuiSpacer size="l" />
+            {Object.keys(indexCounts).length > 0 && !indexChartError ? (
+              <div
+                ref={chartRefByIndex}
+                data-test-subj="vega-chart-index"
+                data-chart-values={JSON.stringify(getChartData(indexCounts, 'index'))}
+              />
+            ) : indexChartError ? (
+              <EuiTextAlign textAlign="center">
+                <EuiSpacer size="xl" />
+                <EuiText color="danger">
+                  <p>{indexChartError}</p>
+                </EuiText>
+                <EuiSpacer size="xl" />
+              </EuiTextAlign>
+            ) : (
+              <EuiTextAlign textAlign="center">
+                <EuiSpacer size="xl" />
+                <EuiText color="subdued">
+                  <p>No data available</p>
+                </EuiText>
+                <EuiSpacer size="xl" />
+              </EuiTextAlign>
+            )}
+          </EuiPanel>
+        </EuiFlexItem>
+      </EuiFlexGroup>
+      <EuiSpacer size="m" />
+      <EuiPanel paddingSize="m">
+        <EuiInMemoryTable
+          items={liveQueries}
+          search={{
+            box: {
+              placeholder: 'Search queries',
+              schema: false,
+            },
+            toolsLeft: selectedItems.length > 0 && [
+              <EuiButton
+                key="delete-button"
+                color="danger"
+                iconType="trash"
+                disabled={selectedItems.length === 0}
+                onClick={async () => {
+                  await Promise.allSettled(
+                    selectedItems.map((item) =>
+                      core.http.post(API_ENDPOINTS.CANCEL_TASK(item.id)).then(
+                        () => ({ status: 'fulfilled', id: item.id }),
+                        (err) => ({ status: 'rejected', id: item.id, error: err })
+                      )
+                    )
+                  );
+                  setSelectedItems([]);
+                }}
+              >
+                Cancel {selectedItems.length} {selectedItems.length !== 1 ? 'queries' : 'query'}
+              </EuiButton>,
+            ],
+            toolsRight: [
+              <EuiButton
+                key="refresh-button"
+                iconType="refresh"
+                onClick={async () => {
+                  await fetchliveQueries();
+                }}
+              >
+                Refresh
+              </EuiButton>,
+            ],
+            filters: [
+              {
+                type: 'field_value_selection',
+                field: 'index',
+                name: 'Index',
+                multiSelect: 'or',
+                options: [...new Set(liveQueries.map((q) => q.index))].map((val) => ({
+                  value: val,
+                  name: val,
+                  view: val,
+                })),
+              },
+              {
+                type: 'field_value_selection',
+                field: 'search_type',
+                name: 'Search type',
+                multiSelect: 'or',
+                options: [...new Set(liveQueries.map((q) => q.search_type))].map((val) => ({
+                  value: val,
+                  name: val,
+                  view: val,
+                })),
+              },
+              {
+                type: 'field_value_selection',
+                field: 'coordinator_node',
+                name: 'Coordinator Node ID',
+                multiSelect: 'or',
+                options: [...new Set(liveQueries.map((q) => q.node_id))].map((val) => ({
+                  value: val,
+                  name: val,
+                  view: val,
+                })),
+              },
+            ],
+          }}
+          columns={[
+            { name: 'Timestamp', render: (item) => convertTime(item.timestamp) },
+            { field: 'id', name: 'Task ID' },
+            { field: 'index', name: 'Index' },
+            { field: 'coordinator_node', name: 'Coordinator node' },
+            {
+              name: 'Time elapsed',
+              render: (item) => formatTime(item.measurements?.latency?.number / 1e9),
+            },
+            {
+              name: 'CPU usage',
+              render: (item) => formatTime(item.measurements?.cpu?.number / 1e9),
+            },
+            {
+              name: 'Memory usage',
+              render: (item) => formatMemory(item.measurements?.memory?.number),
+            },
+            { field: 'search_type', name: 'Search type' },
+
+            {
+              name: 'Status',
+              render: (item) =>
+                item.measurements?.is_cancelled === true ? (
+                  <EuiText color="danger">
+                    <b>Cancelled</b>
+                  </EuiText>
+                ) : (
+                  <EuiText color="success">
+                    <b>Running</b>
+                  </EuiText>
+                ),
+            },
+
+            {
+              name: 'Actions',
+              actions: [
+                {
+                  name: 'Cancel',
+                  description: 'Cancel this query',
+                  icon: 'trash',
+                  color: 'danger',
+                  type: 'icon',
+                  available: (item) => item.measurements?.is_cancelled !== true,
+                  onClick: async (item) => {
+                    try {
+                      const taskId = item.id;
+                      await core.http.post(API_ENDPOINTS.CANCEL_TASK(taskId));
+                      await new Promise((r) => setTimeout(r, 300));
+                      await fetchliveQueries();
+                    } catch (err) {
+                      console.error('Failed to cancel task', err);
+                    }
+                  },
+                },
+              ],
+            },
+          ]}
+          selection={selection}
+          pagination={{
+            pageIndex: pagination.pageIndex,
+            pageSize: 10,
+            pageSizeOptions: [10, 20, 50],
+          }}
+          onTableChange={(e: { page?: { index: number } }) =>
+            setPagination({ pageIndex: e.page?.index ?? 0 })
+          }
+          itemId={(row) => `${row.id}-${row.timestamp}`}
+          loading={!query}
+        />
+      </EuiPanel>
+    </div>
+  );
+};
diff --git a/public/pages/InflightQueries/__snapshots__/InflightQueries.test.tsx.snap b/public/pages/InflightQueries/__snapshots__/InflightQueries.test.tsx.snap
new file mode 100644
index 00000000..b069d45d
--- /dev/null
+++ b/public/pages/InflightQueries/__snapshots__/InflightQueries.test.tsx.snap
@@ -0,0 +1,1120 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InflightQueries shows 0 when there are no queries 1`] = `
+<div>
+  <div>
+    <div
+      class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
+    >
+      <div
+        class="euiFlexItem euiFlexItem--flexGrowZero"
+      >
+        <div
+          class="euiSwitch euiSwitch--primary"
+        >
+          <button
+            aria-checked="true"
+            aria-labelledby="random_html_id"
+            class="euiSwitch__button"
+            data-test-subj="live-queries-autorefresh-toggle"
+            id="random_html_id"
+            role="switch"
+            type="button"
+          >
+            <span
+              class="euiSwitch__body"
+            >
+              <span
+                class="euiSwitch__thumb"
+              />
+              <span
+                class="euiSwitch__track"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="euiIcon euiIcon--medium euiSwitch__icon"
+                  focusable="false"
+                  height="16"
+                  role="img"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
+                  />
+                </svg>
+                <svg
+                  aria-hidden="true"
+                  class="euiIcon euiIcon--medium euiSwitch__icon euiSwitch__icon--checked"
+                  focusable="false"
+                  height="16"
+                  role="img"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M6.5 12a.502.502 0 0 1-.354-.146l-4-4a.502.502 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.502.502 0 0 1 .708.708l-7 7A.502.502 0 0 1 6.5 12"
+                    fill-rule="evenodd"
+                  />
+                </svg>
+              </span>
+            </span>
+          </button>
+          <span
+            class="euiSwitch__label"
+            id="random_html_id"
+          >
+            Auto-refresh
+          </span>
+        </div>
+      </div>
+      <div
+        class="euiFlexItem euiFlexItem--flexGrowZero"
+      >
+        <select
+          data-test-subj="live-queries-refresh-interval"
+          style="padding: 6px; border-radius: 6px; min-width: 120px;"
+        >
+          <option
+            value="5000"
+          >
+            5 seconds
+          </option>
+          <option
+            value="10000"
+          >
+            10 seconds
+          </option>
+          <option
+            value="30000"
+          >
+            30 seconds
+          </option>
+          <option
+            value="60000"
+          >
+            1 minute
+          </option>
+        </select>
+      </div>
+      <div
+        class="euiFlexItem euiFlexItem--flexGrowZero"
+      >
+        <button
+          class="euiButton euiButton--primary"
+          data-test-subj="live-queries-refresh-button"
+          type="button"
+        >
+          <span
+            class="euiButtonContent euiButton__content"
+          >
+            <svg
+              aria-hidden="true"
+              class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+              focusable="false"
+              height="16"
+              role="img"
+              viewBox="0 0 16 16"
+              width="16"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
+              />
+            </svg>
+            <span
+              class="euiButton__text"
+            >
+              Refresh
+            </span>
+          </span>
+        </button>
+      </div>
+    </div>
+    <div
+      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+    >
+      <div
+        class="euiFlexItem"
+      >
+        <div
+          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+          data-test-subj="panel-active-queries"
+        >
+          <div
+            class="euiFlexItem"
+          >
+            <div
+              class="euiTextAlign euiTextAlign--center"
+            >
+              <div
+                class="euiText euiText--small"
+              >
+                <p>
+                  Active queries
+                </p>
+              </div>
+              <h2
+                class="euiTitle euiTitle--large"
+              >
+                <b>
+                  0
+                </b>
+              </h2>
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="m12.877 5.847-1.02 1.02a.5.5 0 0 1-.708-.707l1.1-1.099c-.05-.053-.1-.106-.152-.157A6.471 6.471 0 0 0 8 3.019V4.5a.5.5 0 0 1-1 0V3.019a6.47 6.47 0 0 0-4.261 2.055l1.07 1.071a.5.5 0 0 1-.706.707l-.99-.99A6.46 6.46 0 0 0 1.018 10H2.5a.5.5 0 1 1 0 1H1.174c.083.353.196.697.337 1.03a.5.5 0 1 1-.922.39A7.487 7.487 0 0 1 0 9.5a7.483 7.483 0 0 1 2.197-5.304A7.487 7.487 0 0 1 7.5 2a7.487 7.487 0 0 1 5.304 2.197A7.483 7.483 0 0 1 15 9.5a7.487 7.487 0 0 1-.59 2.92.5.5 0 0 1-.92-.39c.14-.333.253-.677.336-1.03H12.5a.5.5 0 1 1 0-1h1.481a6.483 6.483 0 0 0-1.104-4.153Zm-6.041 5.317a.993.993 0 0 1-.01-1.404c.384-.385 2.882-2.002 3.149-1.735.267.267-1.35 2.765-1.735 3.15a.993.993 0 0 1-1.404-.01Z"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="euiFlexItem"
+      >
+        <div
+          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+          data-test-subj="panel-avg-elapsed-time"
+        >
+          <div
+            class="euiFlexItem"
+          >
+            <div
+              class="euiTextAlign euiTextAlign--center"
+            >
+              <div
+                class="euiText euiText--small"
+              >
+                <p>
+                  Avg. elapsed time
+                </p>
+              </div>
+              <h2
+                class="euiTitle euiTitle--large"
+              >
+                <b>
+                  0
+                </b>
+              </h2>
+              <div
+                class="euiText euiText--small"
+              >
+                <p>
+                  (Avg. across 
+                  0
+                  )
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="euiFlexItem"
+      >
+        <div
+          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+          data-test-subj="panel-longest-query"
+        >
+          <div
+            class="euiFlexItem"
+          >
+            <div
+              class="euiTextAlign euiTextAlign--center"
+            >
+              <div
+                class="euiText euiText--small"
+              >
+                <p>
+                  Longest running query
+                </p>
+              </div>
+              <h2
+                class="euiTitle euiTitle--large"
+              >
+                <b>
+                  0
+                </b>
+              </h2>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="euiFlexItem"
+      >
+        <div
+          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+          data-test-subj="panel-total-cpu"
+        >
+          <div
+            class="euiFlexItem"
+          >
+            <div
+              class="euiTextAlign euiTextAlign--center"
+            >
+              <div
+                class="euiText euiText--small"
+              >
+                <p>
+                  Total CPU usage
+                </p>
+              </div>
+              <h2
+                class="euiTitle euiTitle--large"
+              >
+                <b>
+                  0
+                </b>
+              </h2>
+              <div
+                class="euiText euiText--small"
+              >
+                <p>
+                  (Sum across 
+                  0
+                  )
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="euiFlexItem"
+      >
+        <div
+          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+          data-test-subj="panel-total-memory"
+        >
+          <div
+            class="euiFlexItem"
+          >
+            <div
+              class="euiTextAlign euiTextAlign--center"
+            >
+              <div
+                class="euiText euiText--small"
+              >
+                <p>
+                  Total memory usage
+                </p>
+              </div>
+              <h2
+                class="euiTitle euiTitle--large"
+              >
+                <b>
+                  0
+                </b>
+              </h2>
+              <div
+                class="euiText euiText--small"
+              >
+                <p>
+                  (Sum across 
+                  0
+                  )
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+    >
+      <div
+        class="euiFlexItem"
+      >
+        <div
+          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+        >
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+          >
+            <p
+              class="euiTitle euiTitle--xsmall"
+            >
+              Queries by Node
+            </p>
+            <fieldset
+              class="euiButtonGroup euiButtonGroup--small euiButtonGroup--primary"
+            >
+              <legend
+                class="euiScreenReaderOnly"
+              >
+                Chart Type
+              </legend>
+              <div
+                class="euiButtonGroup__buttons"
+              >
+                <label
+                  class="euiButtonGroupButton euiButtonGroupButton--primary euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                  for="random_html_id"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <svg
+                      aria-labelledby="random_html_id"
+                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <title
+                        id="random_html_id"
+                      >
+                        Donut
+                      </title>
+                      <path
+                        d="M6.5 9a.5.5 0 0 1-.5-.5V3.023A5.5 5.5 0 1 0 11.978 9H6.5ZM7 8h5.5a.5.5 0 0 1 .5.5A6.5 6.5 0 1 1 6.5 2a.5.5 0 0 1 .5.5V8Zm2-6.972V6h4.972C13.696 3.552 11.448 1.304 9 1.028ZM14.5 7h-6a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .5-.5C11.853 0 15 3.147 15 6.5a.5.5 0 0 1-.5.5ZM6.146 8.854a.5.5 0 1 1 .708-.708l4 4a.5.5 0 0 1-.708.708l-4-4Z"
+                      />
+                    </svg>
+                    <span
+                      class="euiButton__text euiButtonGroupButton__textShift"
+                      data-text="Donut"
+                      title="Donut"
+                    >
+                      <input
+                        checked=""
+                        class="euiScreenReaderOnly"
+                        data-test-subj="donut"
+                        id="random_html_id"
+                        name="random_html_id"
+                        type="radio"
+                        value=""
+                      />
+                      Donut
+                    </span>
+                  </span>
+                </label>
+                <label
+                  class="euiButtonGroupButton euiButtonGroupButton--primary euiButtonGroupButton--small"
+                  for="random_html_id"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <svg
+                      aria-labelledby="random_html_id"
+                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <title
+                        id="random_html_id"
+                      >
+                        Bar
+                      </title>
+                      <path
+                        d="M8.5 10h-6a.5.5 0 0 1 0-1H8V6H2.5a.5.5 0 0 1 0-1H13V2H2.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H9v3h2.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-9a.5.5 0 1 1 0-1H11v-3H8.5ZM0 .5a.5.5 0 1 1 1 0v14a.5.5 0 1 1-1 0V.5Z"
+                      />
+                    </svg>
+                    <span
+                      class="euiButton__text euiButtonGroupButton__textShift"
+                      data-text="Bar"
+                      title="Bar"
+                    >
+                      <input
+                        class="euiScreenReaderOnly"
+                        data-test-subj="bar"
+                        id="random_html_id"
+                        name="random_html_id"
+                        type="radio"
+                        value=""
+                      />
+                      Bar
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </fieldset>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiTextAlign euiTextAlign--center"
+          >
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
+            <div
+              class="euiText euiText--medium"
+            >
+              <div
+                class="euiTextColor euiTextColor--subdued"
+              >
+                <p>
+                  No data available
+                </p>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
+          </div>
+        </div>
+      </div>
+      <div
+        class="euiFlexItem"
+      >
+        <div
+          class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+        >
+          <div
+            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+          >
+            <p
+              class="euiTitle euiTitle--xsmall"
+            >
+              Queries by Index
+            </p>
+            <fieldset
+              class="euiButtonGroup euiButtonGroup--small euiButtonGroup--primary"
+            >
+              <legend
+                class="euiScreenReaderOnly"
+              >
+                Chart Type
+              </legend>
+              <div
+                class="euiButtonGroup__buttons"
+              >
+                <label
+                  class="euiButtonGroupButton euiButtonGroupButton--primary euiButtonGroupButton--small euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+                  for="random_html_id"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <svg
+                      aria-labelledby="random_html_id"
+                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <title
+                        id="random_html_id"
+                      >
+                        Donut
+                      </title>
+                      <path
+                        d="M6.5 9a.5.5 0 0 1-.5-.5V3.023A5.5 5.5 0 1 0 11.978 9H6.5ZM7 8h5.5a.5.5 0 0 1 .5.5A6.5 6.5 0 1 1 6.5 2a.5.5 0 0 1 .5.5V8Zm2-6.972V6h4.972C13.696 3.552 11.448 1.304 9 1.028ZM14.5 7h-6a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .5-.5C11.853 0 15 3.147 15 6.5a.5.5 0 0 1-.5.5ZM6.146 8.854a.5.5 0 1 1 .708-.708l4 4a.5.5 0 0 1-.708.708l-4-4Z"
+                      />
+                    </svg>
+                    <span
+                      class="euiButton__text euiButtonGroupButton__textShift"
+                      data-text="Donut"
+                      title="Donut"
+                    >
+                      <input
+                        checked=""
+                        class="euiScreenReaderOnly"
+                        data-test-subj="donut"
+                        id="random_html_id"
+                        name="random_html_id"
+                        type="radio"
+                        value=""
+                      />
+                      Donut
+                    </span>
+                  </span>
+                </label>
+                <label
+                  class="euiButtonGroupButton euiButtonGroupButton--primary euiButtonGroupButton--small"
+                  for="random_html_id"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <svg
+                      aria-labelledby="random_html_id"
+                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <title
+                        id="random_html_id"
+                      >
+                        Bar
+                      </title>
+                      <path
+                        d="M8.5 10h-6a.5.5 0 0 1 0-1H8V6H2.5a.5.5 0 0 1 0-1H13V2H2.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H9v3h2.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-9a.5.5 0 1 1 0-1H11v-3H8.5ZM0 .5a.5.5 0 1 1 1 0v14a.5.5 0 1 1-1 0V.5Z"
+                      />
+                    </svg>
+                    <span
+                      class="euiButton__text euiButtonGroupButton__textShift"
+                      data-text="Bar"
+                      title="Bar"
+                    >
+                      <input
+                        class="euiScreenReaderOnly"
+                        data-test-subj="bar"
+                        id="random_html_id"
+                        name="random_html_id"
+                        type="radio"
+                        value=""
+                      />
+                      Bar
+                    </span>
+                  </span>
+                </label>
+              </div>
+            </fieldset>
+          </div>
+          <div
+            class="euiSpacer euiSpacer--l"
+          />
+          <div
+            class="euiTextAlign euiTextAlign--center"
+          >
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
+            <div
+              class="euiText euiText--medium"
+            >
+              <div
+                class="euiTextColor euiTextColor--subdued"
+              >
+                <p>
+                  No data available
+                </p>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="euiSpacer euiSpacer--m"
+    />
+    <div
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+    >
+      <div>
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive euiFlexGroup--wrap"
+        >
+          <div
+            class="euiFlexItem euiSearchBar__searchHolder"
+          >
+            <div
+              class="euiFormControlLayout euiFormControlLayout--fullWidth"
+            >
+              <div
+                class="euiFormControlLayout__childrenWrapper"
+              >
+                <input
+                  aria-label="This is a search bar. After typing your query, hit enter to filter the results lower in the page."
+                  class="euiFieldSearch euiFieldSearch--fullWidth"
+                  placeholder="Search queries"
+                  type="search"
+                  value=""
+                />
+                <div
+                  class="euiFormControlLayoutIcons"
+                >
+                  <span
+                    class="euiFormControlLayoutCustomIcon"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                      focusable="false"
+                      height="16"
+                      role="img"
+                      viewBox="0 0 16 16"
+                      width="16"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                      />
+                    </svg>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero euiSearchBar__filtersHolder"
+          >
+            <div
+              class="euiFilterGroup"
+            >
+              <div
+                class="euiPopover euiPopover--anchorDownCenter"
+                id="field_value_selection_0"
+              >
+                <div
+                  class="euiPopover__anchor"
+                >
+                  <button
+                    class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton--hasIcon"
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                          fill-rule="non-zero"
+                        />
+                      </svg>
+                      <span
+                        class="euiButtonEmpty__text"
+                      >
+                        <span
+                          class="euiFilterButton__textShift"
+                          data-text="Index"
+                          title="Index"
+                        >
+                          Index
+                        </span>
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiPopover euiPopover--anchorDownCenter"
+                id="field_value_selection_1"
+              >
+                <div
+                  class="euiPopover__anchor"
+                >
+                  <button
+                    class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton--hasIcon"
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                          fill-rule="non-zero"
+                        />
+                      </svg>
+                      <span
+                        class="euiButtonEmpty__text"
+                      >
+                        <span
+                          class="euiFilterButton__textShift"
+                          data-text="Search type"
+                          title="Search type"
+                        >
+                          Search type
+                        </span>
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+              <div
+                class="euiPopover euiPopover--anchorDownCenter"
+                id="field_value_selection_2"
+              >
+                <div
+                  class="euiPopover__anchor"
+                >
+                  <button
+                    class="euiButtonEmpty euiButtonEmpty--text euiFilterButton euiFilterButton--hasIcon"
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                          fill-rule="non-zero"
+                        />
+                      </svg>
+                      <span
+                        class="euiButtonEmpty__text"
+                      >
+                        <span
+                          class="euiFilterButton__textShift"
+                          data-text="Coordinator Node ID"
+                          title="Coordinator Node ID"
+                        >
+                          Coordinator Node ID
+                        </span>
+                      </span>
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              class="euiButton euiButton--primary"
+              type="button"
+            >
+              <span
+                class="euiButtonContent euiButton__content"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+                  focusable="false"
+                  height="16"
+                  role="img"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
+                  />
+                </svg>
+                <span
+                  class="euiButton__text"
+                >
+                  Refresh
+                </span>
+              </span>
+            </button>
+          </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiBasicTable"
+        >
+          <div>
+            <div
+              class="euiTableHeaderMobile"
+            >
+              <div
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+              >
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                >
+                  <div
+                    class="euiCheckbox"
+                  >
+                    <input
+                      aria-label="Select all rows"
+                      class="euiCheckbox__input"
+                      disabled=""
+                      id="_selection_column-checkbox_random_html_id"
+                      type="checkbox"
+                    />
+                    <div
+                      class="euiCheckbox__square"
+                    />
+                    <label
+                      class="euiCheckbox__label"
+                      for="_selection_column-checkbox_random_html_id"
+                    >
+                      Select all rows
+                    </label>
+                  </div>
+                </div>
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                />
+              </div>
+            </div>
+            <table
+              class="euiTable euiTable--responsive"
+              id="random_html_id"
+              tabindex="-1"
+            >
+              <caption
+                class="euiScreenReaderOnly euiTableCaption"
+              />
+              <thead>
+                <tr>
+                  <th
+                    class="euiTableHeaderCellCheckbox"
+                    scope="col"
+                  >
+                    <div
+                      class="euiTableCellContent"
+                    >
+                      <div
+                        class="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                      >
+                        <input
+                          aria-label="Select all rows"
+                          class="euiCheckbox__input"
+                          data-test-subj="checkboxSelectAll"
+                          disabled=""
+                          id="_selection_column-checkbox_random_html_id"
+                          type="checkbox"
+                        />
+                        <div
+                          class="euiCheckbox__square"
+                        />
+                      </div>
+                    </div>
+                  </th>
+                  <th
+                    class="euiTableHeaderCell"
+                    data-test-subj="tableHeaderCell_Timestamp_0"
+                    role="columnheader"
+                    scope="col"
+                  >
+                    <span
+                      class="euiTableCellContent"
+                    >
+                      <span
+                        class="euiTableCellContent__text"
+                        title="Timestamp"
+                      >
+                        Timestamp
+                      </span>
+                    </span>
+                  </th>
+                  <th
+                    class="euiTableHeaderCell"
+                    data-test-subj="tableHeaderCell_id_1"
+                    role="columnheader"
+                    scope="col"
+                  >
+                    <span
+                      class="euiTableCellContent"
+                    >
+                      <span
+                        class="euiTableCellContent__text"
+                        title="Task ID"
+                      >
+                        Task ID
+                      </span>
+                    </span>
+                  </th>
+                  <th
+                    class="euiTableHeaderCell"
+                    data-test-subj="tableHeaderCell_index_2"
+                    role="columnheader"
+                    scope="col"
+                  >
+                    <span
+                      class="euiTableCellContent"
+                    >
+                      <span
+                        class="euiTableCellContent__text"
+                        title="Index"
+                      >
+                        Index
+                      </span>
+                    </span>
+                  </th>
+                  <th
+                    class="euiTableHeaderCell"
+                    data-test-subj="tableHeaderCell_coordinator_node_3"
+                    role="columnheader"
+                    scope="col"
+                  >
+                    <span
+                      class="euiTableCellContent"
+                    >
+                      <span
+                        class="euiTableCellContent__text"
+                        title="Coordinator node"
+                      >
+                        Coordinator node
+                      </span>
+                    </span>
+                  </th>
+                  <th
+                    class="euiTableHeaderCell"
+                    data-test-subj="tableHeaderCell_Time elapsed_4"
+                    role="columnheader"
+                    scope="col"
+                  >
+                    <span
+                      class="euiTableCellContent"
+                    >
+                      <span
+                        class="euiTableCellContent__text"
+                        title="Time elapsed"
+                      >
+                        Time elapsed
+                      </span>
+                    </span>
+                  </th>
+                  <th
+                    class="euiTableHeaderCell"
+                    data-test-subj="tableHeaderCell_CPU usage_5"
+                    role="columnheader"
+                    scope="col"
+                  >
+                    <span
+                      class="euiTableCellContent"
+                    >
+                      <span
+                        class="euiTableCellContent__text"
+                        title="CPU usage"
+                      >
+                        CPU usage
+                      </span>
+                    </span>
+                  </th>
+                  <th
+                    class="euiTableHeaderCell"
+                    data-test-subj="tableHeaderCell_Memory usage_6"
+                    role="columnheader"
+                    scope="col"
+                  >
+                    <span
+                      class="euiTableCellContent"
+                    >
+                      <span
+                        class="euiTableCellContent__text"
+                        title="Memory usage"
+                      >
+                        Memory usage
+                      </span>
+                    </span>
+                  </th>
+                  <th
+                    class="euiTableHeaderCell"
+                    data-test-subj="tableHeaderCell_search_type_7"
+                    role="columnheader"
+                    scope="col"
+                  >
+                    <span
+                      class="euiTableCellContent"
+                    >
+                      <span
+                        class="euiTableCellContent__text"
+                        title="Search type"
+                      >
+                        Search type
+                      </span>
+                    </span>
+                  </th>
+                  <th
+                    class="euiTableHeaderCell"
+                    data-test-subj="tableHeaderCell_Status_8"
+                    role="columnheader"
+                    scope="col"
+                  >
+                    <span
+                      class="euiTableCellContent"
+                    >
+                      <span
+                        class="euiTableCellContent__text"
+                        title="Status"
+                      >
+                        Status
+                      </span>
+                    </span>
+                  </th>
+                  <th
+                    class="euiTableHeaderCell"
+                    role="columnheader"
+                    scope="col"
+                  >
+                    <span
+                      class="euiTableCellContent euiTableCellContent--alignRight"
+                    >
+                      <span
+                        class="euiTableCellContent__text"
+                        title="Actions"
+                      >
+                        Actions
+                      </span>
+                    </span>
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr
+                  class="euiTableRow"
+                >
+                  <td
+                    class="euiTableRowCell euiTableRowCell--isMobileFullWidth"
+                    colspan="11"
+                  >
+                    <div
+                      class="euiTableCellContent euiTableCellContent--alignCenter"
+                    >
+                      <span
+                        class="euiTableCellContent__text"
+                      >
+                        No items found
+                      </span>
+                    </div>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/public/pages/TopNQueries/TopNQueries.test.tsx b/public/pages/TopNQueries/TopNQueries.test.tsx
index 5c0aa5de..04b413cf 100644
--- a/public/pages/TopNQueries/TopNQueries.test.tsx
+++ b/public/pages/TopNQueries/TopNQueries.test.tsx
@@ -71,8 +71,9 @@ describe('TopNQueries Component', () => {
 
     // Check for Query Insights tab content
     expect(screen.getByText('Mocked QueryInsights')).toBeInTheDocument();
-    expect(screen.getByText('Top N queries')).toBeInTheDocument();
-    expect(screen.getByText('Configuration')).toBeInTheDocument();
+    expect(screen.getByRole('tab', { name: 'Live queries' })).toBeInTheDocument();
+    expect(screen.getByRole('tab', { name: 'Top N queries' })).toBeInTheDocument();
+    expect(screen.getByRole('tab', { name: 'Configuration' })).toBeInTheDocument();
     expect(container).toMatchSnapshot();
 
     // Switch to Configuration tab
diff --git a/public/pages/TopNQueries/TopNQueries.tsx b/public/pages/TopNQueries/TopNQueries.tsx
index 630bca5f..1779b475 100644
--- a/public/pages/TopNQueries/TopNQueries.tsx
+++ b/public/pages/TopNQueries/TopNQueries.tsx
@@ -12,6 +12,7 @@ import { DataSourceOption } from 'src/plugins/data_source_management/public/comp
 import QueryInsights from '../QueryInsights/QueryInsights';
 import Configuration from '../Configuration/Configuration';
 import QueryDetails from '../QueryDetails/QueryDetails';
+import { InflightQueries } from '../InflightQueries/InflightQueries';
 import { SearchQueryRecord } from '../../../types/types';
 import { QueryGroupDetails } from '../QueryGroupDetails/QueryGroupDetails';
 import { QueryInsightsDashboardsPluginStartDependencies } from '../../types';
@@ -38,6 +39,7 @@ import { getDataSourceFromUrl } from '../../utils/datasource-utils';
 
 export const QUERY_INSIGHTS = '/queryInsights';
 export const CONFIGURATION = '/configuration';
+export const LIVE_QUERIES = '/LiveQueries';
 
 export interface MetricSettings {
   isEnabled: boolean;
@@ -131,6 +133,11 @@ const TopNQueries = ({
   const [queries, setQueries] = useState<SearchQueryRecord[]>([]);
 
   const tabs: Array<{ id: string; name: string; route: string }> = [
+    {
+      id: 'liveQueries',
+      name: 'Live queries',
+      route: LIVE_QUERIES,
+    },
     {
       id: 'topNQueries',
       name: 'Top N queries',
@@ -394,6 +401,28 @@ const TopNQueries = ({
               );
             }}
           </Route>
+          <Route exact path={LIVE_QUERIES}>
+            <PageHeader
+              coreStart={core}
+              depsStart={depsStart}
+              fallBackComponent={
+                <>
+                  <EuiTitle size="l">
+                    <h1>Query insights - In-flight queries scoreboard</h1>
+                  </EuiTitle>
+                  <EuiSpacer size="l" />
+                </>
+              }
+            />
+            <EuiTabs>{tabs.map(renderTab)}</EuiTabs>
+            <EuiSpacer size="l" />
+            <InflightQueries
+              core={core}
+              depsStart={depsStart}
+              params={params}
+              dataSourceManagement={dataSourceManagement}
+            />
+          </Route>
           <Route exact path={QUERY_INSIGHTS}>
             <PageHeader
               coreStart={core}
diff --git a/public/pages/TopNQueries/__snapshots__/TopNQueries.test.tsx.snap b/public/pages/TopNQueries/__snapshots__/TopNQueries.test.tsx.snap
index 804c1e1e..4a4fa7a0 100644
--- a/public/pages/TopNQueries/__snapshots__/TopNQueries.test.tsx.snap
+++ b/public/pages/TopNQueries/__snapshots__/TopNQueries.test.tsx.snap
@@ -20,6 +20,18 @@ Object {
           class="euiTabs"
           role="tablist"
         >
+          <button
+            aria-selected="false"
+            class="euiTab"
+            role="tab"
+            type="button"
+          >
+            <span
+              class="euiTab__content"
+            >
+              Live queries
+            </span>
+          </button>
           <button
             aria-selected="true"
             class="euiTab euiTab-isSelected"
@@ -70,6 +82,18 @@ Object {
         class="euiTabs"
         role="tablist"
       >
+        <button
+          aria-selected="false"
+          class="euiTab"
+          role="tab"
+          type="button"
+        >
+          <span
+            class="euiTab__content"
+          >
+            Live queries
+          </span>
+        </button>
         <button
           aria-selected="true"
           class="euiTab euiTab-isSelected"
@@ -177,6 +201,18 @@ Object {
           class="euiTabs"
           role="tablist"
         >
+          <button
+            aria-selected="false"
+            class="euiTab"
+            role="tab"
+            type="button"
+          >
+            <span
+              class="euiTab__content"
+            >
+              Live queries
+            </span>
+          </button>
           <button
             aria-selected="true"
             class="euiTab euiTab-isSelected"
@@ -227,6 +263,18 @@ Object {
         class="euiTabs"
         role="tablist"
       >
+        <button
+          aria-selected="false"
+          class="euiTab"
+          role="tab"
+          type="button"
+        >
+          <span
+            class="euiTab__content"
+          >
+            Live queries
+          </span>
+        </button>
         <button
           aria-selected="true"
           class="euiTab euiTab-isSelected"
@@ -334,6 +382,18 @@ Object {
           class="euiTabs"
           role="tablist"
         >
+          <button
+            aria-selected="false"
+            class="euiTab"
+            role="tab"
+            type="button"
+          >
+            <span
+              class="euiTab__content"
+            >
+              Live queries
+            </span>
+          </button>
           <button
             aria-selected="true"
             class="euiTab euiTab-isSelected"
@@ -384,6 +444,18 @@ Object {
         class="euiTabs"
         role="tablist"
       >
+        <button
+          aria-selected="false"
+          class="euiTab"
+          role="tab"
+          type="button"
+        >
+          <span
+            class="euiTab__content"
+          >
+            Live queries
+          </span>
+        </button>
         <button
           aria-selected="true"
           class="euiTab euiTab-isSelected"
@@ -491,6 +563,18 @@ Object {
           class="euiTabs"
           role="tablist"
         >
+          <button
+            aria-selected="false"
+            class="euiTab"
+            role="tab"
+            type="button"
+          >
+            <span
+              class="euiTab__content"
+            >
+              Live queries
+            </span>
+          </button>
           <button
             aria-selected="false"
             class="euiTab"
@@ -541,6 +625,18 @@ Object {
         class="euiTabs"
         role="tablist"
       >
+        <button
+          aria-selected="false"
+          class="euiTab"
+          role="tab"
+          type="button"
+        >
+          <span
+            class="euiTab__content"
+          >
+            Live queries
+          </span>
+        </button>
         <button
           aria-selected="false"
           class="euiTab"
diff --git a/server/clusters/queryInsightsPlugin.ts b/server/clusters/queryInsightsPlugin.ts
index 53672558..1e2431d5 100644
--- a/server/clusters/queryInsightsPlugin.ts
+++ b/server/clusters/queryInsightsPlugin.ts
@@ -167,4 +167,24 @@ export const QueryInsightsPlugin = function (Client, config, components) {
     method: 'PUT',
     needBody: true,
   });
+
+  queryInsights.getLiveQueries = ca({
+    url: {
+      fmt: `/_insights/live_queries`,
+    },
+    method: 'GET',
+  });
+
+  queryInsights.cancelTask = ca({
+    url: {
+      fmt: `/_tasks/<%=taskId%>/_cancel`,
+      req: {
+        taskId: {
+          type: 'string',
+          required: true,
+        },
+      },
+    },
+    method: 'POST',
+  });
 };
diff --git a/server/routes/index.ts b/server/routes/index.ts
index 081bcaa0..418e5c2e 100644
--- a/server/routes/index.ts
+++ b/server/routes/index.ts
@@ -356,4 +356,78 @@ export function defineRoutes(router: IRouter, dataSourceEnabled: boolean) {
       }
     }
   );
+  router.get(
+    {
+      path: '/api/live_queries',
+      validate: {
+        query: schema.object({
+          dataSourceId: schema.maybe(schema.string()),
+        }),
+      },
+    },
+    async (context, request, response) => {
+      try {
+        const client =
+          !dataSourceEnabled || !request.query?.dataSourceId
+            ? context.queryInsights_plugin.queryInsightsClient.asScoped(request).callAsCurrentUser
+            : context.dataSource.opensearch.legacy.getClient(request.query.dataSourceId);
+
+        const res = await client('queryInsights.getLiveQueries');
+        if (!res || res.ok === false) {
+          throw new Error(res?.error || 'Query Insights service returned an error');
+        }
+
+        return response.ok({
+          body: {
+            ok: true,
+            response: res,
+          },
+        });
+      } catch (error) {
+        console.error('Unable to get live queries: ', error);
+        return response.customError({
+          statusCode: error.statusCode ?? 500,
+          body: {
+            message: error.message || 'Internal server error',
+          },
+        });
+      }
+    }
+  );
+
+  router.post(
+    {
+      path: '/api/tasks/{taskId}/cancel',
+      validate: {
+        params: schema.object({
+          taskId: schema.string(),
+        }),
+      },
+    },
+    async (context, request, response) => {
+      try {
+        const esClient = context.core.opensearch.client.asCurrentUser;
+        const { taskId } = request.params;
+
+        const res = await esClient.transport.request({
+          method: 'POST',
+          path: `/_tasks/${taskId}/_cancel`,
+        });
+
+        if (!res) {
+          throw new Error('failed');
+        }
+
+        return response.ok({ body: { ok: true, res } });
+      } catch (error) {
+        console.error(error);
+        return response.customError({
+          statusCode: error.statusCode ?? 500,
+          body: {
+            message: error.message || 'Internal server error',
+          },
+        });
+      }
+    }
+  );
 }
diff --git a/test/jest.config.js b/test/jest.config.js
index 36430c49..2dbdccae 100644
--- a/test/jest.config.js
+++ b/test/jest.config.js
@@ -12,6 +12,7 @@ module.exports = {
   moduleNameMapper: {
     '\\.(css|less|scss)$': '<rootDir>/test/mocks/styleMock.ts',
     '^ui/(.*)': '<rootDir>/../../src/legacy/ui/public/$1/',
+    '^vega-embed$': '<rootDir>/test/mocks/vega-embed.ts',
   },
   coverageReporters: ['lcov', 'text', 'cobertura'],
   testMatch: ['**/*.test.js', '**/*.test.jsx', '**/*.test.ts', '**/*.test.tsx'],
@@ -37,12 +38,6 @@ module.exports = {
   ],
   clearMocks: true,
   testPathIgnorePatterns: ['<rootDir>/build/', '<rootDir>/node_modules/'],
-  transformIgnorePatterns: [
-    // ignore all node_modules except those which require babel transforms to
-    // handle newer syntax like `??=` which is not already transformed by the
-    // package and not yet supported in the node version we use.
-    '[/\\\\]node_modules(?![\\/\\\\](vega-lite))[/\\\\].+\\.js$',
-  ],
   modulePathIgnorePatterns: ['queryInsightsDashboards'],
   testEnvironment: 'jsdom',
   snapshotSerializers: ['enzyme-to-json/serializer'],
diff --git a/test/mocks/vega-embed.ts b/test/mocks/vega-embed.ts
new file mode 100644
index 00000000..5d24e369
--- /dev/null
+++ b/test/mocks/vega-embed.ts
@@ -0,0 +1,6 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+export const embed = jest.fn().mockResolvedValue({});
diff --git a/types/types.ts b/types/types.ts
index 960c6ae2..75eb9dcb 100644
--- a/types/types.ts
+++ b/types/types.ts
@@ -66,3 +66,23 @@ export interface QueryInsightsSettingsResponse {
   group_by?: string;
   exporter?: ExporterSettingsResponse;
 }
+
+export interface LiveSearchQueryRecord {
+  timestamp: number;
+  id: string;
+  description: string;
+  measurements: {
+    latency?: Measurement;
+    cpu?: Measurement;
+    memory?: Measurement;
+  };
+  node_id: string;
+  is_cancelled: boolean;
+}
+
+export interface LiveSearchQueryResponse {
+  ok: boolean;
+  response: {
+    live_queries: LiveSearchQueryRecord[];
+  };
+}
diff --git a/yarn.lock b/yarn.lock
index d2922d20..799611f4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -244,12 +244,10 @@
     core-js-pure "^3.30.2"
     regenerator-runtime "^0.14.0"
 
-"@babel/runtime@^7.12.5", "@babel/runtime@^7.22.9", "@babel/runtime@^7.9.2":
-  version "7.26.10"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.26.10.tgz#a07b4d8fa27af131a633d7b3524db803eb4764c2"
-  integrity sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==
-  dependencies:
-    regenerator-runtime "^0.14.0"
+"@babel/runtime@^7.12.5", "@babel/runtime@^7.26.10", "@babel/runtime@^7.9.2":
+  version "7.27.3"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.27.3.tgz#10491113799fb8d77e1d9273384d5d68deeea8f6"
+  integrity sha512-7EYtGezsdiDMyY80+65EzwiGmcJqpmcZCojSXaRgdrBaGtWTgDZKq69cPIVped6MkIM78cTQ2GOiEYjwOlG4xw==
 
 "@babel/template@^7.26.9", "@babel/template@^7.3.3":
   version "7.26.9"
@@ -763,10 +761,12 @@
     lodash "^4.17.15"
     redent "^3.0.0"
 
-"@testing-library/user-event@^14.4.3":
-  version "14.6.1"
-  resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.6.1.tgz#13e09a32d7a8b7060fe38304788ebf4197cd2149"
-  integrity sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==
+"@testing-library/user-event@^13.5.0":
+  version "13.5.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-13.5.0.tgz#69d77007f1e124d55314a2b73fd204b333b13295"
+  integrity sha512-5Kwtbo3Y/NowpkbRuSepbyMFkZmHgD+vPzYB/RJ4oxt5Gj/avFFBYjhw27cqSVPVw/3a67NK1PbiIr9k4Gwmdg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
 
 "@tootallnate/once@1":
   version "1.1.2"
@@ -818,6 +818,16 @@
   dependencies:
     "@babel/types" "^7.20.7"
 
+"@types/estree@^1.0.0":
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.7.tgz#4158d3105276773d5b7695cd4834b1722e4f37a8"
+  integrity sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==
+
+"@types/geojson@7946.0.4":
+  version "7946.0.4"
+  resolved "https://registry.yarnpkg.com/@types/geojson/-/geojson-7946.0.4.tgz#4e049756383c3f055dd8f3d24e63fb543e98eb07"
+  integrity sha512-MHmwBtCb7OCv1DSivz2UNJXPGU/1btAWRKlqJ2saEhVJkpkvqHMMaOpKg0v4sAbDWSQekHGvPVMM8nQ+Jen03Q==
+
 "@types/graceful-fs@^4.1.2":
   version "4.1.9"
   resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.9.tgz#2a06bc0f68a20ab37b3e36aa238be6abdf49e8b4"
@@ -857,6 +867,11 @@
     expect "^29.0.0"
     pretty-format "^29.0.0"
 
+"@types/luxon@^3.6.2":
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/@types/luxon/-/luxon-3.6.2.tgz#be6536931801f437eafcb9c0f6d6781f72308041"
+  integrity sha512-R/BdP7OxEMc44l2Ex5lSXHoIXTB2JLNa3y2QISIbr58U/YcsffyQrYW//hZSdrfxrjRZj3GcUoxMPGdO8gSYuw==
+
 "@types/node@*":
   version "22.13.10"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-22.13.10.tgz#df9ea358c5ed991266becc3109dc2dc9125d77e4"
@@ -1876,6 +1891,15 @@ cliui@^7.0.2:
     strip-ansi "^6.0.0"
     wrap-ansi "^7.0.0"
 
+cliui@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.1"
+    wrap-ansi "^7.0.0"
+
 co@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
@@ -1922,11 +1946,16 @@ combined-stream@^1.0.8, combined-stream@~1.0.6:
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@^2.20.0:
+commander@2, commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
+commander@7:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
 commander@^6.2.0, commander@^6.2.1:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c"
@@ -2166,6 +2195,136 @@ cypress@^13.6.0:
     untildify "^4.0.0"
     yauzl "^2.10.0"
 
+"d3-array@1 - 3", "d3-array@2 - 3", "d3-array@2.10.0 - 3", "d3-array@2.5.0 - 3", d3-array@3.2.4, d3-array@^3.2.2:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/d3-array/-/d3-array-3.2.4.tgz#15fec33b237f97ac5d7c986dc77da273a8ed0bb5"
+  integrity sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==
+  dependencies:
+    internmap "1 - 2"
+
+"d3-color@1 - 3", d3-color@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-color/-/d3-color-3.1.0.tgz#395b2833dfac71507f12ac2f7af23bf819de24e2"
+  integrity sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==
+
+d3-delaunay@^6.0.2:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/d3-delaunay/-/d3-delaunay-6.0.4.tgz#98169038733a0a5babbeda55054f795bb9e4a58b"
+  integrity sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==
+  dependencies:
+    delaunator "5"
+
+"d3-dispatch@1 - 3":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-dispatch/-/d3-dispatch-3.0.1.tgz#5fc75284e9c2375c36c839411a0cf550cbfc4d5e"
+  integrity sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==
+
+d3-dsv@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-dsv/-/d3-dsv-3.0.1.tgz#c63af978f4d6a0d084a52a673922be2160789b73"
+  integrity sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==
+  dependencies:
+    commander "7"
+    iconv-lite "0.6"
+    rw "1"
+
+d3-force@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-force/-/d3-force-3.0.0.tgz#3e2ba1a61e70888fe3d9194e30d6d14eece155c4"
+  integrity sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==
+  dependencies:
+    d3-dispatch "1 - 3"
+    d3-quadtree "1 - 3"
+    d3-timer "1 - 3"
+
+"d3-format@1 - 3", d3-format@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-format/-/d3-format-3.1.0.tgz#9260e23a28ea5cb109e93b21a06e24e2ebd55641"
+  integrity sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==
+
+d3-geo-projection@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/d3-geo-projection/-/d3-geo-projection-4.0.0.tgz#dc229e5ead78d31869a4e87cf1f45bd2716c48ca"
+  integrity sha512-p0bK60CEzph1iqmnxut7d/1kyTmm3UWtPlwdkM31AU+LW+BXazd5zJdoCn7VFxNCHXRngPHRnsNn5uGjLRGndg==
+  dependencies:
+    commander "7"
+    d3-array "1 - 3"
+    d3-geo "1.12.0 - 3"
+
+"d3-geo@1.12.0 - 3", d3-geo@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/d3-geo/-/d3-geo-3.1.1.tgz#6027cf51246f9b2ebd64f99e01dc7c3364033a4d"
+  integrity sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==
+  dependencies:
+    d3-array "2.5.0 - 3"
+
+d3-hierarchy@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz#b01cd42c1eed3d46db77a5966cf726f8c09160c6"
+  integrity sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==
+
+"d3-interpolate@1 - 3", "d3-interpolate@1.2.0 - 3", d3-interpolate@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-interpolate/-/d3-interpolate-3.0.1.tgz#3c47aa5b32c5b3dfb56ef3fd4342078a632b400d"
+  integrity sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==
+  dependencies:
+    d3-color "1 - 3"
+
+d3-path@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-path/-/d3-path-3.1.0.tgz#22df939032fb5a71ae8b1800d61ddb7851c42526"
+  integrity sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==
+
+"d3-quadtree@1 - 3":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-quadtree/-/d3-quadtree-3.0.1.tgz#6dca3e8be2b393c9a9d514dabbd80a92deef1a4f"
+  integrity sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==
+
+d3-scale-chromatic@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz#34c39da298b23c20e02f1a4b239bd0f22e7f1314"
+  integrity sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==
+  dependencies:
+    d3-color "1 - 3"
+    d3-interpolate "1 - 3"
+
+d3-scale@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/d3-scale/-/d3-scale-4.0.2.tgz#82b38e8e8ff7080764f8dcec77bd4be393689396"
+  integrity sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==
+  dependencies:
+    d3-array "2.10.0 - 3"
+    d3-format "1 - 3"
+    d3-interpolate "1.2.0 - 3"
+    d3-time "2.1.1 - 3"
+    d3-time-format "2 - 4"
+
+d3-shape@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/d3-shape/-/d3-shape-3.2.0.tgz#a1a839cbd9ba45f28674c69d7f855bcf91dfc6a5"
+  integrity sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==
+  dependencies:
+    d3-path "^3.1.0"
+
+"d3-time-format@2 - 4", d3-time-format@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/d3-time-format/-/d3-time-format-4.1.0.tgz#7ab5257a5041d11ecb4fe70a5c7d16a195bb408a"
+  integrity sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==
+  dependencies:
+    d3-time "1 - 3"
+
+"d3-time@1 - 3", "d3-time@2.1.1 - 3", d3-time@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-time/-/d3-time-3.1.0.tgz#9310db56e992e3c0175e1ef385e545e48a9bb5c7"
+  integrity sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==
+  dependencies:
+    d3-array "2 - 3"
+
+"d3-timer@1 - 3", d3-timer@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-timer/-/d3-timer-3.0.1.tgz#6284d2a2708285b1abb7e201eda4380af35e63b0"
+  integrity sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==
+
 dashdash@^1.12.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
@@ -2297,6 +2456,13 @@ define-properties@^1.1.4, define-properties@^1.2.1:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
+delaunator@5:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/delaunator/-/delaunator-5.0.1.tgz#39032b08053923e924d6094fe2cde1a99cc51278"
+  integrity sha512-8nvh+XBe96aCESrGOqMp/84b13H9cdKbG5P2ejQCh4d4sK9RL4371qou9drQjMhvnPmhWl5hnmqbEE0fXr9Xnw==
+  dependencies:
+    robust-predicates "^3.0.2"
+
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
@@ -2800,6 +2966,11 @@ fast-deep-equal@^3.1.1:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
+fast-json-patch@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/fast-json-patch/-/fast-json-patch-3.1.1.tgz#85064ea1b1ebf97a3f7ad01e23f9337e72c66947"
+  integrity sha512-vf6IHUX2SBcA+5/+4883dsIjpBTqmfBjmYiWK1savxQmFk4JfBMLa7ynTYOs1Rolp/T1betJxHiGD3g1Mn8lUQ==
+
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
@@ -2836,6 +3007,11 @@ file-uri-to-path@1.0.0:
   resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
   integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
 
+filesize@^10.1.6:
+  version "10.1.6"
+  resolved "https://registry.yarnpkg.com/filesize/-/filesize-10.1.6.tgz#31194da825ac58689c0bce3948f33ce83aabd361"
+  integrity sha512-sJslQKU2uM33qH5nqewAwVB2QgR6w1aMNsYUp3aN5rMRyXEwJGmZvaWzeJFNTOXWlHQyBFCWrdj3fV/fsTOX8w==
+
 fill-range@^7.1.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
@@ -3280,6 +3456,13 @@ iconv-lite@0.4.24:
   dependencies:
     safer-buffer ">= 2.1.2 < 3"
 
+iconv-lite@0.6:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
 ieee754@^1.1.13, ieee754@^1.1.4:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
@@ -3353,6 +3536,11 @@ internal-slot@^1.1.0:
     hasown "^2.0.2"
     side-channel "^1.1.0"
 
+"internmap@1 - 2":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/internmap/-/internmap-2.0.3.tgz#6685f23755e43c524e251d29cbc97248e3061009"
+  integrity sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==
+
 interpret@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e"
@@ -4206,6 +4394,16 @@ json-schema@0.4.0:
   resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
   integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
 
+json-stringify-pretty-compact@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/json-stringify-pretty-compact/-/json-stringify-pretty-compact-3.0.0.tgz#f71ef9d82ef16483a407869556588e91b681d9ab"
+  integrity sha512-Rc2suX5meI0S3bfdZuA7JMFBGkJ875ApfVyq2WHELjBiiG22My/l7/8zPpH/CfFVQHuVLd8NLR0nv6vi0BYYKA==
+
+json-stringify-pretty-compact@~4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/json-stringify-pretty-compact/-/json-stringify-pretty-compact-4.0.0.tgz#cf4844770bddee3cb89a6170fe4b00eee5dbf1d4"
+  integrity sha512-3CNZ2DnrpByG9Nqj6Xo8vqbjT4F6N+tb4Gb28ESAZjYZ5yqvmc56J+/kuIwkaAMOyblTQhUW7PxMkUb8Q36N3Q==
+
 json-stringify-safe@~5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
@@ -4371,6 +4569,11 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
+luxon@^3.6.1:
+  version "3.6.1"
+  resolved "https://registry.yarnpkg.com/luxon/-/luxon-3.6.1.tgz#d283ffc4c0076cb0db7885ec6da1c49ba97e47b0"
+  integrity sha512-tJLxrKJhO2ukZ5z0gyjY1zPh3Rh88Ej9P7jNrZiHMUXHae1yvI2imgOZtL1TO8TW6biMMKfTtAOoEJANgtWBMQ==
+
 lz-string@^1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
@@ -4558,6 +4761,13 @@ neo-async@^2.5.0, neo-async@^2.6.1:
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
+node-fetch@^2.6.7:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
+  integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
+  dependencies:
+    whatwg-url "^5.0.0"
+
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
@@ -5218,6 +5428,11 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
     hash-base "^3.0.0"
     inherits "^2.0.1"
 
+robust-predicates@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/robust-predicates/-/robust-predicates-3.0.2.tgz#d5b28528c4824d20fc48df1928d41d9efa1ad771"
+  integrity sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==
+
 run-queue@^1.0.0, run-queue@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
@@ -5225,6 +5440,11 @@ run-queue@^1.0.0, run-queue@^1.0.3:
   dependencies:
     aproba "^1.1.1"
 
+rw@1:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/rw/-/rw-1.3.3.tgz#3f862dfa91ab766b14885ef4d01124bfda074fb4"
+  integrity sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==
+
 rxjs@^7.5.1:
   version "7.8.2"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.2.tgz#955bc473ed8af11a002a2be52071bf475638607b"
@@ -5270,7 +5490,7 @@ safe-regex-test@^1.1.0:
     es-errors "^1.3.0"
     is-regex "^1.2.1"
 
-"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
@@ -5311,6 +5531,11 @@ semver@^7.3.2, semver@^7.5.3:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.1.tgz#abd5098d82b18c6c81f6074ff2647fd3e7220c9f"
   integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==
 
+semver@^7.3.7:
+  version "7.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
+  integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
+
 serialize-javascript@6.0.2, serialize-javascript@^4.0.0:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.2.tgz#defa1e055c83bf6d59ea805d8da862254eb6a6c2"
@@ -5562,7 +5787,7 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-string-width@^4.1.0, string-width@^4.2.0:
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -5822,6 +6047,13 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
+topojson-client@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/topojson-client/-/topojson-client-3.1.0.tgz#22e8b1ed08a2b922feeb4af6f53b6ef09a467b99"
+  integrity sha512-605uxS6bcYxGXw9qi62XyrV6Q3xwbndjachmNxu8HWTtVPxZfEJN9fd/SZS1Q54Sn2y0TMyMxFj/cJINqGHrKw==
+  dependencies:
+    commander "2"
+
 tough-cookie@^4.0.0:
   version "4.1.4"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.4.tgz#945f1461b45b5a8c76821c33ea49c3ac192c1b36"
@@ -5846,6 +6078,11 @@ tr46@^2.1.0:
   dependencies:
     punycode "^2.1.1"
 
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
+
 tree-kill@1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
@@ -5862,7 +6099,7 @@ ts-loader@^6.2.1:
     micromatch "^4.0.0"
     semver "^6.0.0"
 
-tslib@^2.1.0, tslib@^2.4.0:
+tslib@^2.1.0, tslib@^2.4.0, tslib@~2.8.1:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
   integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
@@ -6069,6 +6306,381 @@ v8-to-istanbul@^8.1.0:
     convert-source-map "^1.6.0"
     source-map "^0.7.3"
 
+vega-canvas@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/vega-canvas/-/vega-canvas-1.2.7.tgz#cf62169518f5dcd91d24ad352998c2248f8974fb"
+  integrity sha512-OkJ9CACVcN9R5Pi9uF6MZBF06pO6qFpDYHWSKBJsdHP5o724KrsgR6UvbnXFH82FdsiTOff/HqjuaG8C7FL+9Q==
+
+vega-crossfilter@~4.1.3:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/vega-crossfilter/-/vega-crossfilter-4.1.3.tgz#2c404ddcd420605c84fb088f3e9beb671dca498e"
+  integrity sha512-nyPJAXAUABc3EocUXvAL1J/IWotZVsApIcvOeZaUdEQEtZ7bt8VtP2nj3CLbHBA8FZZVV+K6SmdwvCOaAD4wFQ==
+  dependencies:
+    d3-array "^3.2.2"
+    vega-dataflow "^5.7.7"
+    vega-util "^1.17.3"
+
+vega-dataflow@^5.7.7, vega-dataflow@~5.7.7:
+  version "5.7.7"
+  resolved "https://registry.yarnpkg.com/vega-dataflow/-/vega-dataflow-5.7.7.tgz#d766f650aaaf27836894bdb6ee391fd43d7a22ef"
+  integrity sha512-R2NX2HvgXL+u4E6u+L5lKvvRiCtnE6N6l+umgojfi53suhhkFP+zB+2UAQo4syxuZ4763H1csfkKc4xpqLzKnw==
+  dependencies:
+    vega-format "^1.1.3"
+    vega-loader "^4.5.3"
+    vega-util "^1.17.3"
+
+vega-embed@6.21.0:
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/vega-embed/-/vega-embed-6.21.0.tgz#a6f7d4965c653e40620bfd0a51fb419321cff02c"
+  integrity sha512-Tzo9VAfgNRb6XpxSFd7uphSeK2w5OxDY2wDtmpsQ+rQlPSEEI9TE6Jsb2nHRLD5J4FrmXKLrTcORqidsNQSXEg==
+  dependencies:
+    fast-json-patch "^3.1.1"
+    json-stringify-pretty-compact "^3.0.0"
+    semver "^7.3.7"
+    tslib "^2.4.0"
+    vega-interpreter "^1.0.4"
+    vega-schema-url-parser "^2.2.0"
+    vega-themes "^2.10.0"
+    vega-tooltip "^0.28.0"
+
+vega-encode@~4.10.2:
+  version "4.10.2"
+  resolved "https://registry.yarnpkg.com/vega-encode/-/vega-encode-4.10.2.tgz#dcef19d040905f5ef43e8a730f6ec501fe4b2a73"
+  integrity sha512-fsjEY1VaBAmqwt7Jlpz0dpPtfQFiBdP9igEefvumSpy7XUxOJmDQcRDnT3Qh9ctkv3itfPfI9g8FSnGcv2b4jQ==
+  dependencies:
+    d3-array "^3.2.2"
+    d3-interpolate "^3.0.1"
+    vega-dataflow "^5.7.7"
+    vega-scale "^7.4.2"
+    vega-util "^1.17.3"
+
+vega-event-selector@^3.0.1, vega-event-selector@~3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/vega-event-selector/-/vega-event-selector-3.0.1.tgz#b99e92147b338158f8079d81b28b2e7199c2e259"
+  integrity sha512-K5zd7s5tjr1LiOOkjGpcVls8GsH/f2CWCrWcpKy74gTCp+llCdwz0Enqo013ZlGaRNjfgD/o1caJRt3GSaec4A==
+
+vega-expression@^5.2.0, vega-expression@~5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/vega-expression/-/vega-expression-5.2.0.tgz#a5dfa8dd79066082add1846618f3d7f0a364305f"
+  integrity sha512-WRMa4ny3iZIVAzDlBh3ipY2QUuLk2hnJJbfbncPgvTF7BUgbIbKq947z+JicWksYbokl8n1JHXJoqi3XvpG0Zw==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    vega-util "^1.17.3"
+
+vega-expression@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/vega-expression/-/vega-expression-5.1.2.tgz#1ed0677787b8e5f4047c9b847ecc20da0a2a8d05"
+  integrity sha512-fFeDTh4UtOxlZWL54jf1ZqJHinyerWq/ROiqrQxqLkNJRJ86RmxYTgXwt65UoZ/l4VUv9eAd2qoJeDEf610Umw==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    vega-util "^1.17.3"
+
+vega-force@~4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/vega-force/-/vega-force-4.2.2.tgz#e70ac31cf73d3ffaed361202613809e8c516d6f0"
+  integrity sha512-cHZVaY2VNNIG2RyihhSiWniPd2W9R9kJq0znxzV602CgUVgxEfTKtx/lxnVCn8nNrdKAYrGiqIsBzIeKG1GWHw==
+  dependencies:
+    d3-force "^3.0.0"
+    vega-dataflow "^5.7.7"
+    vega-util "^1.17.3"
+
+vega-format@^1.1.3, vega-format@~1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/vega-format/-/vega-format-1.1.3.tgz#66e0fd8eb0ba8d9e638b3c62a023cdab9af57bc5"
+  integrity sha512-wQhw7KR46wKJAip28FF/CicW+oiJaPAwMKdrxlnTA0Nv8Bf7bloRlc+O3kON4b4H1iALLr9KgRcYTOeXNs2MOA==
+  dependencies:
+    d3-array "^3.2.2"
+    d3-format "^3.1.0"
+    d3-time-format "^4.1.0"
+    vega-time "^2.1.3"
+    vega-util "^1.17.3"
+
+vega-functions@^5.18.0, vega-functions@~5.18.0:
+  version "5.18.0"
+  resolved "https://registry.yarnpkg.com/vega-functions/-/vega-functions-5.18.0.tgz#297fbb982492622bf57ca8148447ad88cdee859c"
+  integrity sha512-+D+ey4bDAhZA2CChh7bRZrcqRUDevv05kd2z8xH+il7PbYQLrhi6g1zwvf8z3KpgGInFf5O13WuFK5DQGkz5lQ==
+  dependencies:
+    d3-array "^3.2.2"
+    d3-color "^3.1.0"
+    d3-geo "^3.1.0"
+    vega-dataflow "^5.7.7"
+    vega-expression "^5.2.0"
+    vega-scale "^7.4.2"
+    vega-scenegraph "^4.13.1"
+    vega-selections "^5.6.0"
+    vega-statistics "^1.9.0"
+    vega-time "^2.1.3"
+    vega-util "^1.17.3"
+
+vega-geo@~4.4.3:
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/vega-geo/-/vega-geo-4.4.3.tgz#038dc85e1c030b2f2c8bda61fb31ff6bdfea123b"
+  integrity sha512-+WnnzEPKIU1/xTFUK3EMu2htN35gp9usNZcC0ZFg2up1/Vqu6JyZsX0PIO51oXSIeXn9bwk6VgzlOmJUcx92tA==
+  dependencies:
+    d3-array "^3.2.2"
+    d3-color "^3.1.0"
+    d3-geo "^3.1.0"
+    vega-canvas "^1.2.7"
+    vega-dataflow "^5.7.7"
+    vega-projection "^1.6.2"
+    vega-statistics "^1.9.0"
+    vega-util "^1.17.3"
+
+vega-hierarchy@~4.1.3:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/vega-hierarchy/-/vega-hierarchy-4.1.3.tgz#7721aec582cdf332da6a4ee8332a94e3ac064881"
+  integrity sha512-0Z+TYKRgOEo8XYXnJc2HWg1EGpcbNAhJ9Wpi9ubIbEyEHqIgjCIyFVN8d4nSfsJOcWDzsSmRqohBztxAhOCSaw==
+  dependencies:
+    d3-hierarchy "^3.1.2"
+    vega-dataflow "^5.7.7"
+    vega-util "^1.17.3"
+
+vega-interpreter@^1.0.4:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/vega-interpreter/-/vega-interpreter-1.2.0.tgz#a712a99843a02a0a021bd7ae4d79e43b8895ca17"
+  integrity sha512-p408/0IPevyR/bIKdXGNzOixkTYCkH83zNhGypRqDxd/qVrdJVrh9RcECOYx1MwEc6JTB1BeK2lArHiGGuG7Hw==
+  dependencies:
+    vega-util "^1.17.3"
+
+vega-label@~1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/vega-label/-/vega-label-1.3.1.tgz#2e370dac88e91615317ba5120cbfc6c43c6227dd"
+  integrity sha512-Emx4b5s7pvuRj3fBkAJ/E2snCoZACfKAwxVId7f/4kYVlAYLb5Swq6W8KZHrH4M9Qds1XJRUYW9/Y3cceqzEFA==
+  dependencies:
+    vega-canvas "^1.2.7"
+    vega-dataflow "^5.7.7"
+    vega-scenegraph "^4.13.1"
+    vega-util "^1.17.3"
+
+vega-lite@^5.6.0:
+  version "5.23.0"
+  resolved "https://registry.yarnpkg.com/vega-lite/-/vega-lite-5.23.0.tgz#342cbe8e5ccd3e3eeb4721818b1d5cb26b60ad8a"
+  integrity sha512-l4J6+AWE3DIjvovEoHl2LdtCUkfm4zs8Xxx7INwZEAv+XVb6kR6vIN1gt3t2gN2gs/y4DYTs/RPoTeYAuEg6mA==
+  dependencies:
+    json-stringify-pretty-compact "~4.0.0"
+    tslib "~2.8.1"
+    vega-event-selector "~3.0.1"
+    vega-expression "~5.1.1"
+    vega-util "~1.17.2"
+    yargs "~17.7.2"
+
+vega-loader@^4.5.3, vega-loader@~4.5.3:
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/vega-loader/-/vega-loader-4.5.3.tgz#f89cf4def5b2c61f65f845ec695b6e14d15c36e9"
+  integrity sha512-dUfIpxTLF2magoMaur+jXGvwMxjtdlDZaIS8lFj6N7IhUST6nIvBzuUlRM+zLYepI5GHtCLOnqdKU4XV0NggCA==
+  dependencies:
+    d3-dsv "^3.0.1"
+    node-fetch "^2.6.7"
+    topojson-client "^3.1.0"
+    vega-format "^1.1.3"
+    vega-util "^1.17.3"
+
+vega-parser@~6.6.0:
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/vega-parser/-/vega-parser-6.6.0.tgz#f6aa6fc07c89f83196a1951ed9cf832436a429ab"
+  integrity sha512-jltyrwCTtWeidi/6VotLCybhIl+ehwnzvFWYOdWNUP0z/EskdB64YmawNwjCjzTBMemeiQtY6sJPPbewYqe3Vg==
+  dependencies:
+    vega-dataflow "^5.7.7"
+    vega-event-selector "^3.0.1"
+    vega-functions "^5.18.0"
+    vega-scale "^7.4.2"
+    vega-util "^1.17.3"
+
+vega-projection@^1.6.2, vega-projection@~1.6.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/vega-projection/-/vega-projection-1.6.2.tgz#69ea9a2404bad12642d3ec5c4f5615b27cdcb630"
+  integrity sha512-3pcVaQL9R3Zfk6PzopLX6awzrQUeYOXJzlfLGP2Xd93mqUepBa6m/reVrTUoSFXA3v9lfK4W/PS2AcVzD/MIcQ==
+  dependencies:
+    d3-geo "^3.1.0"
+    d3-geo-projection "^4.0.0"
+    vega-scale "^7.4.2"
+
+vega-regression@~1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/vega-regression/-/vega-regression-1.3.1.tgz#e1de74062250da33e823897565155caefb041dbb"
+  integrity sha512-AmccF++Z9uw4HNZC/gmkQGe6JsRxTG/R4QpbcSepyMvQN1Rj5KtVqMcmVFP1r3ivM4dYGFuPlzMWvuqp0iKMkQ==
+  dependencies:
+    d3-array "^3.2.2"
+    vega-dataflow "^5.7.7"
+    vega-statistics "^1.9.0"
+    vega-util "^1.17.3"
+
+vega-runtime@^6.2.1, vega-runtime@~6.2.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/vega-runtime/-/vega-runtime-6.2.1.tgz#4749ea1530d822a789ae8e431bad0965ff2925ee"
+  integrity sha512-b4eot3tWKCk++INWqot+6sLn3wDTj/HE+tRSbiaf8aecuniPMlwJEK7wWuhVGeW2Ae5n8fI/8TeTViaC94bNHA==
+  dependencies:
+    vega-dataflow "^5.7.7"
+    vega-util "^1.17.3"
+
+vega-scale@^7.4.2, vega-scale@~7.4.2:
+  version "7.4.2"
+  resolved "https://registry.yarnpkg.com/vega-scale/-/vega-scale-7.4.2.tgz#4e4d24aa478ba475b410b0ac9acda88e52acd5fd"
+  integrity sha512-o6Hl76aU1jlCK7Q8DPYZ8OGsp4PtzLdzI6nGpLt8rxoE78QuB3GBGEwGAQJitp4IF7Lb2rL5oAXEl3ZP6xf9jg==
+  dependencies:
+    d3-array "^3.2.2"
+    d3-interpolate "^3.0.1"
+    d3-scale "^4.0.2"
+    d3-scale-chromatic "^3.1.0"
+    vega-time "^2.1.3"
+    vega-util "^1.17.3"
+
+vega-scenegraph@^4.13.1, vega-scenegraph@~4.13.1:
+  version "4.13.1"
+  resolved "https://registry.yarnpkg.com/vega-scenegraph/-/vega-scenegraph-4.13.1.tgz#5a7ab99cc8c4ae48a2322823faab4edef2080df9"
+  integrity sha512-LFY9+sLIxRfdDI9ZTKjLoijMkIAzPLBWHpPkwv4NPYgdyx+0qFmv+puBpAUGUY9VZqAZ736Uj5NJY9zw+/M3yQ==
+  dependencies:
+    d3-path "^3.1.0"
+    d3-shape "^3.2.0"
+    vega-canvas "^1.2.7"
+    vega-loader "^4.5.3"
+    vega-scale "^7.4.2"
+    vega-util "^1.17.3"
+
+vega-schema-url-parser@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/vega-schema-url-parser/-/vega-schema-url-parser-2.2.0.tgz#a0d1e02915adfbfcb1fd517c8c2ebe2419985c1e"
+  integrity sha512-yAtdBnfYOhECv9YC70H2gEiqfIbVkq09aaE4y/9V/ovEFmH9gPKaEgzIZqgT7PSPQjKhsNkb6jk6XvSoboxOBw==
+
+vega-selections@^5.6.0:
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/vega-selections/-/vega-selections-5.6.0.tgz#9ffa55039f2e7ad71d4926147b8d458375ce611f"
+  integrity sha512-UE2w78rUUbaV3Ph+vQbQDwh8eywIJYRxBiZdxEG/Tr/KtFMLdy2BDgNZuuDO1Nv8jImPJwONmqjNhNDYwM0VJQ==
+  dependencies:
+    d3-array "3.2.4"
+    vega-expression "^5.2.0"
+    vega-util "^1.17.3"
+
+vega-statistics@^1.9.0, vega-statistics@~1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/vega-statistics/-/vega-statistics-1.9.0.tgz#7d6139cea496b22d60decfa6abd73346f70206f9"
+  integrity sha512-GAqS7mkatpXcMCQKWtFu1eMUKLUymjInU0O8kXshWaQrVWjPIO2lllZ1VNhdgE0qGj4oOIRRS11kzuijLshGXQ==
+  dependencies:
+    d3-array "^3.2.2"
+
+vega-themes@^2.10.0:
+  version "2.15.0"
+  resolved "https://registry.yarnpkg.com/vega-themes/-/vega-themes-2.15.0.tgz#cf7592efb45406957e9beb67d7033ee5f7b7a511"
+  integrity sha512-DicRAKG9z+23A+rH/3w3QjJvKnlGhSbbUXGjBvYGseZ1lvj9KQ0BXZ2NS/+MKns59LNpFNHGi9us/wMlci4TOA==
+
+vega-time@^2.1.3, vega-time@~2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/vega-time/-/vega-time-2.1.3.tgz#507e3b0af61ebcd6a9c56de89fe1213924c2c1f2"
+  integrity sha512-hFcWPdTV844IiY0m97+WUoMLADCp+8yUQR1NStWhzBzwDDA7QEGGwYGxALhdMOaDTwkyoNj3V/nox2rQAJD/vQ==
+  dependencies:
+    d3-array "^3.2.2"
+    d3-time "^3.1.0"
+    vega-util "^1.17.3"
+
+vega-tooltip@^0.28.0:
+  version "0.28.0"
+  resolved "https://registry.yarnpkg.com/vega-tooltip/-/vega-tooltip-0.28.0.tgz#8bae2601ffae5e67622de37108f53f284e9a978b"
+  integrity sha512-DbK0V5zzk+p9cphZZXV91ZGeKq0zr6JIS0VndUoGTisldzw4tRgmpGQcTfMjew53o7/voeTM2ELTnJAJRzX4tg==
+  dependencies:
+    vega-util "^1.17.0"
+
+vega-transforms@~4.12.1:
+  version "4.12.1"
+  resolved "https://registry.yarnpkg.com/vega-transforms/-/vega-transforms-4.12.1.tgz#81a5c5505a2844542f99ab966b094c7b29d7d9f8"
+  integrity sha512-Qxo+xeEEftY1jYyKgzOGc9NuW4/MqGm1YPZ5WrL9eXg2G0410Ne+xL/MFIjHF4hRX+3mgFF4Io2hPpfy/thjLg==
+  dependencies:
+    d3-array "^3.2.2"
+    vega-dataflow "^5.7.7"
+    vega-statistics "^1.9.0"
+    vega-time "^2.1.3"
+    vega-util "^1.17.3"
+
+vega-typings@~1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/vega-typings/-/vega-typings-1.5.0.tgz#f3304157b86b8bf45c983959d1530f8098cd5493"
+  integrity sha512-tcZ2HwmiQEOXIGyBMP8sdCnoFoVqHn4KQ4H0MQiHwzFU1hb1EXURhfc+Uamthewk4h/9BICtAM3AFQMjBGpjQA==
+  dependencies:
+    "@types/geojson" "7946.0.4"
+    vega-event-selector "^3.0.1"
+    vega-expression "^5.2.0"
+    vega-util "^1.17.3"
+
+vega-util@^1.17.0, vega-util@^1.17.3, vega-util@~1.17.2:
+  version "1.17.3"
+  resolved "https://registry.yarnpkg.com/vega-util/-/vega-util-1.17.3.tgz#8f24d867daae69580874dcf75de10c65ac9ede5d"
+  integrity sha512-nSNpZLUrRvFo46M5OK4O6x6f08WD1yOcEzHNlqivF+sDLSsVpstaF6fdJYwrbf/debFi2L9Tkp4gZQtssup9iQ==
+
+vega-view-transforms@~4.6.1:
+  version "4.6.1"
+  resolved "https://registry.yarnpkg.com/vega-view-transforms/-/vega-view-transforms-4.6.1.tgz#423a1e2dae14c1506876272281e4835778fa6914"
+  integrity sha512-RYlyMJu5kZV4XXjmyTQKADJWDB25SMHsiF+B1rbE1p+pmdQPlp5tGdPl9r5dUJOp3p8mSt/NGI8GPGucmPMxtw==
+  dependencies:
+    vega-dataflow "^5.7.7"
+    vega-scenegraph "^4.13.1"
+    vega-util "^1.17.3"
+
+vega-view@~5.16.0:
+  version "5.16.0"
+  resolved "https://registry.yarnpkg.com/vega-view/-/vega-view-5.16.0.tgz#e3882f9dcb9368322a255224e5e54db864b3c226"
+  integrity sha512-Nxp1MEAY+8bphIm+7BeGFzWPoJnX9+hgvze6wqCAPoM69YiyVR0o0VK8M2EESIL+22+Owr0Fdy94hWHnmon5tQ==
+  dependencies:
+    d3-array "^3.2.2"
+    d3-timer "^3.0.1"
+    vega-dataflow "^5.7.7"
+    vega-format "^1.1.3"
+    vega-functions "^5.18.0"
+    vega-runtime "^6.2.1"
+    vega-scenegraph "^4.13.1"
+    vega-util "^1.17.3"
+
+vega-voronoi@~4.2.4:
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/vega-voronoi/-/vega-voronoi-4.2.4.tgz#f45addec69e7b40598106f221014300a58d061ef"
+  integrity sha512-lWNimgJAXGeRFu2Pz8axOUqVf1moYhD+5yhBzDSmckE9I5jLOyZc/XvgFTXwFnsVkMd1QW1vxJa+y9yfUblzYw==
+  dependencies:
+    d3-delaunay "^6.0.2"
+    vega-dataflow "^5.7.7"
+    vega-util "^1.17.3"
+
+vega-wordcloud@~4.1.6:
+  version "4.1.6"
+  resolved "https://registry.yarnpkg.com/vega-wordcloud/-/vega-wordcloud-4.1.6.tgz#a428e8e7b2f83eca454631057d6864c226b41a14"
+  integrity sha512-lFmF3u9/ozU0P+WqPjeThQfZm0PigdbXDwpIUCxczrCXKYJLYFmZuZLZR7cxtmpZ0/yuvRvAJ4g123LXbSZF8A==
+  dependencies:
+    vega-canvas "^1.2.7"
+    vega-dataflow "^5.7.7"
+    vega-scale "^7.4.2"
+    vega-statistics "^1.9.0"
+    vega-util "^1.17.3"
+
+vega@^5.32.0:
+  version "5.33.0"
+  resolved "https://registry.yarnpkg.com/vega/-/vega-5.33.0.tgz#15e5eb9a4a42aaac0564257795daea3acc0d1b21"
+  integrity sha512-jNAGa7TxLojOpMMMrKMXXBos4K6AaLJbCgGDOw1YEkLRjUkh12pcf65J2lMSdEHjcEK47XXjKiOUVZ8L+MniBA==
+  dependencies:
+    vega-crossfilter "~4.1.3"
+    vega-dataflow "~5.7.7"
+    vega-encode "~4.10.2"
+    vega-event-selector "~3.0.1"
+    vega-expression "~5.2.0"
+    vega-force "~4.2.2"
+    vega-format "~1.1.3"
+    vega-functions "~5.18.0"
+    vega-geo "~4.4.3"
+    vega-hierarchy "~4.1.3"
+    vega-label "~1.3.1"
+    vega-loader "~4.5.3"
+    vega-parser "~6.6.0"
+    vega-projection "~1.6.2"
+    vega-regression "~1.3.1"
+    vega-runtime "~6.2.1"
+    vega-scale "~7.4.2"
+    vega-scenegraph "~4.13.1"
+    vega-statistics "~1.9.0"
+    vega-time "~2.1.3"
+    vega-transforms "~4.12.1"
+    vega-typings "~1.5.0"
+    vega-util "~1.17.2"
+    vega-view "~5.16.0"
+    vega-view-transforms "~4.6.1"
+    vega-voronoi "~4.2.4"
+    vega-wordcloud "~4.1.6"
+
 verror@1.10.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
@@ -6122,6 +6734,11 @@ watchpack@^1.7.4:
     chokidar "^3.4.1"
     watchpack-chokidar2 "^2.0.1"
 
+webidl-conversions@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
+  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
+
 webidl-conversions@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
@@ -6182,6 +6799,14 @@ whatwg-mimetype@^2.3.0:
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
   integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
 
+whatwg-url@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
+  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
+  dependencies:
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
+
 whatwg-url@^8.0.0, whatwg-url@^8.5.0:
   version "8.7.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
@@ -6354,6 +6979,11 @@ yargs-parser@^20.2.2:
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
   integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
 
+yargs-parser@^21.1.1:
+  version "21.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
+  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
+
 yargs@^15.3.1:
   version "15.4.1"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
@@ -6384,6 +7014,19 @@ yargs@^16.2.0:
     y18n "^5.0.5"
     yargs-parser "^20.2.2"
 
+yargs@~17.7.2:
+  version "17.7.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
+  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.1.1"
+
 yauzl@^2.10.0:
   version "2.10.0"
   resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"