BigPicture Custom Charts

Overview

Teams manage a myriad of key insights and projects, each requiring specific attention and answers. To streamline the process of accessing and visualizing crucial information, BigPicture introduces the innovative Custom Charts gadget, tailored for creating charts from BigPicture boxes.

This gadget is an integration with BigPicture. Make sure you are using that app first!

BigPicture Boxes serve as comprehensive groupings for your projects, products, teams, or portfolios, providing a structured overview of your organizational landscape.

When it comes to viewing results, the first step is to choose the content you wish to display, facilitated by the intuitive BigPicture search panel. This panel empowers you to precisely select the data you need. Once your data is curated, the BigPicture Custom Charts gadget takes center stage, presenting the results of your search and offering flexible options for visualizing your data effectively.

See also

The BigPicture Search Panel

The BigPicture search allows you to search through your boxes and select the elements you want to display in your BigPictureCustom Chart gadget, filtering out unwanted tasks or projects.

You can search through the selected box by: ID, Status, Box type, Start/end date range or text (search mode filters information based on the BigPicture summary fields).

bp_custom_charts_search_panel.png

The search also applies to all hidden fields and columns.

Available type of fields

BigPicture fields

These fields can be configurable fields (e.g., End Date), non-configurable fields (e.g., summary) or native App fields (don’t correspond to any external tool). You can read more in .

Available BigPicture fields: ID, Type, Name, Status, Leader, Created Date, Start Date, End Date, Actual Cost, Archived, Budget, Description, Closed Date, Icon, Inactive For, Period Mode, Estimated Cost, Sequentiality…

BigPicture Built-in tasks coming soon


View type: Table

You can view the results of your BigPicture search as a table, where you can select the columns that are displayed. Using the table view, you can display results as:

  • Group of results

  • Aggregation of results

Screenshot 2023-11-24 at 13.34.25.png

Group results

Group results by selected columns

If you are familiar with the GROUP BY statement in SQL, you can choose how to group the results of your BigPicture search.
NOTE
When you select to group the results from the previously selected columns, the result rows are split into groups, based on their values. This means that only one row is displayed for each of the groups.

Pay attention to selecting the columns based on the results that you want to display for each group

EXAMPLE

If we filter the previous list of issues by the column Status, the results show only two rows, one for the status To Do and the other for the status Done.

 

Selecting the columns: Status, Name, and ID, the resulting list displays three rows.

The grouping of columns is typically combined with aggregations.

 

 

Aggregations

Aggregations are also common in the SQL domain. These functions get the values of grouped rows as the input of that function to return a calculated value.

This gadget supports five functions:

  • Count. It returns the number of rows in that group.

  • Sum. It returns the addition of the sequence of the numbers of the group.

  • Min. It returns the smallest value of the range of values of the group.

  • Max. It returns the largest value of the range of values of the group.

  • Mean. The arithmetic mean, sums the values of the grouped rows and divides the result by how many rows are being averaged.

For example, if we want to view the number of Boxes with status, leader and description:

 

 


View type: Chart

Line chart

A line chart represents the results of your BigPicture search as a series of data points connected by a straight line. It’s used to visualize trends over periods or dates in the x-axis.

In the example, the line chart plots the issues created and closed date for a given date range.

 

Multi line chart

The multiline chart is useful when we need to compare data in a time series or trends.

The example chart shows the issues with an end date and a description, grouped for a given data range weekly.

 

 

Tile chart

This visual representation presents the information in a set of tiles. You can display the result of your BigPicture search and apply aggregations.

For example, you might want to find out the status of your team activities, view the progress, and count the number of boxes.

After you apply the filters to your query, the results are displayed in tiles showing both the number and the percentage, in the example, for the items In Progress, Not Started, and Closed.

 

Bar chart

A bar chart represents the results of your BigPicture search as a series of rectangular bars with the height proportional to the represented values. It’s useful to compare results of different types or categories.

For example, the example Bar Chart shows the created and closed issues displayed for the selected date range on a quarterly basis.

Note that you can select the bars to be horizontal or vertical, as in the example.

 

Grouped bar chart

We can perform more complex comparisons of the information returned by our query grouping by specific fields.

 

Stacked bar chart

The grouped bar chart is similar to the bar chart with the combined results of the groups on top of each other. Thus, the height is the combined result, making it not appropriate for cases with negative values.

In the illustrative example, the chart displays all the tasks organised by their respective Created Date and with a description. The output showcases all the Created Dates distributed throughout each week in a month for a selected date range, as per the user's specified date range.

Pie chart

A pie chart is a visualization of your data in a circular graph, where each slice indicates the quantity of the result of your BigPicture search. When a pie chart has several sections or slices, it’s difficult to compare one with another. To overcome this inconvenience, the pie chart comes with a table indicating the values of each slice and the % it represents.

When the field selected in “Chart by” has a date format e.g., Created, a new selector appears to allow grouping by day, week, month, quarter, or year, making the results easier to understand and communicate.

Area chart

The area chart represents the results of your BigPicture search as a series of data points connected by a straight line and filled with a colored area. The colored area can help to emphasize the magnitude of the values that are presented. An area chart is often used to show trends over time or categories, as well as to compare multiple series of data.

In the example, the chart plots the issues based on their Created Date and Closed Date, organizing the Created Dates into monthly groupings for enhanced clarity and insight.

 

Stacked area chart

A stacked area chart is a variation of the area chart where the areas are stacked on top of each other instead of being overlaid. Each stack represents a category or a group, and the height of the stack represents the total value of the group. It's useful for showing the relative contribution of each group to the total, as well as for tracking changes in the total over time. However, stacked area charts may not be suitable for displaying negative values, as they can become difficult to read.

 


Custom colors

Colors have the power to communicate meaning, provoke emotions, and highlight information. Within our organizations and teams, it’s common to associate concepts with specific colors, making easier and quicker the communication of ideas and information.

Whenever you select a chart, you’ll be able to select the color of each specific segment or value of it:

 

The color picker allows the selection of color either by hexadecimal code, RGB, or our pre-defined 24-color palette (selected based on the right contrasts and tones).

Hide segments

Not all the results are needed when communicating information in a chart, sometimes because one of those values or segments distorts the results or deviates the attention.

Clicking on the eye icon, the corresponding segment is hidden (or shown) in the chart:

 

Reorder segments

In the same line of hiding segments or customizing the colors of our charts, rearranging the position of the existing segments or values reinforces the way we transmit the information with our charts.

Just drag and drop any segment or value from the six dots on the left side of the segments and move it upwards or downwards to the correct place, and the chart will be updated accordingly.

 

Configuration

Give your gadget a meaningful name so it is clear what it does and how to use it. Fill out the remaining of the fields as applicable:

  • The data source, where the source BigPicture instance is installed.

  • Select multiple boxes, and use the Tree locator to select the data that you want to investigate.

  • The Configure filters to refine your search allow you to insert additional criteria. Choose from: Text, ID, Status, Type, and Dates.

  • The View Type Here you choose the visual representation of your BigPicture search. Results can be displayed in a Table or a chart format.

  • Columns (just for the table view) allow you to choose the columns that you want to display.

  • Group results by selected columns groups your search results by the previously selected Columns.

Dashboards

This gadget is not included in any pre-defined dashboard, check other orphan gadgets:

See also

Confluence®, Jira®, Atlassian Bamboo®, Bitbucket®, Fisheye®, and Atlassian Crucible® are registered trademarks of Atlassian®
Copyright © 2005 - 2024 Appfire | All rights reserved. Appfire™, the 'Apps for makers™' slogan and Bob Swift Atlassian Apps™ are all trademarks of Appfire Technologies, LLC.