Charts

• A chart is a visual representation of data designed to make information easily understandable at a glance

• Charts use graphical elements such as lines, bars, points, and slices to convey numerical or categorical information

• They play a crucial role in data visualization, making complex datasets more accessible and aiding in the interpretation of patterns, trends, and relationships within the data

• Here are brief explanations of some common types of charts:

Types of Charts

There are nine types of chart

1. Column Chart

2. Group Column Chart

3. Stacked Bar Chart

4. Stacked Column Chart

5. Bar Chart

6. Grouped Bar Chart

7. Pie Chart

8. Bullet List

9. Line Chart

• Column Chart

  • A column chart is a type of graph that uses vertical bars to represent data values. The length of each column corresponds to the magnitude of the data it represents

  • Column charts are particularly effective for comparing values across different categories or displaying the distribution of a dataset

  • The x-axis typically represents categories, while the y-axis represents the scale of the data

  • Column charts are straightforward, making them a popular choice for visually presenting simple comparisons and trends in data

• Group Column Chart

  • A grouped column chart is a type of chart that displays multiple sets of data using vertical bars grouped together side by side

  • Each group of columns represents a distinct category, and within each group, individual columns represent different series or subcategories. This format allows for easy comparison of values within each category as well as across different categories

  • Grouped column charts are useful when you want to show variations and comparisons of multiple datasets simultaneously, making it visually clear and accessible for the audience to analyze and interpret the data

• Stacked Bar Chart

  • A stacked bar chart is a type of graph that uses horizontal bars to represent data values, with each bar divided into segments that stack on top of each other. Each segment within a bar represents a different category or component, and the full bar represents the total value for that particular category

  • Stacked bar charts are useful for illustrating the total and how it is divided into subcategories. They provide a visual representation of both the individual components and the overall composition of each category, making it easy to compare the contribution of each segment to the whole

• Stacked Column Chart

  • A stacked column chart is a type of graph that uses vertical bars to represent data values, and each bar is divided into segments that stack on top of each other. Each segment within a bar represents a different category or component, and the full height of the stacked column represents the total value for that particular category

  • This type of chart is effective for showing both the individual values of each segment and the cumulative total for each category

  • Stacked column charts are useful when you want to emphasize the overall composition of each category while still maintaining visibility of the contribution of individual components. They are commonly used to display the distribution of data and the relative proportions of different subcategories within each main category

• Bar Chart

  • A bar chart is a graphical representation of data using rectangular bars or columns to show the values of different categories. The length of each bar corresponds to the magnitude of the data it represents

  • The bars can be either vertical (column chart) or horizontal (bar chart), depending on the orientation

  • Key features of a bar chart:

    1. Categories: The x-axis typically represents categories or labels that are being compared

    2. Values: The y-axis represents the scale of the data, indicating the values associated with each category

    3. Bars: Each bar is drawn for a specific category, with its length proportional to the value it represents

  • Bar charts are versatile and straightforward, making them one of the most widely used types of charts for displaying and comparing data in a visual format

• Grouped Bar Chart

  • A grouped bar chart is a variation of the standard bar chart that displays multiple sets of data using bars grouped together side by side

  • Each group of bars represents a distinct category, and within each group, individual bars represent different series or subcategories

  • Key features of a grouped bar chart:

    1. Categories: The x-axis typically represents categories or labels

    2. Values: The y-axis represents the scale of the data, indicating the values associated with each category

    3. Groups: Bars within each group are positioned next to each other, allowing for easy visual comparison of values within the same category

  • This type of chart is particularly useful when you want to compare values across different categories and within each category, compare the contributions of various subcategories or series. It provides a clear visual representation of the relationships and differences between multiple datasets

• Pie Chart

  • A pie chart is a circular statistical graphic that is divided into slices to illustrate numerical proportions. In a pie chart, each slice represents a proportionate part of the whole, and the size of each slice is proportional to the quantity it represents. The entire circle represents 100%, and each slice represents a percentage of that whole

  • Key features of a pie chart:

    1. Slices: Each slice represents a category or component of the data being visualized

    2. Proportions: The size of each slice is proportional to the quantity it represents relative to the whole

    3. Totality: The sum of all the slices adds up to 100%, representing the entirety of the data

    4. Color or Patterns: Different colors or patterns are often used to distinguish between slices

• Bullet List

  • A bullet list is a text formatting technique used to present information in a concise and organized manner

  • In a bullet list, items are typically preceded by small symbols (bullets) to visually separate and highlight individual points. Each item in the list is typically a short, standalone statement or phrase

  • Key features of a bullet list:

    1. Bullets: Small symbols, often dots or circles, precede each item in the list

    2. Itemization: Each point in the list is presented as a separate, concise statement

    3. Ordering: Bullet lists are often used for unordered or non-sequential items. For ordered or sequential items, numbers or letters may be used

• Line Chart

  • A line chart is a type of graph that displays data points over a continuous interval or time span, connecting them with straight lines. This visual representation helps to show trends, patterns, and relationships between variables

  • Line charts are effective for illustrating changes in data over time or across ordered categories

  • Key features of a line chart:

    1. Axes: The x-axis typically represents the independent variable (such as time or categories), while the y-axis represents the dependent variable (the data values)

    2. Data Points: Each data point is marked on the chart, and a line connects these points, emphasizing the trend or pattern

    3. Trends: Line charts are particularly useful for visualizing trends, showing whether values are increasing, decreasing, or remaining relatively constant

    4. Multiple Lines: You can have multiple lines on the same chart, making it easy to compare trends between different data series

    5. Markers: Data points are often marked with dots or other symbols to enhance visibility

Attributes

Following attributes will be applicable to all type of charts:

Model

• All the models will be displayed in the list that you have created using an object, you can choose the specific model

• Models are used to display content in the layout

• You need to create a multi-record model for a Table component, refer to this Models

  • Create New Model: You can either choose the model from the list or you can create the new model by clicking on “Create New Model“ Option for your table

Chart Title

• The chart title is a text element that provides a brief description or label for a chart that appears on the middle top of the chart

• It is usually positioned at the top of the chart and serves to convey the primary purpose or context of the chart to the viewer

• The title helps users understand the key information or message the chart is intended to communicate. It is an important component of chart design, contributing to the overall clarity and interpretability of the visual representation of data

• Merge Text-

  • By using these operation the user can combines two or more values into a unified text string

  • Following are the Source Type through which we can merge the values

    • Source Type

      • Static- Static source type refers to values that are hard-coded

      • Model- Merging different kinds of fields

      • Variable- To merge labels using the values existing in the generated variable

      • Cookie Key- Data stored in browser cookies, retrieved using a specified cookie key

      • Local Storage Key- Information stored locally on the user's device and accessed from the local storage

      • Query Param Key- Values obtained from query parameters in a URL or similar query-based sources

      • User- Details associated with a user profile, such as username or user-specific information

      • Instance- Values from instances of objects or entities within the system

Label Field

• The label is visible as value on the X-Axis

• The label field in a chart refers to the textual information associated with data points, categories, or axes

• Labels provide context and clarification, making the chart more understandable. In various types of charts, labels may include axis labels (for x-axis and y-axis), data point labels, category labels, or any other descriptive text that aids in interpreting the chart. These labels help users identify and comprehend the significance of different elements within the chart

Value Field

• The value is visible as value on the Y-Axis

• The value field in a chart refers to the numerical data that is being represented graphically

• It represents the actual quantitative information or measurements associated with specific data points, categories, or series in the chart. The value field is crucial for understanding the magnitude, scale, and relationships between different elements within the chart

• Depending on the type of chart, the value field may correspond to the height of bars, the position of points, or the size of elements, providing a visual representation of the underlying numerical data

Show X Axis Label

• Show X-Axis label checkbox If it is checked, the label will be visible on X-Axis otherwise not

X Axis Label

• The x-axis label in a chart is the description or values along the horizontal axis, providing context for the data represented in the chart

• The label appears at the bottom of the chart

• Merge Text-

Show Y Axis Label

• Show Y-Axis label checkbox If it is checked, the label will be visible on Y-Axis otherwise not

Y Axis Label

• The y-axis label in a chart is the description or values along the vertical axis, indicating the scale and context for the dependent variable in the chart

• The label appears at the left of the chart

• Merge Text-

Show Legend

• The Show Legend option in a chart enables or disables the display of a key that identifies the different data series or elements within the chart

• Show Legend checkbox If it is checked, the title will appear on the right side of the chart otherwise not

Legend Title

• There are optional titles for the chart, for the X axis

• The Legend Title in a chart is the label or heading that provides a title for the legend, which is a key explaining the symbols or colors used to represent different elements or data series in the chart

• Merge Text-

Background Theme

• The background theme in a chart defines its visual style; it includes color schemes, fonts, and other design elements

• There are the two types of theme

  • Light- Light theme refers to the default setting, where the background is light, usually white, and the text is dark

  • Dark- Dark theme offering a dark background, often black with light text

Chart Theme

• A theme is used to determine the coloring and hues that display in the charts

• For example, the default border color and chart colors are determined by the theme

• Types of Background Theme

  • Air- This scheme often includes light and airy colors, creating a sense of openness and tranquility

  • Aqua- Inspired by water and aquatic themes, the aqua color scheme typically features shades of blue and green

  • Cool- This scheme features cool tones, including various shades of blue and green. It can create a calm and refreshing visual experience

  • Fire- Inspired by warm colors, the fire color scheme includes shades of red, orange, and yellow. It's suitable for creating charts with a warm and energetic feel

  • Flame- Similar to the fire scheme, flame includes warm colors associated with flames, such as reds, oranges, and yellows

  • Forest- This color scheme might feature earthy and green tones, reminiscent of a forest or natural environment. It could provide a calming and organic feel to your charts

  • Horizon- The name suggests a color scheme inspired by the colors of the horizon, possibly blending warm and cool tones to create a visually balanced and harmonious effect

  • Natural- A softer and more subdued color scheme, often mimicking natural tones. It's a good choice for a more calming and neutral appearance

  • Neons- Neons often refer to bright, vibrant, and highly saturated colors. This color scheme could be ideal for creating bold and attention-grabbing charts with a modern and energetic look

  • Night- A night-themed color scheme might include darker shades, such as deep blues and purples, creating a sense of sophistication and mystery

  • Night Lights- This name implies a color scheme inspired by city lights at night, possibly featuring a mix of dark backgrounds and bright, contrasting colors to represent the lights of a cityscape

  • Ocean- An ocean-themed color scheme could include various shades of blue and green, reminiscent of the colors of the sea. It may create a sense of tranquility and depth in your charts

  • Picnic- Picnic might suggest a playful and vibrant color scheme, potentially incorporating a mix of warm and cool colors. It could be a lively and cheerful option for your charts

  • Solar- A scheme with bright and sunny colors, invoking a sense of warmth and brightness

  • Vivid- A vibrant and colorful scheme with high saturation, suitable for creating visually striking chart

Is Animation Enabled?

• Refers to whether dynamic visual effects, like transitions or movements, are activated for a more engaging presentation of the data

Show Gradient

• refers to the option of displaying a gradual transition of colors, typically in the background or elements, creating a smooth gradient effect for visual enhancement

Show X Axis

• Show X-Axis is the checkbox If it is checked, the values of X-Axis will be visible otherwise not

Show Y Axis

• Show Y-Axis is the checkbox If it is checked, the values of Y-Axis will be visible otherwise not