Dashboards, charts, & widgets

VSTS | TFS 2018 | TFS 2017 | TFS 2015 | TFS 2013

Customizable, highly-configurable dashboards provide you and your teams with the flexibility to share information, monitor progress and trends, and improve your workflow processes.

Add widgets to your dashboard

With dashboards, you can configure an array of charts and widgets.

Each team can add and configure multiple dashboards to share information, view status, progress, and trends, and access quick links and other functions. Easily add and rearrange widgets on the dashboard to show recent changes made to view build status, bug trends, and more.

Example dashboard

Sample chart widgets

Lead time widget Cumulative flow diagram widget

Sequence for adding and customizing a dashboard

Add dashboardAdd widget

Monitor code activity, build progress and deployment status

With the code tile widgets, you can monitor the activity occuring within a repo or branch folder. Build history displays a histogram of all builds run for a specific build definition. Bar color indicates: green-completed, red-failed, and yellow-completed without tests.

Code, build, and release chart widgets

Code tile widget   Pull request widget
Build history widget   Deployment status widget

Marketplace widgets

In addition to the widgets available to your from the widget catalog, you may find additional widgets of interest from the Marketplace.

Generate status and trend charts from queries

With flat-list queries, you can create various charts to monitor status, progress, and trends. To get started, you can open a shared query and create a chart based on your tracking interests. Chart types include status—pie, bar, column, stacked bar, and pivot—and trend—stacked area, line, and area—charts.

Sample Agile tool light-weight charts

Active bugs

Sequence for adding query-based charts to a dashboard

Edit queryCreate chartAdd chart to dashboard

Prior to monitoring work progress and trends, you'll need to have planned your project and made progress on work you're tracking.

The steps to creating charts that track test progress and results are similar to those for tracking work. The starting point, however, begins with the test plan rather than a query. For example, you can find out how many test cases are ready to run, or how many tests are passing and failing in each test suite.

Sample light-weight test charts

Active bugs

And, just like work item query-based charts, you can add these charts to a dashboard.

Sequence for adding test progress and result charts to a dashboard

Edit queryCreate chartAdd chart to dashboard

System-generated work tracking charts

There are a number of system-generated charts that you can access from the web portal, but can't add to a dashboard. However, you may find a comparable widget listed in the widget catalog that tracks the same or similar data which you can add to the dashboard. These include:

Sprint charts

Each sprint provides access to two charts. The first tracks capacity for the team, team activities—such as Development, Test, Design—and individual team members. The second tracks the sprint burndown in terms of remaining work.

Capacity bars Burndown
Capacity bars Burndown chart

Sprint chart widgets

Sprint capacity widget Sprint burndown widget

Try this next

Add custom fields

You can add data to support reporting requirements in the following ways:

Extensibility

Using the REST API service, you can create a custom widget.