=========== DashPro =========== .. figure:: images/DashPro_NameUpdate.png :class: with-shadow :scale: 90 *DashPro* DashPro enhances the visual analytics experience by empowering users to craft dynamic dashboards for their projects. This feature allows for the seamless creation and customization of graphical charts, to modify and interact with data in multiple ways. ------------------------- Tab Renaming and Addition ------------------------- .. figure:: images/Tabcreation.png :class: with-shadow :scale: 90 *Tab Renaming and Addition* **A:** By default, the tab is created with the name "Tab1". Tab(s) can be renamed by double-clicking on the title and then hitting the "Enter" key to confirm the change. **B:** Remove or Delete tab(s) if required. **C:** To create subsequent tabs. .. figure:: images/composedash.png :class: with-shadow :scale: 90 *Compose Dashboard* **A and B:** To initiate a new chart, utilize the 'Add Widget' function. This function is typically found either at the center of the dashboard or in the top right corner within the dashboard options specifically designated for widget creation. ------------------------ Widget Types and Graphs ------------------------ Clicking on "Add Widget" navigates to all the available charts (Widgets). .. figure:: images/chartwidgets.png :class: with-shadow :scale: 100 *Chart Gallery* DashPro facilitates the seamless selection of the most suitable chart or graph type for the dataset. `Table `_ `Pivot `_ `Bar `_ `Stacked Bar `_ `Grouped Bar `_ `Column `_ `Stacked Column `_ `Grouped Column `_ `Pie `_ `Donut `_ `Semi Circle `_ `Sun burst `_ `Water Fall `_ `Network `_ `Line `_ `Area `_ `Gantt `_ `Scatter `_ `Dumbbell Plot `_ `Treemap `_ `Heat Map Legend `_ `Grouped and Sorted `_ `Multiple Axis `_ `Radar Line `_ `Zoomable Bubble `_ `Time Line `_ `Population Pyramid `_ `Box Plot `_ `Text `_ `Bar with Line/Scatter `_ `Layered Column `_ `Bullet `_ `Circos `_ `Candle Stick `_ `Map with Bubble `_ `Word Cloud `_ `Summary `_ `Card `_ `KPI_Card `_ `Custom Pivot `_ `Sparkline `_ Graphs typically comprise key elements such as Axes, Axis Title, Chart Title, and Chart Format, essential for creative editing in visual representations. Table ======== The Table is ideal for presenting tabular data within a grid up to 100 rows. .. figure:: images/dashpro.table.png :class: with-shadow :scale: 50 *Table* **Table Columns:** Vertical divisions in a table structure. Each column is designated for a specific category of information, indicated by a heading. Enable the "Select All" feature to choose all available columns as needed otherwise choose the necessary columns individually based on your requirements. .. figure:: images/tablecol.png :class: with-shadow :scale: 60 *Table Columns* Chart Title ------------- **Background Color:** Defines the color behind the chart area. **Font color:** Sets the color of the text in the chart. **Font Family:** Selects the preferred style of text for the chart's elements. Choose the font family from the dropdown menu (e.g., **Narkism**, **Calibri**). **Font Size:** Adjusts the size of the text in the chart. Choose the preferred background color, font color, font family, and font size for a personalized touch. .. note:: The default font family is Verdana. | .. figure:: images/ct.png :class: with-shadow :scale: 60 *Chart Title* Table Format ----------------- **Table Theme:** Choose a pre-defined theme from the dropdown menu to modify the table's aesthetic. **Font Family:** Choose your preferred font style for the chart's elements and select the font family for the text within the table from a dropdown menu e.g., Narkism, Calibri. **Header Color:** Set the color for the chart header by customizing it from the dropdown menu. **Body Font Size:** Determine the text size for the body content in the chart by selecting the font size from 8 to 60. **Highlight Negatives:** Highlight negative values in the chart by enabling the 'highlight negatives' feature if necessary. **Alignment:** Adjust the positioning of text or elements within the table by choosing alignment options: left, center, and right. **Row Total:** Calculate and display the sum of row values. Enable if necessary. **Column Total:** Calculate and display the sum of column values. Enable if necessary. **Pin Row Total:** Position row totals on the right side of the table. Enable based on your preferences. **Pin Column Total:** Position column totals at the bottom of the table. Enable based on your preferences. **Highlight Row Total:** Enhance visibility of row totals in the table. Customize the color based on your preferences. **Highlight Column Total:** Enhance visibility of column totals in the table. Customize the color based on your preferences. **Separator:** Select a symbol for distinguishing thousands or decimals in numerical values. Choose according to your preferences (e.g., ###,###,### or ##,##,##,###). **Roundoff Value:** Determine how numerical values are rounded in the table. Choose a roundoff value within the range of 0 to 5. **Odd/Even Colors:** Alternate background colors for rows in the table. Enable based on your preferences. **Header Font Size:** Set the size of the text for headers in the table. Select the header font size from 8 to 60. **Wrap Headers:** Adjust the text layout automatically for headers. Enable based on your preferences. **Border:** Define the outlining of cells or elements in the table. Choose the border style from available options. .. note:: The default **Font Family** is **Verdana**. The default **Body Font Size** is **14**. The default **Header Font Size** is **16**. | .. figure:: images/tableformat.png :class: with-shadow :scale: 60 *Table Format* Pivot ======= Pivot table grant to create a substantial view ith data summarized in a grid, both in horizontal and vertical columns. .. figure:: images/Pivot.png :class: with-shadow :scale: 90 *Pivot* Chart Title -------------- To learn more: `Chart Title `_ Table Format -------------- **Table Theme:** Choose a pre-defined theme from the dropdown menu to modify the table's aesthetic. **Font Family:** Choose your preferred font style for the chart's elements and select the font family for the text within the table from a dropdown menu e.g., Narkism, Calibri. **Header Color:** Set the color for the chart header by customizing it from the dropdown menu. **Hide Aggregation on Header:** Enable the toggle to hide the aggregation located at the top of the header if needed. **Pannel Font Size:** Refers to the text size within a visual panel. **Highlight Negatives:** Highlight negative values in the chart by enabling the 'highlight negatives' feature if necessary. **Alignment:** Adjust the positioning of text or elements within the table by choosing alignment options: left, center, and right. **Row Total:** Calculate and display the sum of row values. Enable if necessary. **Column Total:** Calculate and display the sum of column values. Enable if necessary. **Grand Total:** Calculates the sum of all values in a table. Enable this feature based on your preferences. **Valuewise Total:** Performs aggregation based on the selected variables under the columns section in a table. Enable this feature based on your preferences. **Highlight Column Total:** Highlights the sum of column total. Enable this feature and customize the color according to your preferences. **Highlight Valuewise Total:** Highlights the sum of individual values in a table. Customize the color based on your preferences.. **Highlight Grand Total:** Highlights the sum of all values in a table. Customize the color based on your preferences. **Expand Row Groups:** Allows expansion of grouped rows in the table. Enable this feature based on your preferences. **Expand Column Groups:** Allows expansion of grouped columns in the table. Enable this feature based on your preferences. **Collapse Row Groups:** Hides the expanded rows in a table. Enable this feature based on your preferences. **Collapse Column Groups:** Hides the expanded columns in a table. Enable this feature based on your preferences. **Separator:** Select a symbol for distinguishing thousands or decimals in numerical values. Choose according to your preferences (e.g., ###,###,### or ##,##,##,###). **Roundoff Value:** Determine how numerical values are rounded in the table. Choose a roundoff value within the range of 0 to 5. **Odd/Even Colors:** Alternate background colors for rows in the table. Enable based on your preferences. **Header Font Size:** Set the size of the text for headers in the table. Select the header font size from 8 to 60. **Wrap Headers:** Adjust the text layout for headers automatically. Enable based on your preferences. **Border:** Define the outlining of cells or elements in the table. Choose the border style from available options. **Body Font Size:** Determine the text size for the body content in the chart by selecting the font size from 8 to 60. .. figure:: images/pivottableformat.png :class: with-shadow :scale: 60 .. figure:: images/pivot1.png :class: with-shadow :scale: 60 *Pivot Table Format* Bar ====== A bar chart plots numeric values for levels of a categorical feature as bars. Levels are plotted on one chart axis, and values are plotted on the other axis. Each categorical value claims one bar, and the length of each bar corresponds to the bar’s value. Bars are plotted on a common baseline to allow for easy comparison of values. .. figure:: images/Bar.png :class: with-shadow :scale: 90 *Bar* Axes ----- Select X and Y axis from the dropdown menu. .. figure:: images/baraxes.png :class: with-shadow :scale: 60 *Bar Axes* **Show Result:** Toggle through the "Show Result" dropdown: select "All" for a panoramic view or "Limit" for precision. Option for 'Top' to focus on heights or 'Bottom' for depths to tailor your data revelation. .. figure:: images/showresult.png :class: with-shadow :scale: 60 **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. .. figure:: images/agg.png :class: with-shadow :scale: 60 Axis Title --------------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. figure:: images/baraxis.png :class: with-shadow :scale: 60 *Bar Axis Title* Usage ----- To customize your chart, input titles, choose fonts, adjust sizes, and set rotations according to the data presentation needs. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. Ensure that the provided data is consistent with the chosen customization options for optimal chart visualization. Chart Title -------------- To learn more: `Chart Title `_ Chart Format ----------------- Chart Styling --------------- Applies a diverse set of styles to elements in charts. **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. .. figure:: images/barcs.png :class: with-shadow :scale: 60 *Bar Chart Style* Data Labels -------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. .. figure:: images/bardl.png :class: with-shadow :scale: 60 *Bar Data Labels* Others ---------- **Stats line:** Represents a statistical line overlaid on the chart, offering insights into data trends. Select Stats line from the available options such as Q1, Q3, Mean, Median, Standard Deviation, Min, Max and Custom. **Stats line Position:** Sets the placement of the statistical line relative to data points on the chart. Select the position of the statistics line on the chart from the available option Behind (Behind the chart) and Above (Above the chart). **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Stats line Roundoff Value:** Determines Choose a roundoff value to determine how numerical values are rounded in the chart. Select from the 0 to 5. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/barothers.png :class: with-shadow :scale: 60 *Bar Others* Stacked Bar ============= A stacked bar graph is a chart that uses bars to show comparisons between categories of data. Each bar in the chart represents a whole, and segments in the bar represent categories of that whole. this graph consists of multiple bar series stacked horizontally one after another. The length of each series is determined by the value in each data point. .. figure:: images/SB.png :class: with-shadow :scale: 90 *Stacked Bar* Axes ------- Select X and Y axis from the dropdown menu. **Color:** Assign distinct colors to each category to represent data uniquely within the chart. **Show Result Dropdown:** Toggle through the "Show Result" dropdown: select "All" for a panoramic view or "Limit" for precision. Option for 'Top' to focus on heights or 'Bottom' for depths to tailor your data revelation. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. .. figure:: images/stackedbaraxes.png :class: with-shadow :scale: 60 *Stacked Bar Axes* Axis Title ----------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 60 *Stacked Bar Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ---------------- Chart Styling ---------------- Applies a diverse set of styles to elements in charts. **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. .. figure:: images/barcs.png :class: with-shadow :scale: 60 *Stacked Bar Chart Style* Date Labels -------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **100% Scale:** Represents each bar as a percentage of the total. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. **Stack Total:** Refers to the sum of values in a stacked chart, displaying the cumulative total for each category or data series at a given point. Enable based on your preferences. **Total Fontsize:** Specifically denotes the font size applied to the stack total values in the chart. **Total Seperator:** Choose the symbol used to separate thousands or decimals in the stack total values displayed in the chart, according to your preference. **Total Roundoff Value:** Determines how numerical values for the stack total are rounded in the chart. Choose a roundoff value within the range of 0 to 5. **Total Rotation:** Adjust the rotation angle for the display of total values in the stack. **Total BigNumber Suffix:** Allows appending a suffix to large total stack numbers. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. .. figure:: images/sbdl.png :class: with-shadow :scale: 60 *Stacked Bar Data Labels* Legend -------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 60 *Stacked Bar Legend* Others --------- **Stats line:** Represents a statistical line overlaid on the chart, offering insights into data trends. Select Stats line from the available options such as Q1, Q3, Mean, Median, Standard Deviation, Min, Max, Custom. **Stats line Position:** Sets the placement of the statistical line relative to data points on the chart. Select the position of the statistics line on the chart from the available option Behind (Behind the chart) and Above (Above the chart). **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Stats line Roundoff Value:** Choose a roundoff value to determine how numerical values are rounded in the chart. Select from the 0 to 5. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/barothers.png :class: with-shadow :scale: 60 *Stacked Bar Others* Grouped Bar ============ A Grouped Bar chart compares values across subcategories within each main category using bars differentiated by colors for easy comparisons. .. figure:: images/groupedbar.png :class: with-shadow :scale: 90 *Grouped Bar* Axes ------- Select X and Y axis from the dropdown menu. .. figure:: images/gbaxes.png :class: with-shadow :scale: 60 *Grouped Bar Axes* Axis Title ------------ Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 60 *Grouped Bar Axis* Chart Title -------------- To learn more: `Chart Title `_ Chart Format --------------- Chart Styling ----------------- Applies a diverse set of styles to elements in charts. **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. .. figure:: images/barcs.png :class: with-shadow :scale: 60 *Grouped Bar Chart Style* Data Labels -------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. .. figure:: images/bardl.png :class: with-shadow :scale: 60 *Grouped Bar Data Labels* Others --------- **Stats line:** Represents a statistical line overlaid on the chart, offering insights into data trends. Select Stats line from the available options such as Q1, Q3, Mean, Median, Standard Deviation, Min, Max and Custom. **Stats line Position:** Sets the placement of the statistical line relative to data points on the chart. Select the position of the statistics line on the chart from the available option Behind (Behind the chart) and Above (Above the chart). **Statsline Color:** Customize the color of the statistical line overlaid on the chart. **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Stats line Roundoff Value:** Choose a roundoff value to determine how numerical values are rounded in the chart. Select from the 0 to 5. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/gbothers.png :class: with-shadow :scale: 60 *Grouped Bar Others* Column ======== Column chart is one of the most common and, arguably, the easiest to read chart types when it comes to visualizing category-based values. Rectangular bars are placed along the category axis with bar length representing the value for a specific category. .. figure:: images/Column.png :class: with-shadow :scale: 90 *Column* Axes ------ Select X and Y axis from the dropdown menu. **Show Result Dropdown:** Toggle through the "Show Result" dropdown: select "All" for a panoramic view or "Limit" for precision. Option for 'Top' to focus on heights or 'Bottom' for depths to tailor your data revelation. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. .. figure:: images/baraxes.png :class: with-shadow :scale: 60 *Column Axes* Axis Title --------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 60 *Column Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ----------- Chart Styling ---------------- Applies a diverse set of styles to elements in charts. **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **X-label Position:** Determines the alignment of labels along the X-axis in a chart. Define the position of the X-label such as Center, Left, Right. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. **Grid-Distance:** Defines the spacing between gridlines on a chart. Choose the desired grid distance. Data Labels --------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. .. figure:: images/bardl.png :class: with-shadow :scale: 60 *Column Data Labels* Others --------- **Stats line:** Represents a statistical line overlaid on the chart, offering insights into data trends. Select Stats line from the available options such as Q1, Q3, Mean, Median, Standard Deviation, Min, Max and Custom. **Stats line Position:** Sets the placement of the statistical line relative to data points on the chart. Select the position of the statistics line on the chart from the available option Behind (Behind the chart) and Above (Above the chart). **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Stats line Roundoff Value:** Choose a roundoff value to determine how numerical values are rounded in the chart. Select from the 0 to 5. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/barothers.png :class: with-shadow :scale: 60 *Column Others* Stacked Column =============== Stacked column chart comprises several column series stacked vertically, one on another. The length of each series is determined by the value in each data point. .. figure:: images/SC.png :class: with-shadow :scale: 60 *Stacked Column* Axes -------- Select X and Y axis from the dropdown menu. **Color:** Assign distinct colors to each category to represent data uniquely within the chart. **Show Result Dropdown:** Toggle through the "Show Result" dropdown: select "All" for a panoramic view or "Limit" for precision. Option for 'Top' to focus on heights or 'Bottom' for depths to tailor your data revelation. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. .. figure:: images/stackedbaraxes.png :class: with-shadow :scale: 60 *Stacked Column Axes* Axis Title ------------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 60 *Stacked Column Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Data Labels ------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **100% Scale:** Represents each bar as a percentage of the total. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. **Stack Total:** Refers to the sum of values in a stacked chart, displaying the cumulative total for each category or data series at a given point. Enable based on your preferences. **Total Fontsize:** Specifically denotes the font size applied to the stack total values in the chart. **Total Seperator:** Choose the symbol used to separate thousands or decimals in the stack total values displayed in the chart, according to your preference. **Total Roundoff Value:** Determines how numerical values for the stack total are rounded in the chart. Choose a roundoff value within the range of 0 to 5. **Total Rotation:** Adjust the rotation angle for the display of total values in the stack. **Total BigNumber Suffix:** Allows appending a suffix to large total stack numbers. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. .. figure:: images/sbdl.png :class: with-shadow :scale: 65 *Stacked Column Data Labels* Legend -------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Stacked Column Legend* Others ------- **Stats line:** Represents a statistical line overlaid on the chart, offering insights into data trends. Select Stats line from the available options such as Q1, Q3, Mean, Median, Standard Deviation, Min, Max and Custom. **Stats line Position:** Sets the placement of the statistical line relative to data points on the chart. Select the position of the statistics line on the chart from the available option Behind (Behind the chart) and Above (Above the chart). **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Stats line Roundoff Value:** Choose a roundoff value to determine how numerical values are rounded in the chart. Select from the 0 to 5. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/barothers.png :class: with-shadow :scale: 65 *Stacked Column Others* Grouped column ================ A Grouped Column chart displays vertical columns for different categories, facilitating easy value comparison. .. figure:: images/groupedcolumn.png :class: with-shadow :scale: 90 *Grouped Column* Axes ------- Select X and Y axis from the dropdown menu. .. figure:: images/gcaxes.png :class: with-shadow :scale: 60 *Grouped Column Axes* Axis Title ------------ Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 60 *Grouped Column Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ------------ Chart Styling -------------- Applies a diverse set of styles to elements in charts. **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **X-label Position:** Determines the alignment of labels along the X-axis in a chart. Define the position of the X-label such as Center, Left, Right. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. **Grid-Distance:** Defines the spacing between gridlines on a chart. Choose the desired grid distance. Data Labels ------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. .. figure:: images/bardl.png :class: with-shadow :scale: 65 *Grouped Column Data Labels* Legend -------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Grouped Column Legend* Others --------- **Stats line:** Represents a statistical line overlaid on the chart, offering insights into data trends. Select Stats line from the available options such as Q1, Q3, Mean, Median, Standard Deviation, Min, Max and Custom. **Stats line Position:** Sets the placement of the statistical line relative to data points on the chart. Select the position of the statistics line on the chart from the available option Behind (Behind the chart) and Above (Above the chart). **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Stats line Roundoff Value:** Choose a roundoff value to determine how numerical values are rounded in the chart. Select from the 0 to 5. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/barothers.png :class: with-shadow :scale: 65 *Grouped Column Others* Pie ===== A Pie chart visually represents data proportions within a circular frame, making it effective for showcasing data collections. .. figure:: images/Pie.png :class: with-shadow :scale: 90 *Pie* Axes ------- Select X and Y axis from the dropdown menu. Choose the aggregation based on your preferences. .. figure:: images/pieaxes.png :class: with-shadow :scale: 60 *Pie Axes* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ------------ Chart Styling ----------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. .. figure:: images/piecs.png :class: with-shadow :scale: 65 *Pie Chart Style* Data Labels ------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. .. figure:: images/piedl.png :class: with-shadow :scale: 65 *Pie Data Labels* Legend --------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Pie Legend* Others -------- **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/pieothers.png :class: with-shadow :scale: 65 *Pie Others* Donut ======= A Donut chart is a circular statistical graphic that represents data in a ring shape, illustrating the percentage distribution of categories within a whole. .. figure:: images/Donut.png :class: with-shadow :scale: 90 *Donut* Axes ------- Select X and Y axis from the dropdown menu. Choose the aggregation based on your preferences. .. figure:: images/pieaxes.png :class: with-shadow :scale: 60 *Donut Axes* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ----------- Chart Styling ---------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **Inner Radius:** Represents the distance from the center to the inner edge of the chart. Select the inner radius from 8 to 60. .. note:: The default inner radius is 50. | .. figure:: images/donutcs.png :class: with-shadow :scale: 65 *Donut Chart Style* Data Labels ---------------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. .. figure:: images/piedl.png :class: with-shadow :scale: 65 *Donut Data Labels* Legend --------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Donut Legend* Others -------- **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/pieothers.png :class: with-shadow :scale: 65 *Donut Others* Semi Circle ============= A semicircle is half of a circle, typically described as a two-dimensional geometric shape resembling half of the circumference of a circle, commonly used to show proportions or distributions. .. figure:: images/semicircle.png :class: with-shadow :scale: 40 *Semi Circle* Axes -------- Select X and Y axis from the dropdown menu. Choose the aggregation based on your preferences. .. figure:: images/pieaxes.png :class: with-shadow :scale: 60 *Semi Circle Axes* Chart Title -------------- To learn more: `Chart Title `_ Chart Format -------------- Chart Styling --------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **Inner Radius:** Represents the distance from the center to the inner edge of the chart. Select the inner radius from 8 to 60. .. note:: The default inner radius is 50. | .. figure:: images/donutcs.png :class: with-shadow :scale: 65 *Semi Circle Chart Style* Data Labels ---------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. .. figure:: images/piedl.png :class: with-shadow :scale: 65 *Semi Circle Data Labels* Legend --------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Semi Circle Legend* Others --------- **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/pieothers.png :class: with-shadow :scale: 65 *Semi Circle Others* Sun burst =========== A Sun burst chart effectively illustrates hierarchical data, utilizing concentric rings to represent different levels and segments to signify categories or subcategories. .. figure:: images/sunburst.png :class: with-shadow :scale: 90 *Sun burst* Axes ------ **Categories:** Select categorical columns less than or equal to 5. **Series:** Select numerical column based on your preference. .. figure:: images/sunaxes.png :class: with-shadow :scale: 65 *Sun burst Axes* Chart Title -------------- To learn more: `Chart Title `_ Chart Format -------------- Chart Styling ----------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. .. figure:: images/suncs.png :class: with-shadow :scale: 65 *Sun burst Chart Style* Legend --------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Sun burst Legend* Others ---------- **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/pieothers.png :class: with-shadow :scale: 65 *Sun burst Others* Water Fall ================= A Water Fall chart visually illustrates the cumulative impact of sequentially changing values, providing a clear depiction of the overall progression. .. figure:: images/waterfall.png :class: with-shadow :scale: 90 *Water Fall* Axes -------- Select X and Y axis from the dropdown menu. Axis Title ------------ Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. .. figure:: images/wateraxis.png :class: with-shadow :scale: 60 *Water Fall Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ------------------ Chart Styling ---------------- Applies a diverse set of styles to elements in charts. **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. .. figure:: images/barcs.png :class: with-shadow :scale: 65 *Water Fall Chart Style* Data Labels ------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Value Rotation** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. Others --------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Network ========== A Network chart visualizes relationships between entities (nodes) through connecting lines (edges). Useful for illustrating complex networks and dependencies in data. .. figure:: images/Network.png :class: with-shadow :scale: 90 *Network* Axes ------- **Categories:** Select categorical columns less than or equal to 5. **Series:** Select numerical column based on your preferences. .. figure:: images/sunaxes.png :class: with-shadow :scale: 65 *Network Axes* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ------------- Chart Styling ----------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. .. figure:: images/piecs.png :class: with-shadow :scale: 65 *Network Chart Style* Data Labels -------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. Legend ---------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Network Legend* Others --------- **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/pieothers.png :class: with-shadow :scale: 65 *Network Others* Line ======= The Line graph displays a series of data points connected by straight line segments. .. figure:: images/dashpro.line.png :class: with-shadow :scale: 50 *Line* Axes ------- Select X and Y axis from the dropdown menu. **Show Result:** Toggle through the "Show Result" dropdown: select "All" for a panoramic view or "Limit" for precision. Option for 'Top' to focus on heights or 'Bottom' for depths to tailor your data revelation. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. Axis Title ------------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Line Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ---------------- Chart Styling ---------------- **Chart Theme:** Select a predefined theme to alter the chart's aesthetic. Choose from the dropdown. **Stroke Width:** Refers to the thickness or width of a line or border in a chart. Choose the width within the range of 1 to 4. **Line Style:** Defines how the connecting line in a chart appears. Choose the line style such as Solid, Dotted, Dashed, Dotted& dashed. **X-scroll:** Enables horizontal scrolling in a chart for navigating X-axis data points. Enable if required. **Y-scroll:** Enables vertical scrolling in a chart for navigating Y-axis data points. Enable if required. **Enable Grid:** The grid option to include lines on the chart if needed. **Grid-Distance:** Defines the spacing between gridlines on a chart.Choose the desired grid distance. Data Labels -------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Ignore Zeros:** Excludes zero values from being displayed in the chart. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. .. figure:: images/bardl.png :class: with-shadow :scale: 65 *Line Data Labels* Legend ---------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Line Legend* % Deviation -------------- Indicates the percentage variance for the selected columns in the Y-Axis when Date variable are applied to the X-Axis. **Value Font Size:** Refers to the specified text size for numerical or data values. **Label Font Size:** Pertains to the specified text size for descriptive labels. **Percentage Font Size:** Select font size preferences to customize the display of percentage values on the chart. **Deviation Font Family:** Choose the font family to specify the font style for deviation. **Deviation Alignment:** Choose alignment such as Left, Center and Right to determine the alignment of deviation values relative to their corresponding data points. **Overlap:** Enabling overlap will overlap the deviation within the grid. **Order:** Determines the arrangement sequence of data point. .. note:: % Deviation is applicable for Line, Area, and Multiple Axis chart. Others --------- **Stats line:** Represents a statistical line overlaid on the chart, offering insights into data trends. Select Stats line from the available options such as Q1, Q3, Mean, Median, Standard Deviation, Min, Max and Custom. **Stats line Position:** Sets the placement of the statistical line relative to data points on the chart. Select the position of the statistics line on the chart from the available option Behind (Behind the chart) and Above (Above the chart). **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Stats line Roundoff Value:** Choose a roundoff value to determine how numerical values are rounded in the chart. Select from the 0 to 5. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/barothers.png :class: with-shadow :scale: 65 *Line Others* Area ======= An Area chart is a variation of a line graph, in which areas under the line are filled in with color or shading. .. figure:: images/dashpro.area.png :class: with-shadow :scale: 50 *Area* Axes ------- Select X and Y axis from the dropdown menu. **Show Result Dropdown:** Toggle through the "Show Result" dropdown: select "All" for a panoramic view or "Limit" for precision. Opt for 'Top' to focus on heights or 'Bottom' for depths to tailor your data revelation. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. Axis Title ------------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Area Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ------------------ Chart Style -------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. **Grid-Distance:** Defines the spacing between gridlines on a chart. Choose the desired grid distance. Data Labels -------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. .. figure:: images/bardl.png :class: with-shadow :scale: 65 *Area Data Labels* Legend -------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Area Legend* % Deviation -------------- Indicates the percentage variance for the selected columns in the Y-Axis when Date variable are applied to the X-Axis. **Value Font Size:** Refers to the specified text size for numerical or data values. **Label Font Size:** Pertains to the specified text size for descriptive labels. **Percentage Font Size:** Select font size preferences to customize the display of percentage values on the chart. **Deviation Font Family:** Choose the font family to specify the font style for deviation. **Deviation Alignment:** Choose alignment such as Left, Center and Right to determine the alignment of deviation values relative to their corresponding data points. **Overlap:** Enabling overlap will overlap the deviation within the grid. **Order:** Determines the arrangement sequence of data point. .. note:: % Deviation is applicable for Line, Area, and Multiple Axis chart. Others -------- **Stats line:** Represents a statistical line overlaid on the chart, offering insights into data trends. Select Stats line from the available options such as Q1, Q3, Mean, Median, Standard Deviation, Min, Max and Custom. **Stats line Position:** Sets the placement of the statistical line relative to data points on the chart. Select the position of the statistics line on the chart from the available option Behind (Behind the chart) and Above (Above the chart). **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Stats line Roundoff Value:** Choose a roundoff value to determine how numerical values are rounded in the chart. Select from the 0 to 5. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/barothers.png :class: with-shadow :scale: 65 *Area Others* Gantt ======== Gantt chart are typically used to display schedules or other time-based activities. It is a variation of a bar chart with a time-based horizontal axis and bars starting at arbitrary values. .. figure:: images/Gantt.png :class: with-shadow :scale: 60 *Gantt* Axes ------ Select X and Y axis from the dropdown menu. **DateRange:** Feature that allows you to specify a range of dates. **Start date:** Refers to the commencement date of a task or project. **Duration:** Refers to the numerical columns selected, depicting the time span or length of tasks or projects from start to finish. **End date:** Signifies the completion date or deadline of tasks or projects. Axis Title ------------ Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. .. figure:: images/wateraxis.png :class: with-shadow :scale: 65 *Gantt Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ---------------- Chart Styling ----------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. Data Labels --------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. Others -------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Scatter ========= Scatter chart is used to display values in a two-dimensional coordinate system. Each point’s location is determined by one of its coordinates on one axis of the chart and the other coordinate on another axis. .. figure:: images/dashpro.scatter.png :class: with-shadow :scale: 38 *Scatter* Axes ------- Select X and Y axis from the dropdown menu. Axis Title ------------ Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Scatter Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ------------------- Chart Styling ----------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. Others -------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Dumbbell Plot ==================== Dumbbell Plot is vast for displaying changes between two points in time, two conditions, or differences between two groups. .. figure:: images/dashprodumb.png :class: with-shadow :scale: 60 *Dumbbell Plot* Axes ------ **Category:** Select Categorical columns from the dropdown menu. **Value1:** Represents the first data point. **Value2:** Represents the second data point. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. Axis Title ------------ Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Dumbbell Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ---------------- Chart Styling --------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **Align Horizontal:** Specifies the horizontal positioning of elements.Enable if needed. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. **Grid-Distance:** Defines the spacing between gridlines on a chart. Choose the desired grid distance. Others --------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Tree Map =========== Tree Map displays hierarchical data in the shape of rectangles proportional in size to their value as part of the whole. Each rectangle can be distributed into sub-items according to the values of its children in the hierarchy. .. figure:: images/dashprotree.png :class: with-shadow :scale: 60 *Tree Map* Axes ------- **Categories:** Select categorical columns less than or equal to 5. **Series:** Select numerical column based on your preferences. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. .. figure:: images/sunaxes.png :class: with-shadow :scale: 65 *Network Axes* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ---------------- Chart Styling --------------- Applies a diverse set of styles to elements in charts. **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. .. figure:: images/treecs.png :class: with-shadow :scale: 65 *Tree Map Chart Style* Data Labels ------------- **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. Others --------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Heat Map Legend =================== It's a two-dimensional expression of data in which values are defined by colors. It represents data in a tabular format with user-defined color ranges like low, average, and high and provides an immediate visual summary of the data. .. figure:: images/dashproheatmap.png :class: with-shadow :scale: 45 *Heat Map Legend* Axes ------ Select X and Y axis from the dropdown menu. **Series:** Select numerical column based on your preferences. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. Axis Title ------------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. .. figure:: images/wateraxis.png :class: with-shadow :scale: 65 *Heat Map Legend Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format -------------- Chart Styling -------------- **Color Range:** customize the color range based on your preferences. **X-scroll:** Enables horizontal scrolling in a chart for navigating X-axis data points. Enable if required. **Y-scroll:** Enables vertical scrolling in a chart for navigating Y-axis data points. Enable if required. Data Labels ------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. Others --------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Grouped and Sorted ==================== This graph extends the bar chart, plotting numeric values for levels of two categorical variables instead of one. Bars are grouped by position for levels of one categorical variable, with color indicating the secondary category level within each group. .. figure:: images/Grouped&sorted.png :class: with-shadow :scale: 60 *Grouped and Sorted* Axes ------- Select X axis from the dropdown menu. **Group:** Select categorical column. **Series:** Select any data type column based on your preferences. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. Axis Title ------------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Grouped and Sorted Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ----------------- Chart Styling ---------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **X-label Position:** Determines the alignment of labels along the X-axis in a chart. Define the position of the X-label such as Center, Left, Right. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. **Grid-Distance:** Defines the spacing between gridlines on a chart. Choose the desired grid distance. Data Labels ------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. .. figure:: images/bardl.png :class: with-shadow :scale: 65 *Grouped and Sorted Data Labels* Others -------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Multiple Axis =============== A Multiple Axis chart is an interactive line chart that plots data using multiple axis. This allows the plotting data sets to have different ranges. Data values are plotted as data points that are connected by line segments. Multiple y-axis are rendered along the left and right sides of the chart. .. figure:: images/Multipleaxis.png :class: with-shadow :scale: 60 *Multiple Axis* Axes ------ **Category:** Select categorical column from the dropdown. **Y axis:** Select Y axis from the dropdown menu. Axis Title ------------ Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Multiple Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format --------------- Chart Styling ----------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. **Grid-Distance:** Defines the spacing between gridlines on a chart. Choose the desired grid distance. Data Labels -------------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Ignore Zeros:** Excludes zero values from being displayed in the chart. Legend -------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Multiple Axis Legend* % Deviation -------------- Indicates the percentage variance for the selected columns in the Y-Axis when Date variable are applied to the X-Axis. **Value Font Size:** Refers to the specified text size for numerical or data values. **Label Font Size:** Pertains to the specified text size for descriptive labels. **Percentage Font Size:** Select font size preferences to customize the display of percentage values on the chart. **Deviation Font Family:** Choose the font family to specify the font style for deviation. **Deviation Alignment:** Choose alignment such as Left, Center and Right to determine the alignment of deviation values relative to their corresponding data points. **Overlap:** Enabling overlap will overlap the deviation within the grid. **Order:** Determines the arrangement sequence of data point. .. note:: % Deviation is applicable for Line, Area, and Multiple Axis chart. Others -------- **Stats line:** Represents a statistical line overlaid on the chart, offering insights into data trends. Select Stats line from the available options such as Q1, Q3, Mean, Median, Standard Deviation, Min, Max and Custom. **Stats line Position:** Sets the placement of the statistical line relative to data points on the chart. Select the position of the statistics line on the chart from the available option Behind (Behind the chart) and Above (Above the chart). **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Stats line Roundoff Value:** Choose a roundoff value to determine how numerical values are rounded in the chart. Select from the 0 to 5. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/barothers.png :class: with-shadow :scale: 65 *Multiple Axis Others* Radar Line ============ A Radar Line chart is a graphical method of displaying multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point. .. figure:: images/dashpro.radarline.png :class: with-shadow :scale: 50 *Radar Line* Axes ------ **Category:** Select categorical column from the dropdown. **Y axis:** Select Y axis from the dropdown menu. Axis Title ------------ **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. .. figure:: images/radaraxis.png :class: with-shadow :scale: 65 *Radar Line Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format --------------- Chart Styling -------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. Legend -------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Radar Line Legend* Others -------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Zoomable Bubble ================= This widget takes scatter and bubble charts to a whole new level. .. figure:: images/dashprozoombubble.png :class: with-shadow :scale: 48 *Zoomable Bubble* Axes ------ Select X and Y axiss from the dropdown menu. **Color:** Assign distinct colors to each category in a stacked bar chart to represent data uniquely within the chart. **Series:** Select Numerical column. Axis Title ------------ Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Zoomable Bubble Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format --------------- Chart Styling --------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. Legend ------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. Others -------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Time Line =========== A graphical representation displaying data points or events along a chronological timeline, providing insights into trends or patterns over time. .. figure:: images/dashprotimeline.png :class: with-shadow :scale: 110 *Time Line* Axes ------ **Date:** Denotes the specific time period e.g., day, week. **Group:** Select the date format. **Series:** Select any data type variable based on your preferences. Chart Title -------------- To learn more: `Chart Title `_ Chart Format -------------- Chart Styling --------------- **Count:** Give the count value based on your preferences. **Level:** Specifies the depth or number of hierarchical levels displayed in the timeline. **Timeline Scroll:** Upon selecting a specific timeline, the display focuses solely on the chosen period **Node Rotation:** Ability to rotate or adjust the orientation of nodes. Data Labels -------------- **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. Others -------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Population Pyramid ==================== A Population Pyramid is a graphical illustration that shows the distribution of various age groups in a population. .. figure:: images/populationpyramid.png :class: with-shadow :scale: 90 *Population Pyramid* Axes ------- Select X and Y axis based on your preferences. **Series:** Select numerical column. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. Axis Title ----------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. .. figure:: images/wateraxis.png :class: with-shadow :scale: 65 *Population Pyramid Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format -------------- Chart Styling --------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. Data Labels ------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. Legend -------- **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. Others -------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Box Plot ============ The method to summarize a set of data that is measured using an interval scale is called a boxplot. A Box Plot is a way of displaying statistical data based on five numbers: Lower fence, Lower quartile, median, Upper quartile, and Upper fence. .. figure:: images/Boxplot.png :class: with-shadow :scale: 90 *Box Plot* Axes ------ Select X axis from the dropdown menu. Axis Title --------------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Box Plot Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format -------------- Chart Styling --------------- **Fill Color:** Represents the coloring applied to the boxes. Customize the color based on your preferences. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. **X-label Position:** Determines the alignment of labels along the X-axis in a chart. Define the position of the X-label such as Center, Left, Right. **Grid-Distance:** Defines the spacing between gridlines on a chart. Choose the desired grid distance. Others -------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Text ======= A Text is a construction of a text item with a high-quality visual display using advanced features. .. figure:: images/dashpro.text.png :class: with-shadow :scale: 50 *Text* Background --------------- **Color Gradient:** Customize colors based on your preferences to achieve a smooth transition between different shades. **Border Radius:** Determines the curvature or roundness of corners for the border. Chart Title -------------- To learn more: `Chart Title `_ Chart Format -------------- Label ------ **Position:** Specifies the alignment or placement of text elements. **Font Family:** Preferred style of text for the chart's elements. Choose the font family for the text within the table from a dropdown menu.(Eg., Narkism, Calibri,) **Label Formatting:** Refers to the customization of the appearance and style of labels. **Bold Text:** **Indicates bold formatting.** **Italic Text:** *Indicates italic formatting.* **Font Color:** Specifies the color of the text. **Font Size:** Select font size for the text. .. note:: The default **Font Family** is **Verdana**. The default **Font Size:** 16. Bar with Line/Scatter ========================= Bar with line graph is a graphical representation of datasets based on three parameters for observations. The two parameters lying on the X-axis and the Y-axis are used to plot the bars, while the third parameter is used to plot the line over the bar. .. figure:: images/BarwithLine.png :class: with-shadow :scale: 60 *Bar with Line/Scatter* Axes ----- You can select Line or Scatter based on your preferences. Select X and Y axis from the dropdown menu. **Series:** select numeric values. You can select less than or equal to 10 column. **Show Result:** Toggle through the "Show Result" dropdown: select "All" for a panoramic view or "Limit" for precision. Option for 'Top' to focus on heights or 'Bottom' for depths to tailor your data revelation. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. **Sort Type:** Defining how data is organized within a chart, such as Quick Sort or Field Sort, **Quick Sort:** Sort based on category and value i.e it will sort the selected variables in X & Y axis. **Field sort:** Sort based on Columns. Axis Title ------------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default **Font Family** is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Bar with Line/Scatter Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format -------------- Chart Styling ---------------- Applies a diverse set of styles to elements in charts. **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **Line Bullet:** Marks key data points on the line. Customize the color to your preference. **Stroke Width:** Refers to the thickness or width of a line or border in a chart. Choose the width within the range of 1 to 4. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **X-label Position:** Determines the alignment of labels along the X-axis in a chart. Define the position of the X-label such as Center, Left, Right. **Line Stroke:** Specifies the thickness or width of a line. Customize the color based on your preferences. **Bullet Type:** To denote the specific marker representing data points on a chart. Specify the shape of the bullet type, such as Rectangle, Triangle, or Circle. **Line Style:** Defines how the connecting line in a chart appears. Choose the line style such as Solid, Dotted, Dashed, Dotted & dashed. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. **Grid-Distance:** Defines the spacing between gridlines on a chart. Choose the desired grid distance. .. note:: The default **Bullet Type** is **Rectangle**. Data Labels --------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **Position:** Set where the data values are placed in relation to their corresponding data points. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. .. figure:: images/bardl.png :class: with-shadow :scale: 65 *Bar with Line/Scatter Data Labels* Legend -------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Bar with Line/Scatter Legend* Others ---------- **Stats line:** Represents a statistical line overlaid on the chart, offering insights into data trends. Select Stats line from the available options such as Q1, Q3, Mean, Median, Standard Deviation, Min, Max and Custom. **Stats line Position:** Sets the placement of the statistical line relative to data points on the chart. Select the position of the statistics line on the chart from the available option Behind (Behind the chart) and Above (Above the chart). **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Stats line Roundoff Value:** Choose a roundoff value to determine how numerical values are rounded in the chart. Select from the 0 to 5. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/barothers.png :class: with-shadow :scale: 67 *Bar with Line/Scatter Others* Layered Column ================= A Layered Column is the best and most "standard" way to display multiple column series. When each series has an equal and fairly limited number of items, layering series on top of each other presents a much more impactful visualization. .. figure:: images/layeredcolumn.png :class: with-shadow :scale: 42 *Layered Column* Axes ------- Select x axis from the dropdown menu. **Series:** Select numerical column less than or equal to 10 columns. Axis Title ----------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Layered Column Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format --------------- Chart Styling --------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **X-label Position:** Determines the alignment of labels along the X-axis in a chart. Define the position of the X-label such as Center, Left, Right. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. **Grid-Distance:** Defines the spacing between gridlines on a chart. Choose the desired grid distance. Legend --------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Layered Column Legend* Others --------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Bullet ======== A Bullet graph is a great replacement for traditional dashboard gauges and meters. It is used to visually track performance against a target, displaying results in a single column. It empowers to display way more information in a more compact space by getting rid of unnecessary decoration in favor of data clarity and usability. .. figure:: images/Bullet.png :class: with-shadow :scale: 90 *Bullet* Axes ------ **Y axis:** Select Y axis from the dropdown menu. **Group:** Specifies the division or categorization of data points. **Target:** Reference point or goal indicating the desired value for a performance metric. **Values:** Select the desired values less than or equal to 10 columns under the dropdown menu. Axis Title -------------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Bullet Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format -------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **Line Style:** Defines how the connecting line in a chart appears. Choose the line style such as Solid, Dotted, Dashed, Dotted & dashed. **X-Scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **Grid-Distance:** Defines the spacing between gridlines on a chart. Choose the desired grid distance. **Stroke Width:** Refers to the thickness or width of a line or border in a chart. Choose the width within the range of 1 to 4. **Color Range:** Denotes the spectrum of colors assigned to represent different data values. Customize the color range based on your preferences. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. Data Labels ------------ **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. Legend -------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Bullet Legend* Others ------------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Circos ========= A Circos chart is a circular data visualization that helps illustrate relationships and connections among different variables in a dataset using a circular layout. .. figure:: images/dashpro.circos.png :class: with-shadow :scale: 50 *Circos* Axes ------ **Values:** Select numerical or categorical columns from the dropdown menu. Chart Title -------------- To learn more: `Chart Title `_ Chart Format --------------- Chart Styling ----------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. Legend --------------- **Legend:** Visual element on a chart explaining the symbols or colors representing different data series. Enable chart legend as needed. **Legend Font Size:** Specifies the size of the text in the chart legend. Select the font size for the legend's text. **Legend Position:** Determine the placement of the chart legend. Dropdown to choose the position of the legend on the chart such as Top, Left, Bottom and Right. .. figure:: images/sblegend.png :class: with-shadow :scale: 65 *Circos Legend* Others --------- **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/pieothers.png :class: with-shadow :scale: 65 *Circos Others* Candle stick =============== A Candle stick is a type of price chart that displays the high, low, open, and closing prices of a security for a specific period. Candlesticks show that emotion by visually representing the size of price moves with different colors. .. figure:: images/Candlestick.png :class: with-shadow :scale: 90 *Candle stick* Axes ------ **Date:** Denotes the specific time period e.g., day, week. **Open:** Represents the starting price of a financial instrument for a specific time period. **High:** Indicates the highest price reached by a financial instrument during a specific time period. **Low:** Indicates the lowest price reached by a financial instrument during a specific time period. **Close:** Indicates the final price reached by a financial instrument during a specific time period. Axis Title ------------- Customize X and Y axis title easily with Axis Title inputs. **X Title:** Specify the title for the horizontal axis. **Y Title:** Define the title for the vertical axis. **Font Family:** Choose the font style for axis titles from the dropdown menu. **Title Font Size:** Select the font size for axis titles. **X-axis and Y-axis Label Font Size:** Set font sizes for X and Y axis labels. **X Rotation and Y Rotation:** Adjust label rotation using the toggle. **Start Axis at 0:** Range bar to decide if the axis should start at zero. .. note:: The default Font Family is **Verdana**. By default the **X Rotation and Y Rotation** and **Start Axis at 0** is turned off. | .. figure:: images/baraxis.png :class: with-shadow :scale: 65 *Candle stick Axis Title* Chart Title -------------- To learn more: `Chart Title `_ Chart Format ----------------- Chart Styling ---------------- **X-scroll:** Enable horizontal scrolling in a chart for navigating X-axis data points. **Y-Scroll:** Enable vertical scrolling in a chart for navigating Y-axis data points. **Auto-Scroll:** Enable automatic scrolling through data points in the chart. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. Data Labels -------------- **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. Others ------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. Map with Bubble ===================== Map with Bubble is a variant of a bubble chart where bubble location is determined by geographic location. It helps to visualize location and proportion in a simple way. .. image:: images/dashpromap.png :class: with-shadow :scale: 55 *Map with Bubble* Axes ----- **Country Fill:** Refers to the color applied to represent different countries on the chart. Customize the color based on your preferences. **Series:** Select Numerical column based on your preferences. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. Chart Title -------------- To learn more: `Chart Title `_ Chart Format --------------- Chart Styling --------------- **Line Stroke:** Specifies the thickness or width of a line. Customize the color based on your preferences. **Country Fill:** Refers to the color applied to represent different countries on the chart. Customize the color based on your preferences. **Enable Grid:** The grid option to include lines on the chart. Enable if needed. **Background:** Refers to the color applied to the map canvas. Customize the color based on your preferences. **Bullet Type:** To denote the specific marker representing data points on a chart. Specify the shape of the bullet type, such as Rectangle, Triangle, or Circle. Data Labels -------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Fontsize:** Determines the size of the font for displaying data values on the chart. Select the value font size from the dropdown menu. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **Value Rotation:** Adjusts the angle of data value labels on the chart. If required, adjust the orientation of the data value labels. Map Features ---------------- Allows customization of geographical map appearance in the chart. **Zoom:** Allows magnifying or shrinking the view of the chart. Enable for closer inspection or a broader overview. **Globe:** Transforms geographical data into a three-dimensional representation on a spherical surface, providing a globe-shaped map. Enable if required. **Mini Chart:** Allows the display of a smaller, condensed version of the main chart. Enable if needed. **Rotate:** Allows the chart to be turned or tilted. Enable if required. Others -------- **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/pieothers.png :class: with-shadow :scale: 65 *Map with Bubble Others* Word Cloud ============ A Word Cloud is a visual representation of text data with word size corresponding to frequency, offering a quick overview of key terms in a dataset. .. image:: images/dashproword.png :class: with-shadow :scale: 50 *Word Cloud* Axes ------- **Category:** Select categorical column based on your preferences. **N grams:** Refers to sequences of N consecutive words that are analyzed for their frequency and visual representation.Select the grams based on your preferences. .. note:: Default **N-grams** is **1**. **Top K frequent words:** Refers to the selection of the 'K' most frequently occurring words in a given dataset or text. Provide limit based on your preferences. Set 0 for no limit. Default limit is 100. Chart Title -------------- To learn more: `Chart Title `_ Chart Format -------------- Chart Styling --------------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. **Min Font Size%:** Minimum percentage size for the font used in the chart. **Max Font Size:** Maximum percentage size for the font used in the chart. **Label Rotation:** Adjusts the angle of labels on the chart. If required, adjust the orientation. **Randomness:** Variability in the arrangement of words. Select based on your preferences. .. note:: The default min font size is 2. The default max font size is 20. Others ------------------- **Export:** In order to export the chart, enable the Export option and apply the changes. You can find the option to export the specific chart in both the chart and dashboard. Export the image as PNG, JPG, and SVG, and download the data as JSON, CSV, XLSX, and HTML. Additionally, print is also available. .. figure:: images/pieothers.png :class: with-shadow :scale: 65 *Word Cloud Others* Summary ================= A Summary chart is a visualization that summarizes information about data. .. figure:: images/summary.png :class: with-shadow :scale: 48 *Summary* Axes ------------------- Select X and Y axis from the dropdown menu. **Aggregate Options:** Aligns with the available options — Sum, Count, Average, Min, Max and Unique. Choose the aggregate that best fits your input. Background ------------------- **Color Gradient:** Customize colors based on your preferences to achieve a smooth transition between different shades. **Border Radius:** Determines the curvature or roundness of corners for the border. **Grid Format:** Defines the layout or structure of the gridlines. Enable this feature, if it is required. Chart Title -------------- To learn more: `Chart Title `_ Chart Format --------------- Label ------- **Font color:** Sets the color of the text in the chart. **Font Family:** Selects the preferred style of text for the chart's elements. Choose the font family from the dropdown menu (e.g., **Narkism**, **Calibri**). **Font Size:** adjusts the size of the text in the chart. **Label Formatting:** Refers to the customization of the appearance and style of labels. **Bold Text:** Indicates bold formatting. **Italic Text:** *Indicates italic formatting.* Value ------------------- **Font color:** Sets the color of the value in the chart. **Font Family:** Selects the preferred style for the chart's elements. Choose the font family from the dropdown menu (e.g., **Narkism**, **Calibri**). **Font Size:** Adjusts the size of the value in the chart. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. Position ------------------- **Position:** Refers to the placement or arrangement of data points. For element placement, choose from options such as Left, Center, Right, and Bottom, each with nested choices for further customization. **Text Alignment:** Adjusts the positioning of text. Choose alignment options for the table: left, center, and right. **Order:** Determines the arrangement sequence of data point. Card ======= A card is used to display data with high clarity, color, definition, and overall appearance. A card provides a high-quality visual display by processing and executing data using advanced features, and functions. .. figure:: images/dashpro.card.png :class: with-shadow :scale: 50 *Card* **Card:** Represents a concise, self-contained unit displaying specific information or metrics. Select the aggregation method based on your preferences and choose the variables. Click on the '+' button after providing the inputs. **Goal:** Refers to a specific target or objective associated with the information presented on that card. After clicking on '+,' you will find a table of inputs, and by enabling the goal, it will be added to the table. Then, specify the goal according to your preferences, and enable the inverse (refers to the option of displaying a metric in a reversed or opposite manner) if needed. **Prefix:** Textual addition placed before a numeric value. Add a prefix if it is required. **Card Icon:** Visual symbol or image associated with a card element in design. Drag and drop the icon that is needed. **Position:** Refers to the specific location or arrangement of the card icon. Select the position: Top, Center, Bottom. **Size:** Specifies the size of the card icon. Select the size based on your preferences. .. note:: The default position is Top. The default size is 35. Background ------------------- **Color Gradient:** Customize colors based on your preferences to achieve a smooth transition between different shades. **Border Radius:** Determines the curvature or roundness of corners for the border. Chart Title -------------- To learn more: `Chart Title `_ Chart Format -------------- Label --------- **Font color:** Sets the color of the text in the chart. **Font Family:** Selects the preferred style of text for the chart's elements. Choose the font family from the dropdown menu (e.g., **Narkism**, **Calibri**). **Font Size:** adjusts the size of the text in the chart. **Label Formatting:** Refers to the customization of the appearance and style of labels. **Bold Text:** **Indicates bold formatting.** **Italic Text:** *Indicates italic formatting.* Value ------------------- **Font color:** Sets the color of the value in the chart. **Font Family:** Selects the preferred style for the chart's elements. Choose the font family from the dropdown menu (e.g., **Narkism**, **Calibri**). **Font Size:** Adjusts the size of the value in the chart. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **Roundoff Value:** Define how numerical values are rounded off. Choose the desired roundoff value form the dropdown. **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Show as Positives:** Displays negative values as positive for visual representation without altering the actual data in a chart. Enable If required. Goal ------------------- **Font color:** Sets the color of the value in the chart. **Font Family:** Selects the preferred style for the chart's elements. Choose the font family from the dropdown menu (e.g., **Narkism**, **Calibri**). **Font Size:** Adjusts the size of the value in the chart. **Separator:** Chooses a symbol to mark thousands or decimals in numerical values. Dropdown to select the separator for the data values (#,### & #,##). **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. Position ------------------- **Position:** Refers to the placement or arrangement of data points. For element placement, choose from options such as Left, Center, Right, and Bottom, each with nested choices for further customization. **Text Alignment:** Adjusts the positioning of text. Choose alignment options for the table: left, center, and right. **Order:** Determines the arrangement sequence of data point. KPI Card =========== A KPI Card provides a concise snapshot of Key Performance Indicators, offering a quick and visual representation of essential metrics for efficient monitoring and decision-making. .. figure:: images/dashprokpi.png :class: with-shadow :scale: 45 *KPI Card* Axes -------- **Time Line:** Represents how a metric or key performance indicator has changed over time. Select any date column based on your preferences. **KPI Name:** Refers to the title or label assigned to a selected variable. **Period:** Customize the time duration such as day, week, quarter, month, year and numeric intervals based on your preferences for measuring and displaying key performance metrics. **Group:** Define the Group based on your preferences. Chart Title -------------- To learn more: `Chart Title `_ Table Format ------------- **Table Theme:** Choose a pre-defined theme from the dropdown menu to modify the table's aesthetic. **Font Family:** Choose your preferred font style for the chart's elements and select the font family for the text within the table from a dropdown menu e.g., Narkism, Calibri. **Header Color:** Set the color for the chart header by customizing it from the dropdown menu. **Body Font Size:** Determine the text size for the body content in the chart by selecting the font size from 8 to 60. **Highlight Negatives:** Highlight negative values in the chart by enabling the 'highlight negatives' feature if necessary. **Alignment:** Adjust the positioning of text or elements within the table by choosing alignment options: left, center, and right. **Expand Row Groups:** Allows expansion of grouped rows in the table. Enable this feature based on your preferences. **Separator:** Selects a symbol for distinguishing thousands or decimals in numerical values on the table. Choose the separator according to your preferences (e.g., ###,###,### or ##,##,##,###). **Roundoff Value:** Determines how numerical values are rounded in the table. Choose the roundoff value within the range of 0 to 5. **Odd/Even Colors:** Alternates background colors for rows in the table. Enable this feature based on your preferences. **Wrap Headers:** Adjusts the text layout for headers automatically. Enable this feature according to your preferences. **Border:** Defines the outlining of cells or elements in a table. Choose the border style from available options. **Header Font Size:** Set the size of the text for headers in the table. Select the header font size from 8 to 60. .. note:: The default **Font Family** is **Verdana**. The default **Body Font Size** is **14**. The default **Header Font Size** is **16**. Custom Pivot =============== Custom Pivot provides flexibility in structuring and analyzing data to meet specific preferences and requirements. .. figure:: images/custompivot.png :class: with-shadow :scale: 90 *Custom Pivot* Axes ------------------- **Groups:** Select any data type column based on your preferences. **Values:** Select the desired values under the dropdown menu. **Sum:** You create a table that adds up numerical values based on specified criteria. **Difference:** Involves calculating behind the chart area. Chart Title -------------- To learn more: `Chart Title `_ Table Format -------------- **Table Theme:** A predefined set of styles.Choose table theme from the available options. **Font Family:** Preferred style of text for the chart's elements. Choose the font family for the text within the table from a dropdown menu.(Eg., Narkism, Calibri,) **Header Color:** Sets the color for the header in the chart. Customize the header color from the dropdown menu. **Body Font Size:** Determines the size of the text for the body content in the chart. Select the body font size from 8 to 60. **Highlight Negatives:** Emphasizes negative values in the chart.Enable the highlight negatives feature if needed. **Alignment:** Adjusts the positioning of text or elements within the table. Choose alignment options for the table: left, center, and right. **Separator:** Selects a symbol for distinguishing thousands or decimals in numerical values on the table. Choose the separator according to your preferences (e.g., ###,###,### or ##,##,##,###). **Roundoff Value:** Determines how numerical values are rounded in the table. Choose the roundoff value within the range of 0 to 5. **Odd/Even Colors:** Alternates background colors for rows in the table. Enable this feature based on your preferences. **Wrap Headers:** Adjusts the text layout for headers automatically. Enable this feature according to your preferences. **Border:** Defines the outlining of cells or elements in a table. Choose the border style from available options. **Header Font Size:** Set the size of the text for headers in the table. Select the header font size from 8 to 60. .. note:: The default **Font Family** is **Verdana**. The default **Body Font Size** is **14**. The default **Header Font Size** is **16**. Sparkline ============ Sparkline offer a condensed visual representation of data trends within a single cell, making it easy to grasp patterns and variations at a glance. .. figure:: images/dashprospark.png :class: with-shadow :scale: 55 *Sparkline* Axes ------------------- **Date:** Denotes the specific time period e.g., day, week. **Categories:** Select categorical columns based on your preferences. **Numericals:** Select numerical columns. **Period:** Customize period based on your preferences. Chart Title -------------- To learn more: `Chart Title `_ Table Format ------------------- **Table Theme:** A predefined set of styles.Choose table theme from the available options. **Font Family:** Preferred style of text for the chart's elements. Choose the font family for the text within the table from a dropdown menu.(Eg., Narkism, Calibri,) **Header Color:** Sets the color for the header in the chart. Customize the header color from the dropdown menu. **Body Font Size:** Determines the size of the text for the body content in the chart. Select the body font size from 8 to 60. **Highlight Negatives:** Emphasizes negative values in the chart.Enable the highlight negatives feature if needed. **Alignment:** Adjusts the positioning of text or elements within the table. Choose alignment options for the table: left, center, and right. **Separator:** Selects a symbol for distinguishing thousands or decimals in numerical values on the table. Choose the separator according to your preferences (e.g., ###,###,### or ##,##,##,###). **Roundoff Value:** Determines how numerical values are rounded in the table. Choose the roundoff value within the range of 0 to 5. **Odd/Even Colors:** Alternates background colors for rows in the table. Enable this feature based on your preferences. **Wrap Headers:** Adjusts the text layout for headers automatically. Enable this feature according to your preferences. **Border:** Defines the outlining of cells or elements in a table. Choose the border style from available options. **Header Font Size:** Set the size of the text for headers in the table. Select the header font size from 8 to 60. .. note:: The default **Font Family** is **Verdana**. The default **Body Font Size** is **14**. The default **Header Font Size** is **16**. Sparkline Format ------------------ Chart Styling ---------------- **Chart Theme:** Choose a pre-defined theme from the dropdown menu to modify the chart's aesthetic. Point of Interest ------------------- Refers to specific options for fill color for the below points: - First - Last - Min - Max **First:** Enable the "First" option to customize the color, resulting in a distinctive point. **Last:** Enable the "Last" option to customize the color, resulting in a distinctive point. **Min:** Enable the "Min" option to customize the color, resulting in a distinctive point. **Max:** Enable the "Max" option to customize the color, resulting in a distinctive point. Enable Value -------------- **Enable Value:** Displays actual data values on the chart. Enable based on your preferences. **Value Format:** Choose the format in which the data values are displayed on a chart such as Value, Percentage. **Roundoff Value:** Determine how numerical values are rounded in the table. Choose a roundoff value within the range of 0 to 5. **Label Formatting:** Refers to the customization of the appearance and style of labels. **Bold Text:** **Indicates bold formatting.** **Italic Text:** *Indicates italic formatting.* **BigNumber Suffix:** Adds a character (e.g., 'K' for thousands) to large numbers in data labels for clarity. Enable this feature if required. **Font color:** Sets the color of the text in the chart. .. note:: **Enable Value** Only applicable to Column and Bar. Others -------------- **Cursor:** Enable a cursor to visualize additional data details when hovering over the chart. ----------------------- Filter(s) Functionality ----------------------- There are three types of filters available: Local Filter =============== Applies exclusively to the selected chart or visualization. Allows for targeted data manipulation within that specific visualization. Highlighted in Green. When applying the Local Filter to the chart, there's an option available to deactivate the Tab and Global Filters. .. figure:: images/LocalFilter.png :class: with-shadow :scale: 90 *Local Filter* Tab-wise Filter ==================== Applies exclusive to the selected tab. Affects all charts within the chosen tab. Highlighted in Blue. When applying the Tab-wise Filter to the chart, there's an option available to deactivate the Global Filter. .. figure:: images/Tab.png :class: with-shadow :scale: 90 *Tab-wise Filter* Global Filter ================= Impacts all charts across all tabs within the dashboard. Provides uniform filtering criteria throughout the entire dashboard. Highlighted in Red. When applying the Global Filter to the chart, there's an option available to deactivate the Tab Filter. .. figure:: images/Global.png :class: with-shadow :scale: 90 *Global FIlter* Advanced Filtering ================== This feature allows for the simultaneous application of three distinct filters - Local, Tab-wise, and Global - to the chart. The highlighted color indicates the selected filter options, facilitating clarity and ease of use. .. figure:: images/Combo.png :class: with-shadow :scale: 90 *Filter colors* .. note:: You can utilize the filter in two ways: After saving the chart, click on the filter icon where all filters are initially disabled; upon applying a filter, it automatically activates and is highlighted. Alternatively, access filter options while editing the chart within the chart section. Filters for Numerical Data Type ================================= Condition ------------- Numerical data often involves conditions such as: **Equal to:** Filters data where the numerical value is exactly equal to a specified value. For example, filtering sales data for transactions where the amount equals $1000. **Not Equal to:** Filters data where the numerical value is not equal to a specified value. For instance, excluding transactions with a sales amount of $1000. **Is Greater Than:** Filters data where the numerical value is greater than a specified threshold. For example, filtering sales data for transactions with amounts greater than $1000. **Is Greater Than or Equal to:** Filters data where the numerical value is either greater than or equal to a specified threshold. For instance, filtering sales data for transactions with amounts greater than or equal to $1000. **Is Less Than:** Filters data where the numerical value is less than a specified threshold. For example, filtering sales data for transactions with amounts less than $1000. **Is Less Than or Equal to:** Filters data where the numerical value is either less than or equal to a specified threshold. For instance, filtering sales data for transactions with amounts less than or equal to $1000. **Is Null:** Filters data where the numerical value is null or missing. **Is Not Null:** Filters data where the numerical value is not null or missing. **Between:** Filters data where the numerical value falls within a specified range. For example, filtering sales data for transactions with amounts between $500 and $1000. .. note:: This filter is applicable to Categorical and Text data types. Filters for Categorical Data Type ==================================== By Values ---------- This type of filter allows selection of specific categories or values within the categorical data for filtering. For instance, filtering data for a particular product category or customer segment. Additionally, there is an option to exclude selected values if needed: **Exclude Option:** If necessary to exclude the chosen values from the filter, select this option. For example, if filtering product categories and there's a need to exclude a specific category from the analysis. **Apply Button:** After selecting desired values and choosing whether to exclude them, click the apply button to confirm and implement the filter settings. **Reset Button:** To reset the filters, click on the reset button. Condition ----------- **Equal to:** Filters data where the numerical value is exactly equal to a specified value. For example, filtering sales data for transactions where the amount equals $1000. **Not Equal to:** Filters data where the numerical value is not equal to a specified value. For instance, excluding transactions with a sales amount of $1000. **Is Greater Than:** Filters data where the numerical value is greater than a specified threshold. For example, filtering sales data for transactions with amounts greater than $1000. **Is Greater Than or Equal to:** Filters data where the numerical value is either greater than or equal to a specified threshold. For instance, filtering sales data for transactions with amounts greater than or equal to $1000. **Is Less Than:** Filters data where the numerical value is less than a specified threshold. For example, filtering sales data for transactions with amounts less than $1000. **Is Less Than or Equal to:** Filters data where the numerical value is either less than or equal to a specified threshold. For instance, filtering sales data for transactions with amounts less than or equal to $1000. **Is Null:** Filters data where the numerical value is null or missing. **Is Not Null:** Filters data where the numerical value is not null or missing. **Between:** Filters data where the numerical value falls within a specified range. For example, filtering sales data for transactions with amounts between $500 and $1000. Filters for Date Data Type ============================= Relative ------------ Date variable often requires filtering based on relative time periods such as : **Today:** Filters data for the current date. **Yesterday:** Filters data for the day immediately preceding the current date. **Last 7 Days:** Filters data for the past seven days, including today. **This Week:** Filters data for the current week, starting from Sunday to the present day. **Last Week:** Filters data for the previous week, starting from Sunday to the end of the week. **This Month:** Filters data for the current month. **Last Month:** Filters data for the previous month. **Last 6 Months:** Filters data for the past six months from the current date. **This Year:** Filters data for the current year. **Last Year:** Filters data for the previous year. **Last N Days:** Filters data for the last N days, where N is a user-specified number. **Last N Weeks:** Filters data for the last N weeks, where N is a user-specified number. **Last N Months:** Filters data for the last N months, where N is a user-specified number. **Last N Years:** Filters data for the last N years, where N is a user-specified number. Condition ----------- **Equal to:** Filters data where the numerical value is exactly equal to a specified value. For example, filtering sales data for transactions where the amount equals $1000. **Not Equal to:** Filters data where the numerical value is not equal to a specified value. For instance, excluding transactions with a sales amount of $1000. **Is Greater Than:** Filters data where the numerical value is greater than a specified threshold. For example, filtering sales data for transactions with amounts greater than $1000. **Is Greater Than or Equal to:** Filters data where the numerical value is either greater than or equal to a specified threshold. For instance, filtering sales data for transactions with amounts greater than or equal to $1000. **Is Less Than:** Filters data where the numerical value is less than a specified threshold. For example, filtering sales data for transactions with amounts less than $1000. **Is Less Than or Equal to:** Filters data where the numerical value is either less than or equal to a specified threshold. For instance, filtering sales data for transactions with amounts less than or equal to $1000. **Is Null:** Filters data where the numerical value is null or missing. **Is Not Null:** Filters data where the numerical value is not null or missing. **Between:** Filters data where the numerical value falls within a specified range. For example, filtering sales data for transactions with amounts between $500 and $1000. Filters for Text Data Type ============================= By Values ----------- Condition filters for text data allows to set conditions based on text attributes. This might involve filtering text data based on the presence or absence of certain words or phrases. For example, filtering customer reviews for comments containing the word "complaint." Examples of condition-based filters include filtering for text equal to, not equal to, begins with, does not begins with,etc., **Equal to:** Filters text data where the content exactly matches a specified word or phrase. For instance, filtering customer feedback for comments equal to "positive." **Not Equal to:** Filters text data where the content does not match a specified word or phrase. For example, excluding customer reviews that are not equal to "satisfied." **Begins with:** Filters text data where the content starts with a specified word or phrase. For instance, filtering product descriptions that begin with "premium." **Does Not Begin with:** Excludes text data where the content does not start with a specified word or phrase. For example, excluding articles that do not begin with "latest." **Ends with:** Filters text data where the content ends with a specified word or phrase. For example, filtering file names that end with ".txt". **Does Not End with:** Excludes text data where the content does not end with a specified word or phrase. For instance, excluding URLs that do not end with ".com". **Contains:** Filters text data where the content includes a specified word or phrase. For example, filtering emails containing the word "urgent." **Does Not Contain:** Excludes text data where the content does not include a specified word or phrase. For instance, excluding blog posts that do not contain the word "technology". Condition ------------ **Equal to:** Filters data where the numerical value is exactly equal to a specified value. For example, filtering sales data for transactions where the amount equals $1000. **Not Equal to:** Filters data where the numerical value is not equal to a specified value. For instance, excluding transactions with a sales amount of $1000. **Is Greater Than:** Filters data where the numerical value is greater than a specified threshold. For example, filtering sales data for transactions with amounts greater than $1000. **Is Greater Than or Equal to:** Filters data where the numerical value is either greater than or equal to a specified threshold. For instance, filtering sales data for transactions with amounts greater than or equal to $1000. **Is Less Than:** Filters data where the numerical value is less than a specified threshold. For example, filtering sales data for transactions with amounts less than $1000. **Is Less Than or Equal to:** Filters data where the numerical value is either less than or equal to a specified threshold. For instance, filtering sales data for transactions with amounts less than or equal to $1000. **Is Null:** Filters data where the numerical value is null or missing. **Is Not Null:** Filters data where the numerical value is not null or missing. **Between:** Filters data where the numerical value falls within a specified range. For example, filtering sales data for transactions with amounts between $500 and $1000. ----------------- Icon Definitions ----------------- Sort Features ============== .. figure:: images/iconsort.png :class: with-shadow :scale: 90 *Icon - Sort Features* **A:** Sorts in descending order. **B:** Sorts in ascending order. **C:** Sorts in reverse alphabetical order. **D:** Sorts in alphabetical order. .. note:: The Sort Features is available only for Bar, Stacked Bar and Stacked Column. Other Features =============== .. figure:: images/Icon.png :class: with-shadow :scale: 90 *Icon - Other Features* **Filter (A):** Filter the data using available features such as Local, Tab-wise, and Global filters. The number indicates the count of filters applied to the chart. **Table View (B):** View the chart in table format by clicking on the table icon. **Copy (C):** Duplicate charts using the copy icon. **Edit (D):** Modify the chart using the edit icon. **Delete (E):** Remove charts using the delete icon. --------- My Charts --------- In the "My Charts" section, users have comprehensive control over the creation, editing, and exporting of charts to meet their analytical needs. Click on the 'Published Dashboard' icon to view the published charts. .. figure:: images/mycharts.png :class: with-shadow :scale: 100 *MyCharts* Creation of Charts ================== The ability to create new charts from a variety of data sources and visualization types is available. Access to a range of charting options including bar charts, line graphs, pie charts, and more, based on data and analysis requirements. Customization of chart settings, labels, colors, and styles can be easily done to tailor visualizations to preferences. Editing of Charts ================= Existing charts can be modified and refined as needed to accommodate evolving analytical needs. Modify charts using various features such as adjusting axis titles, adding chart titles, customizing chart styling, and incorporating data labels. These editing capabilities ensure that charts accurately reflect the latest insights or changes in underlying data. Exporting Charts ================== Export individual charts or groups of charts as PDF files for sharing or presentation purposes. Additionally, the selected specific chart can be exported as images in formats like PNG, JPG, and SVG, or as data in JSON, CSV, XLSX, or HTML formats. Print functionality is also available for the selected chart. This feature enables the compilation of visual insights into comprehensive reports. Furthermore, there's an option to export the entire dashboard as a PDF file. The availability of multiple export formats and printing options enhances flexibility in sharing and presenting data-driven insights. Access Permissions ==================== While users have full control over creating, editing, and exporting charts, they do not possess the authority to publish charts to public dashboards. The access restriction ensures that only authorized administrators (admins) can publish visualizations to dashboards, preserving data integrity and security. Click on the 'Publish' icon to publish the chart(s). .. figure:: images/publish.png :class: with-shadow :scale: 90 -------------------- Published Dashboard -------------------- Published dashboard act as centralized platforms for sharing and presenting data-driven insights. Click on the 'Home' icon to navigate to the MyCharts page. .. figure:: images/publishtomycharts.png :class: with-shadow :scale: 90 Chart Publishing Permissions ============================= Admin Privileges ------------------ Only administrators or users with designated administrative roles possess the authority to publish charts within the dashboard. Admins have the option to select either tab-based or chart-based publishing methods. Chart-Based Publishing ======================= Chart-based publishing enables administrators to selectively publish specific charts within a tab of a dashboard. .. figure:: images/ChartBased.png :class: with-shadow :scale: 90 *Chart based Publish* Tab-Based Publishing ====================== Tab-based publishing enables administrators to publish entire tabs within the dashboard. .. figure:: images/tabwise.png :class: with-shadow :scale: 90 *Tab based Publish* To directly navigate to the published dashboard is by clicking on the Dashboard icon in the home page. .. figure:: images/pd.png :class: with-shadow :scale: 90 *Published Dashboard* .. note:: The Red Flag indicates that the chart(s) has been published successfully. ----------------------------------- Color continuation in visualisation ----------------------------------- Color continuation is the way of expressing the continuity of colors. It ensures consistent representation of factors or categories across visualizations by maintaining uniform color schemes. It enhances clarity and interpretation, aiding effective communication of insights and decision-making in data visualization. .. figure:: images/Colorcontinuation.png :class: with-shadow :scale: 90 *Color Continuation* This approach in SEDGE shows the color for the factor is consistent across all charts.