diff --git a/src/components/AdvanceAnalyticsV2/AnalyticsV2Page.jsx b/src/components/AdvanceAnalyticsV2/AnalyticsV2Page.jsx
index f2db473b9e..3132a51a2d 100644
--- a/src/components/AdvanceAnalyticsV2/AnalyticsV2Page.jsx
+++ b/src/components/AdvanceAnalyticsV2/AnalyticsV2Page.jsx
@@ -3,6 +3,7 @@ import {
   Form, Tabs, Tab,
 } from '@openedx/paragon';
 import { Helmet } from 'react-helmet';
+import PropTypes from 'prop-types';
 
 import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
 import Hero from '../Hero';
@@ -15,10 +16,12 @@ import Skills from './tabs/Skills';
 
 const PAGE_TITLE = 'AnalyticsV2';
 
-const AnalyticsV2Page = () => {
+const AnalyticsV2Page = ({ enterpriseId }) => {
   const [activeTab, setActiveTab] = useState('enrollments');
-  const [granularity, setGranularity] = useState('daily');
-  const [calculation, setCalculation] = useState('total');
+  const [granularity, setGranularity] = useState('Daily');
+  const [calculation, setCalculation] = useState('Total');
+  const [startDate, setStartDate] = useState('');
+  const [endDate, setEndDate] = useState('');
   const dataRefreshDate = '';
   const intl = useIntl();
 
@@ -52,6 +55,7 @@ const AnalyticsV2Page = () => {
               </Form.Label>
               <Form.Control
                 type="date"
+                onChange={(e) => setStartDate(e.target.value)}
               />
             </Form.Group>
           </div>
@@ -66,6 +70,7 @@ const AnalyticsV2Page = () => {
               </Form.Label>
               <Form.Control
                 type="date"
+                onChange={(e) => setEndDate(e.target.value)}
               />
             </Form.Group>
           </div>
@@ -83,28 +88,28 @@ const AnalyticsV2Page = () => {
                 value={granularity}
                 onChange={(e) => setGranularity(e.target.value)}
               >
-                <option value="daily">
+                <option value="Daily">
                   {intl.formatMessage({
                     id: 'advance.analytics.filter.granularity.option.daily',
                     defaultMessage: 'Daily',
                     description: 'Advance analytics granularity filter daily option',
                   })}
                 </option>
-                <option value="weekly">
+                <option value="Weekly">
                   {intl.formatMessage({
                     id: 'advance.analytics.filter.granularity.option.weekly',
                     defaultMessage: 'Weekly',
                     description: 'Advance analytics granularity filter weekly option',
                   })}
                 </option>
-                <option value="monthly">
+                <option value="Monthly">
                   {intl.formatMessage({
                     id: 'advance.analytics.filter.granularity.option.monthly',
                     defaultMessage: 'Monthly',
                     description: 'Advance analytics granularity filter monthly option',
                   })}
                 </option>
-                <option value="quarterly">
+                <option value="Quarterly">
                   {intl.formatMessage({
                     id: 'advance.analytics.filter.granularity.option.quarterly',
                     defaultMessage: 'Quarterly',
@@ -128,28 +133,28 @@ const AnalyticsV2Page = () => {
                 value={calculation}
                 onChange={(e) => setCalculation(e.target.value)}
               >
-                <option value="total">
+                <option value="Total">
                   {intl.formatMessage({
                     id: 'advance.analytics.filter.calculation.option.total',
                     defaultMessage: 'Total',
                     description: 'Advance analytics calculation filter total option',
                   })}
                 </option>
-                <option value="running_total">
+                <option value="Running Total">
                   {intl.formatMessage({
                     id: 'advance.analytics.filter.calculation.option.running.total',
                     defaultMessage: 'Running Total',
                     description: 'Advance analytics calculation filter running total option',
                   })}
                 </option>
-                <option value="average_3">
+                <option value="Moving Average (3 Period)">
                   {intl.formatMessage({
                     id: 'advance.analytics.filter.calculation.option.average.3',
                     defaultMessage: 'Moving Average (3 Period)',
                     description: 'Advance analytics calculation filter moving average 3 period option',
                   })}
                 </option>
-                <option value="average_7">
+                <option value="Moving Average (7 Period)">
                   {intl.formatMessage({
                     id: 'advance.analytics.filter.calculation.option.average.7',
                     defaultMessage: 'Moving Average (7 Period)',
@@ -187,7 +192,13 @@ const AnalyticsV2Page = () => {
                 description: 'Title for the enrollments tab in advance analytics.',
               })}
             >
-              <Enrollments />
+              <Enrollments
+                startDate={startDate}
+                endDate={endDate}
+                granularity={granularity}
+                calculation={calculation}
+                enterpriseId={enterpriseId}
+              />
             </Tab>
             <Tab
               eventKey="engagements"
@@ -197,7 +208,11 @@ const AnalyticsV2Page = () => {
                 description: 'Title for the engagements tab in advance analytics.',
               })}
             >
-              <Engagements />
+              <Engagements
+                startDate={startDate}
+                endDate={endDate}
+                enterpriseId={enterpriseId}
+              />
             </Tab>
             <Tab
               eventKey="completions"
@@ -207,7 +222,13 @@ const AnalyticsV2Page = () => {
                 description: 'Title for the completions tab in advance analytics.',
               })}
             >
-              <Completions />
+              <Completions
+                startDate={startDate}
+                endDate={endDate}
+                granularity={granularity}
+                calculation={calculation}
+                enterpriseId={enterpriseId}
+              />
             </Tab>
             <Tab
               eventKey="leaderboard"
@@ -217,7 +238,11 @@ const AnalyticsV2Page = () => {
                 description: 'Title for the leaderboard tab in advance analytics.',
               })}
             >
-              <Leaderboard />
+              <Leaderboard
+                startDate={startDate}
+                endDate={endDate}
+                enterpriseId={enterpriseId}
+              />
             </Tab>
             <Tab
               eventKey="skills"
@@ -227,7 +252,11 @@ const AnalyticsV2Page = () => {
                 description: 'Title for the skills tab in advance analytics.',
               })}
             >
-              <Skills />
+              <Skills
+                startDate={startDate}
+                endDate={endDate}
+                enterpriseId={enterpriseId}
+              />
             </Tab>
           </Tabs>
         </div>
@@ -236,4 +265,7 @@ const AnalyticsV2Page = () => {
   );
 };
 
+AnalyticsV2Page.propTypes = {
+  enterpriseId: PropTypes.string.isRequired,
+};
 export default AnalyticsV2Page;
diff --git a/src/components/AdvanceAnalyticsV2/DownloadCSV.jsx b/src/components/AdvanceAnalyticsV2/DownloadCSV.jsx
new file mode 100644
index 0000000000..38cd389263
--- /dev/null
+++ b/src/components/AdvanceAnalyticsV2/DownloadCSV.jsx
@@ -0,0 +1,119 @@
+import React, { useState } from 'react';
+import { saveAs } from 'file-saver';
+import { useIntl } from '@edx/frontend-platform/i18n';
+import PropTypes from 'prop-types';
+import { logError } from '@edx/frontend-platform/logging';
+import {
+  Toast, StatefulButton, Icon, Spinner, useToggle,
+} from '@openedx/paragon';
+import { Download, Check, Close } from '@openedx/paragon/icons';
+import EnterpriseDataApiService from '../../data/services/EnterpriseDataApiService';
+import simulateURL from './data/utils';
+
+const DownloadCSV = ({
+  startDate, endDate, chartType, activeTab, granularity, calculation, enterpriseId,
+}) => {
+  const [buttonState, setButtonState] = useState('default');
+  const [isOpen, open, close] = useToggle(false);
+  const intl = useIntl();
+
+  const getFileName = (contentDisposition) => {
+    let filename = `${activeTab} from (${startDate}-${endDate}).csv`; // Default filename
+
+    // Extract the filename from the content-disposition header if it exists
+    if (contentDisposition && contentDisposition.indexOf('attachment') !== -1) {
+      const matches = /filename="([^"]+)"/.exec(contentDisposition);
+      if (matches != null && matches[1]) {
+        [, filename] = matches;
+      }
+    }
+    return filename;
+  };
+
+  const downloadCsv = () => {
+    setButtonState('pending');
+    const chartUrl = simulateURL(activeTab, chartType);
+    EnterpriseDataApiService.fetchPlotlyChartsCSV(enterpriseId, chartUrl, {
+      start_date: startDate,
+      end_date: endDate,
+      granularity,
+      calculation,
+      chart_type: chartType,
+      response_type: 'csv',
+    }).then((response) => {
+      const contentDisposition = response.headers['content-disposition'];
+      const filename = getFileName(contentDisposition);
+
+      const blob = new Blob([response.data], { type: 'text/csv' });
+      saveAs(blob, filename);
+      open();
+      setButtonState('complete');
+    }).catch((error) => {
+      setButtonState('error');
+      logError(error);
+    });
+  };
+
+  const toastText = intl.formatMessage({
+    id: 'adminPortal.LPRV2.downloadCSV.toast',
+    defaultMessage: 'CSV Downloaded',
+    description: 'Toast message for the download button in the LPR V2 page.',
+  });
+  return (
+    <div className="d-flex justify-content-end">
+      { isOpen
+     && (
+     <Toast onClose={close} show={isOpen}>
+       {toastText}
+     </Toast>
+     )}
+      <StatefulButton
+        state={buttonState}
+        variant={buttonState === 'error' ? 'danger' : 'primary'}
+        data-testid="plotly-charts-download-csv-button"
+        labels={{
+          default: intl.formatMessage({
+            id: 'adminPortal.LPRV2.downloadCSV.button.default',
+            defaultMessage: 'Download CSV',
+            description: 'Label for the download button in the module activity report page.',
+          }),
+          pending: intl.formatMessage({
+            id: 'adminPortal.LPRV2.downloadCSV.button.pending',
+            defaultMessage: 'Downloading CSV',
+            description: 'Label for the download button in the module activity report page when the download is in progress.',
+          }),
+          complete: intl.formatMessage({
+            id: 'adminPortal.LPRV2.downloadCSV.button.complete',
+            defaultMessage: 'CSV Downloaded',
+            description: 'Label for the download button in the module activity report page when the download is complete.',
+          }),
+          error: intl.formatMessage({
+            id: 'adminPortal.LPRV2.downloadCSV.button.error',
+            defaultMessage: 'Error',
+            description: 'Label for the download button in the module activity report page when the download fails.',
+          }),
+        }}
+        icons={{
+          default: <Icon src={Download} />,
+          pending: <Spinner animation="border" variant="light" size="sm" />,
+          complete: <Icon src={Check} />,
+          error: <Icon src={Close} variant="light" size="sm" />,
+        }}
+        disabledStates={['pending']}
+        onClick={downloadCsv}
+      />
+    </div>
+  );
+};
+
+DownloadCSV.propTypes = {
+  startDate: PropTypes.string.isRequired,
+  endDate: PropTypes.string.isRequired,
+  chartType: PropTypes.string.isRequired,
+  activeTab: PropTypes.string.isRequired,
+  granularity: PropTypes.string.isRequired,
+  calculation: PropTypes.string.isRequired,
+  enterpriseId: PropTypes.string.isRequired,
+};
+
+export default DownloadCSV;
diff --git a/src/components/AdvanceAnalyticsV2/Header.jsx b/src/components/AdvanceAnalyticsV2/Header.jsx
index 5436e24245..c9f5a13264 100644
--- a/src/components/AdvanceAnalyticsV2/Header.jsx
+++ b/src/components/AdvanceAnalyticsV2/Header.jsx
@@ -1,20 +1,50 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import DownloadCSV from './DownloadCSV';
 
-const Header = ({ title, subtitle }) => (
-  <div className="analytics-header">
-    <h2 className="analytics-header-title">{title}</h2>
-    {subtitle && <p className="analytics-header-subtitle">{subtitle}</p>}
+const Header = ({
+  title, subtitle, startDate, endDate, isDownloadCSV, activeTab, granularity, calculation, chartType, enterpriseId,
+}) => (
+  <div className="analytics-header d-flex justify-content-between row">
+    <div className="col-8">
+      <h2 className="analytics-header-title">{title}</h2>
+      {subtitle && <p className="analytics-header-subtitle">{subtitle}</p>}
+    </div>
+    {isDownloadCSV && (
+    <div className="col-3 mr-0">
+      <DownloadCSV
+        enterpriseId={enterpriseId}
+        startDate={startDate}
+        endDate={endDate}
+        activeTab={activeTab}
+        granularity={granularity}
+        calculation={calculation}
+        chartType={chartType}
+      />
+    </div>
+    )}
   </div>
 );
 
 Header.defaultProps = {
   subtitle: undefined,
+  isDownloadCSV: false,
+  granularity: 'Daily',
+  calculation: 'Total',
+  chartType: '',
 };
 
 Header.propTypes = {
   title: PropTypes.string.isRequired,
   subtitle: PropTypes.string,
+  isDownloadCSV: PropTypes.bool,
+  startDate: PropTypes.string.isRequired,
+  endDate: PropTypes.string.isRequired,
+  activeTab: PropTypes.string.isRequired,
+  enterpriseId: PropTypes.string.isRequired,
+  chartType: PropTypes.string,
+  granularity: PropTypes.string,
+  calculation: PropTypes.string,
 };
 
 export default Header;
diff --git a/src/components/AdvanceAnalyticsV2/data/constants.js b/src/components/AdvanceAnalyticsV2/data/constants.js
new file mode 100644
index 0000000000..1e591db955
--- /dev/null
+++ b/src/components/AdvanceAnalyticsV2/data/constants.js
@@ -0,0 +1,35 @@
+export const advancedAnalyticsV2QueryKeys = {
+  chartCSV: (enterpriseId, chartName) => [...advancedAnalyticsV2QueryKeys.all, 'chartCSV', enterpriseId, chartName],
+};
+
+export const CHART_TYPES = {
+  // Charts types for Skills tab
+  BUBBLE: 'bubble',
+  TOP_SKILLS_ENROLLMENT: 'top_skills_enrollment',
+  TOP_SKILLS_COMPLETION: 'top_skills_completion',
+
+  // Charts types for Completions tab
+  COMPLETIONS_OVER_TIME: 'completions_over_time',
+  TOP_COURSES_BY_COMPLETIONS: 'top_courses_by_completions',
+  TOP_SUBJECTS_BY_COMPLETIONS: 'top_subjects_by_completions',
+
+  // Charts types for Enrollments tab
+  ENROLLMENTS_OVER_TIME: 'enrollments_over_time',
+  TOP_COURSES_BY_ENROLLMENTS: 'top_courses_by_enrollments',
+  TOP_SUBJECTS_BY_ENROLLMENTS: 'top_subjects_by_enrollments',
+  INDIVIDUAL_ENROLLMENTS: 'individual_enrollments',
+
+  // Charts types for Engagements tab
+  ENGAGEMENTS_OVER_TIME: 'engagements_over_time',
+  TOP_COURSES_BY_ENGAGEMENTS: 'top_courses_by_engagements',
+  TOP_SUBJECTS_BY_ENGAGEMENTS: 'top_subjects_by_engagements',
+  INDIVIDUAL_ENGAGEMENTS: 'individual_engagements',
+};
+
+export const ANALYTICS_TABS = {
+  SKILLS: 'skills',
+  COMPLETIONS: 'completions',
+  ENROLLMENTS: 'enrollments',
+  LEADERBOARD: 'leaderboard',
+  ENGAGEMENTS: 'engagements',
+};
diff --git a/src/components/AdvanceAnalyticsV2/data/utils.js b/src/components/AdvanceAnalyticsV2/data/utils.js
new file mode 100644
index 0000000000..d7bfb0250d
--- /dev/null
+++ b/src/components/AdvanceAnalyticsV2/data/utils.js
@@ -0,0 +1,10 @@
+import { CHART_TYPES } from './constants';
+
+const simulateURL = (activeTab, chartType) => {
+  if (!Object.values(CHART_TYPES).includes(chartType)) {
+    return activeTab;
+  }
+  return `${activeTab}/stats`;
+};
+
+export default simulateURL;
diff --git a/src/components/AdvanceAnalyticsV2/tabs/Completions.jsx b/src/components/AdvanceAnalyticsV2/tabs/Completions.jsx
index d672e0e103..4d68d74a58 100644
--- a/src/components/AdvanceAnalyticsV2/tabs/Completions.jsx
+++ b/src/components/AdvanceAnalyticsV2/tabs/Completions.jsx
@@ -1,9 +1,13 @@
 import React from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
+import PropTypes from 'prop-types';
 import EmptyChart from '../charts/EmptyChart';
 import Header from '../Header';
+import { ANALYTICS_TABS, CHART_TYPES } from '../data/constants';
 
-const Completions = () => {
+const Completions = ({
+  startDate, endDate, granularity, calculation, enterpriseId,
+}) => {
   const intl = useIntl();
 
   return (
@@ -20,6 +24,14 @@ const Completions = () => {
             defaultMessage: 'See the course completions that result in a passing grade over time.',
             description: 'Subtitle for the completions over time chart.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          activeTab={ANALYTICS_TABS.COMPLETIONS}
+          granularity={granularity}
+          calculation={calculation}
+          chartType={CHART_TYPES.COMPLETIONS_OVER_TIME}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -35,6 +47,14 @@ const Completions = () => {
             defaultMessage: 'See the courses in which your learners are most often achieving a passing grade.',
             description: 'Subtitle for the top 10 courses by completions chart.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          activeTab={ANALYTICS_TABS.COMPLETIONS}
+          granularity={granularity}
+          calculation={calculation}
+          chartType={CHART_TYPES.TOP_COURSES_BY_COMPLETIONS}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -50,6 +70,14 @@ const Completions = () => {
             defaultMessage: 'See the subjects your learners are most often achieving a passing grade.',
             description: 'Subtitle for the top 10 subjects by completion chart.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          activeTab={ANALYTICS_TABS.COMPLETIONS}
+          granularity={granularity}
+          calculation={calculation}
+          chartType={CHART_TYPES.TOP_SUBJECTS_BY_COMPLETIONS}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -65,11 +93,24 @@ const Completions = () => {
             defaultMessage: 'See the individual completions from your organization.',
             description: 'Subtitle for the individual completions datatable.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          activeTab={ANALYTICS_TABS.COMPLETIONS}
+          granularity={granularity}
+          calculation={calculation}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
     </div>
   );
 };
-
+Completions.propTypes = {
+  enterpriseId: PropTypes.string.isRequired,
+  startDate: PropTypes.string.isRequired,
+  endDate: PropTypes.string.isRequired,
+  granularity: PropTypes.string.isRequired,
+  calculation: PropTypes.string.isRequired,
+};
 export default Completions;
diff --git a/src/components/AdvanceAnalyticsV2/tabs/Engagements.jsx b/src/components/AdvanceAnalyticsV2/tabs/Engagements.jsx
index aa8c5d175f..13988f06c4 100644
--- a/src/components/AdvanceAnalyticsV2/tabs/Engagements.jsx
+++ b/src/components/AdvanceAnalyticsV2/tabs/Engagements.jsx
@@ -1,9 +1,11 @@
 import React from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
+import PropTypes from 'prop-types';
 import EmptyChart from '../charts/EmptyChart';
 import Header from '../Header';
+import { ANALYTICS_TABS, CHART_TYPES } from '../data/constants';
 
-const Engagements = () => {
+const Engagements = ({ startDate, endDate, enterpriseId }) => {
   const intl = useIntl();
 
   return (
@@ -20,6 +22,12 @@ const Engagements = () => {
             defaultMessage: 'See audit and certificate track hours of learning over time.',
             description: 'Subtitle for the learning hours over time chart.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          activeTab={ANALYTICS_TABS.ENGAGEMENTS}
+          chartType={CHART_TYPES.ENGAGEMENTS_OVER_TIME}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -35,6 +43,12 @@ const Engagements = () => {
             defaultMessage: 'See the courses in which your learners spend the most time.',
             description: 'Subtitle for the top 10 courses by learning hours chart.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          activeTab={ANALYTICS_TABS.ENGAGEMENTS}
+          chartType={CHART_TYPES.TOP_COURSES_BY_ENGAGEMENTS}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -50,6 +64,12 @@ const Engagements = () => {
             defaultMessage: 'See the subjects your learners are spending the most time in.',
             description: 'Subtitle for the top 10 subjects by learning hours chart.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          activeTab={ANALYTICS_TABS.ENGAGEMENTS}
+          chartType={CHART_TYPES.TOP_SUBJECTS_BY_ENGAGEMENTS}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -65,6 +85,11 @@ const Engagements = () => {
             defaultMessage: 'See the engagement levels of learners from your organization.',
             description: 'Subtitle for the individual engagements datatable.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          activeTab={ANALYTICS_TABS.ENGAGEMENTS}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -72,4 +97,9 @@ const Engagements = () => {
   );
 };
 
+Engagements.propTypes = {
+  startDate: PropTypes.string.isRequired,
+  endDate: PropTypes.string.isRequired,
+  enterpriseId: PropTypes.string.isRequired,
+};
 export default Engagements;
diff --git a/src/components/AdvanceAnalyticsV2/tabs/Enrollments.jsx b/src/components/AdvanceAnalyticsV2/tabs/Enrollments.jsx
index e1c377e7cf..36f41b0319 100644
--- a/src/components/AdvanceAnalyticsV2/tabs/Enrollments.jsx
+++ b/src/components/AdvanceAnalyticsV2/tabs/Enrollments.jsx
@@ -1,9 +1,13 @@
 import React from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
+import PropTypes from 'prop-types';
 import EmptyChart from '../charts/EmptyChart';
 import Header from '../Header';
+import { ANALYTICS_TABS, CHART_TYPES } from '../data/constants';
 
-const Enrollments = () => {
+const Enrollments = ({
+  startDate, endDate, granularity, calculation, enterpriseId,
+}) => {
   const intl = useIntl();
 
   return (
@@ -20,6 +24,14 @@ const Enrollments = () => {
             defaultMessage: 'See audit and certificate track enrollments over time.',
             description: 'Subtitle for the enrollments over time chart.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          granularity={granularity}
+          calculation={calculation}
+          activeTab={ANALYTICS_TABS.ENROLLMENTS}
+          chartType={CHART_TYPES.ENROLLMENTS_OVER_TIME}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -35,6 +47,14 @@ const Enrollments = () => {
             defaultMessage: 'See the most popular courses at your organization.',
             description: 'Subtitle for the top 10 courses by enrollment chart.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          granularity={granularity}
+          calculation={calculation}
+          activeTab={ANALYTICS_TABS.ENROLLMENTS}
+          chartType={CHART_TYPES.TOP_COURSES_BY_ENROLLMENTS}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -50,6 +70,14 @@ const Enrollments = () => {
             defaultMessage: 'See the most popular subjects at your organization.',
             description: 'Subtitle for the top 10 subjects by enrollment chart.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          granularity={granularity}
+          calculation={calculation}
+          activeTab={ANALYTICS_TABS.ENROLLMENTS}
+          chartType={CHART_TYPES.TOP_SUBJECTS_BY_ENROLLMENTS}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -65,6 +93,13 @@ const Enrollments = () => {
             defaultMessage: 'See the individual enrollments from your organization.',
             description: 'Subtitle for the individual enrollments datatable.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          granularity={granularity}
+          calculation={calculation}
+          activeTab={ANALYTICS_TABS.ENROLLMENTS}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -72,4 +107,12 @@ const Enrollments = () => {
   );
 };
 
+Enrollments.propTypes = {
+  enterpriseId: PropTypes.string.isRequired,
+  startDate: PropTypes.string.isRequired,
+  endDate: PropTypes.string.isRequired,
+  granularity: PropTypes.string.isRequired,
+  calculation: PropTypes.string.isRequired,
+};
+
 export default Enrollments;
diff --git a/src/components/AdvanceAnalyticsV2/tabs/Leaderboard.jsx b/src/components/AdvanceAnalyticsV2/tabs/Leaderboard.jsx
index 940e779631..0eee4b8180 100644
--- a/src/components/AdvanceAnalyticsV2/tabs/Leaderboard.jsx
+++ b/src/components/AdvanceAnalyticsV2/tabs/Leaderboard.jsx
@@ -1,9 +1,11 @@
 import React from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
+import PropTypes from 'prop-types';
 import EmptyChart from '../charts/EmptyChart';
 import Header from '../Header';
+import { ANALYTICS_TABS } from '../data/constants';
 
-const Leaderboard = () => {
+const Leaderboard = ({ startDate, endDate, enterpriseId }) => {
   const intl = useIntl();
 
   return (
@@ -20,6 +22,11 @@ const Leaderboard = () => {
             defaultMessage: 'See the top learners by different measures of engagement. The results are defaulted to sort by learning hours. Download the full CSV below to sort by other metrics.',
             description: 'Subtitle for the leaderboard datatable.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          activeTab={ANALYTICS_TABS.LEADERBOARD}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -27,4 +34,10 @@ const Leaderboard = () => {
   );
 };
 
+Leaderboard.propTypes = {
+  enterpriseId: PropTypes.string.isRequired,
+  startDate: PropTypes.string.isRequired,
+  endDate: PropTypes.string.isRequired,
+};
+
 export default Leaderboard;
diff --git a/src/components/AdvanceAnalyticsV2/tabs/Skills.jsx b/src/components/AdvanceAnalyticsV2/tabs/Skills.jsx
index d7b85ccbb7..19694ca07d 100644
--- a/src/components/AdvanceAnalyticsV2/tabs/Skills.jsx
+++ b/src/components/AdvanceAnalyticsV2/tabs/Skills.jsx
@@ -1,9 +1,11 @@
 import React from 'react';
 import { useIntl } from '@edx/frontend-platform/i18n';
+import PropTypes from 'prop-types';
 import Header from '../Header';
 import EmptyChart from '../charts/EmptyChart';
+import { ANALYTICS_TABS, CHART_TYPES } from '../data/constants';
 
-const Skills = () => {
+const Skills = ({ startDate, endDate, enterpriseId }) => {
   const intl = useIntl();
 
   return (
@@ -20,6 +22,12 @@ const Skills = () => {
             defaultMessage: 'See the top skills that are the most in demand in your organization, based on enrollments and completions.',
             description: 'Subtitle for the top skills chart.',
           })}
+          startDate={startDate}
+          endDate={endDate}
+          activeTab={ANALYTICS_TABS.SKILLS}
+          chartType={CHART_TYPES.BUBBLE}
+          enterpriseId={enterpriseId}
+          isDownloadCSV
         />
         <EmptyChart />
       </div>
@@ -53,4 +61,10 @@ const Skills = () => {
   );
 };
 
+Skills.propTypes = {
+  startDate: PropTypes.string.isRequired,
+  endDate: PropTypes.string.isRequired,
+  enterpriseId: PropTypes.string.isRequired,
+};
+
 export default Skills;
diff --git a/src/components/EnterpriseApp/EnterpriseAppRoutes.jsx b/src/components/EnterpriseApp/EnterpriseAppRoutes.jsx
index e1d5d56c88..12d466c89d 100644
--- a/src/components/EnterpriseApp/EnterpriseAppRoutes.jsx
+++ b/src/components/EnterpriseApp/EnterpriseAppRoutes.jsx
@@ -89,7 +89,7 @@ const EnterpriseAppRoutes = ({
         <Route
           key="analyticsv2"
           path="/"
-          element={<AnalyticsV2Page />}
+          element={<AnalyticsV2Page enterpriseId={enterpriseId} />}
         />
       )}
 
diff --git a/src/data/services/EnterpriseDataApiService.js b/src/data/services/EnterpriseDataApiService.js
index 170254f8e3..b95fb84111 100644
--- a/src/data/services/EnterpriseDataApiService.js
+++ b/src/data/services/EnterpriseDataApiService.js
@@ -12,6 +12,8 @@ class EnterpriseDataApiService {
 
   static enterpriseAdminBaseUrl = `${configuration.DATA_API_BASE_URL}/enterprise/api/v1/admin/`;
 
+  static enterpriseAdminAnalyticsV2BaseUrl = `${configuration.DATA_API_BASE_URL}/enterprise/api/v1/admin/analytics/`;
+
   static getEnterpriseUUID(enterpriseId) {
     const { enableDemoData } = store.getState().portalConfiguration;
     return enableDemoData ? configuration.DEMO_ENTEPRISE_UUID : enterpriseId;
@@ -160,6 +162,11 @@ class EnterpriseDataApiService {
     const url = `${EnterpriseDataApiService.enterpriseBaseUrl}${enterpriseUUID}/${endpoint}/?${queryParams.toString()}`;
     return EnterpriseDataApiService.apiClient().get(url);
   }
+
+  static fetchPlotlyChartsCSV(enterpriseId, chartUrl, options) {
+    const url = `${EnterpriseDataApiService.enterpriseAdminAnalyticsV2BaseUrl}${enterpriseId}/${chartUrl}?${new URLSearchParams(options).toString()}`;
+    return EnterpriseDataApiService.apiClient().get(url);
+  }
 }
 
 export default EnterpriseDataApiService;