[DOCSP-50122] fix: Duplicate titles on charts (#703)

* [DOCSP-50122] fix: Duplicate titles on charts

* add  facet and fix comments

Author: marcodeltorob

source/embedded-dashboard-options.txt

@@ -1,14 +1,18 @@
 .. _embedded-dashboard-options:
 
-==========================
-Embedded Dashboard Options
-==========================
+==================================================
+Embedded Dashboard Appearance and Behavior Options
+==================================================
 
 .. meta::
    :description: Customize the appearance and behavior of embedded dashboards using various options, including JavaScript methods and iframe settings, with configurable refresh and caching behaviors.
 
 .. default-domain:: mongodb
 
+.. facet::
+   :name: genre
+   :values: reference
+
 .. contents:: On this page
    :local:
    :backlinks: none
@@ -65,5 +69,5 @@ when loading or refreshing the dashboard based on the
 .. toctree::
    :titlesonly:
 
-   Dashboard </embedded-dashboards-options/embedded-sdk>
-   iframe </embedded-dashboards-options/iframe>
+   Embedded Dashboard SDK Methods and Options </embedded-dashboards-options/embedded-sdk>
+   Configure Iframe Style and Theme </embedded-dashboards-options/iframe>

source/embedded-dashboards-options/embedded-sdk.txt

@@ -2,19 +2,23 @@
 .. _embed-options-refresh-dashboard:
 .. _embedded-dashboards-sdk-options:
 
-==========================
-Embedded Dashboard Options
-==========================
+==========================================
+Embedded Dashboard SDK Methods and Options
+==========================================
 
 .. default-domain:: mongodb
 
+.. facet::
+   :name: genre
+   :values: reference
+
 .. contents:: On this page
    :local:
    :backlinks: none
    :depth: 2
    :class: singlecol
 
-The Embedding SDK psrovides the JavaScript ``createDashboard()`` 
+The Embedding SDK provides the JavaScript ``createDashboard()`` 
 method for rendering a dashboard within a web page. You can 
 use options to control many aspects of a dashboard (for 
 example, its height and width).
@@ -36,8 +40,8 @@ example, its height and width).
 
 .. _embedded-dashboard-options-table:
 
-Embedded Dashboard Options
---------------------------
+Embedded Dashboard ``createDashboard()`` Options
+------------------------------------------------
 
 .. please keep these alphabetized
 
@@ -168,8 +172,8 @@ configuration of the dashboard by calling methods on the
 ``Dashboard`` instance returned by 
 ``DashboardsEmbedSDK.createDashboard({ ... })``.
 
-Dashboard Configuration
------------------------
+Dashboard Configuration Methods
+-------------------------------
 
 .. please keep these alphabetized
 

source/embedded-dashboards-options/iframe.txt

@@ -1,14 +1,18 @@
 .. _embedded-dashboards-iframe-options:
 
-==============
-Iframe Options
-==============
+================================
+Configure Iframe Style and Theme
+================================
 
 .. meta::
    :description: Configure iframe options for MongoDB dashboards by setting inline styles and query parameters to customize display themes, refresh behavior, and more.
 
 .. default-domain:: mongodb
 
+.. facet::
+   :name: genre
+   :values: reference
+
 .. contents:: On this page
    :local:
    :backlinks: none

source/tutorial/movie-details/create-dashboard.txt

@@ -1,12 +1,16 @@
-======================
-Create a New Dashboard
-======================
+=====================================
+Create a New Movie Insights Dashboard
+=====================================
 
 .. meta::
    :description: In this tutorial create a new dashboard in MongoDB Atlas Charts to visualize insights from the Sample Mflix dataset.
 
 .. default-domain:: mongodb
 
+.. facet::
+   :name: genre
+   :values: tutorial
+
 .. _movie-data-new-dash:
 
 *Estimated Time to Complete: 2 minutes*

source/tutorial/movie-details/movie-details-tutorial-overview.txt

@@ -9,6 +9,10 @@ Visualizing Movie Details
 
 .. default-domain:: mongodb
 
+.. facet::
+   :name: genre
+   :values: reference
+
 .. contents:: On this page
    :local:
    :backlinks: none

source/tutorial/movie-details/prereqs-and-import-data.txt

@@ -1,8 +1,8 @@
 .. _import-data:
 
-====================
-Load the Sample Data
-====================
+==============================
+Load Movie Details Sample Data
+==============================
 
 .. meta::
    :description: Load sample data into your MongoDB Atlas cluster to use in a tutorial, including the `sample_mflix` dataset for movie details.
@@ -170,5 +170,5 @@ Next Steps
 ----------
 
 Now that you have a data source in |charts-short|, you
-can :ref:`Create a New Dashboard <movie-data-new-dash>` which will
+can :ref:`Create a New Movie Insights Dashboard <movie-data-new-dash>` which will
 hold the visualizations.

source/tutorial/order-data/create-new-dashboard.txt

@@ -1,12 +1,18 @@
 .. _order-data-new-dash:
 
-======================
-Create a New Dashboard
-======================
+===========================================
+Create a New Charts Visualization Dashboard
+===========================================
 
 .. meta::
    :description: In this tutorial create a new dashboard in Atlas Charts to organize visualizations like sales and customer analytics.
 
+.. default-domain:: mongodb
+
+.. facet::
+   :name: genre
+   :values: tutorial
+
 *Time to Complete: 3 minutes*
 
 Instructions

source/tutorial/order-data/order-data-tutorial-overview.txt

@@ -62,8 +62,8 @@ To get started, move ahead to the
 .. toctree::
    :titlesonly:
 
-   Load Data </tutorial/order-data/prerequisites-setup>
-   Create a Dashboard </tutorial/order-data/create-new-dashboard>
+   Load Sample Data for Charts Visualizations </tutorial/order-data/prerequisites-setup>
+   Create a New Charts Visualizations Dashboard </tutorial/order-data/create-new-dashboard>
    Create a Column Chart </tutorial/order-data/column-chart-sales-by-store>
    Create a Donut Chart </tutorial/order-data/donut-chart-item-tags>
    Group Column Chart </tutorial/order-data/grouped-column-items-sold>

source/tutorial/order-data/prerequisites-setup.txt

@@ -1,8 +1,8 @@
 .. _order-data-prerequisites-setup:
 
-====================
-Load the Sample Data
-====================
+==========================================
+Load Sample Data for Charts Visualizations
+==========================================
 
 .. meta::
    :description: Load sample data into your Atlas cluster to prepare for creating visualizations with Charts.
@@ -40,5 +40,5 @@ Next Steps
 ----------
 
 Now that you have loaded the sample data, you
-can :ref:`Create a New Dashboard <order-data-new-dash>` which will
+can :ref:`Create a New Charts Visualizations Dashboard <order-data-new-dash>` which will
 use this data source to create visualizations.