<p>Dao Lam, Software Engineer, Verizon Media</p>
<p>Dekus Lam, Software Engineer, Verizon Media</p>
<p>Screwdriver just released a new feature called Build Metrics, which gives users more insight into their pipeline, build, and step trends.</p>
<h2>Viewing the metrics</h2>
<p>You can now navigate to the Metrics tab in your pipeline to view these metrics graphs or navigate to <code>https://${SD_UI_URL}/pipelines/${PIPELINE_ID}/metrics</code>.</p><figure data-orig-width="2842" data-orig-height="1364" class="tmblr-full"><img src="https://66.media.tumblr.com/2cc58e341140b4161d569edd1bee05c1/tumblr_inline_ppthxulrdx1qf05nt_540.png" alt="image" data-orig-width="2842" data-orig-height="1364"/></figure>
<!-- more -->
<p>The first graph shows metrics across different <a href="https://docs.screwdriver.cd/about/appendix/domain.html#event">events</a> for the pipeline. An event is a series of builds triggered by a single action, which could be a commit, an external pipeline trigger, or a manual start. (Read more about <a href="https://docs.screwdriver.cd/user-guide/configuration/workflow.html#workflow">workflow</a>). The graph illustrates the following data about your pipeline:</p>
<ul><li>Total duration of each event</li>
<li>Total time it takes to pull images across builds in each event</li>
<li>Total time the builds spend in the queue in each event</li>
</ul><p>The second graph shows a build duration breakdown for corresponding events from the first graph.</p>
<p>The third graph shows the step breakdown across multiple builds for a specific job.</p>
<h2>Chart Interactions:</h2>
<ul><li>Legend to filter visibility of data</li>
<li>Bar graph tooltip on hover for more details about the selected metric data</li>
<li>Copy-to-clipboard button inside tooltip</li>
<li>Preset time ranges & custom date ranges</li>
<li>Toggle between UTC and Local date time</li>
<li>Toggle for trendline view</li>
<li>Toggle for viewing only successful build data</li>
<li>Drag-and-zoom & button to reset zoom level</li>
<li>Deep links to step or build logs</li>
</ul><figure data-orig-width="2822" data-orig-height="1135" class="tmblr-full"><img src="https://66.media.tumblr.com/47e4f81daa5d50141e4f54faf73b6927/tumblr_inline_ppthqlZMpp1qf05nt_540.png" alt="image" data-orig-width="2822" data-orig-height="1135"/></figure><img src="https://66.media.tumblr.com/3e4608b3484eec7965674063fac973c5/tumblr_inline_ppth4wvJHv1qf05nt_540.png" alt="image"/><h2>Compatibility List</h2>
<p>In order to use this feature, you will need these minimum versions:</p>
<ul><li>[UI] (<a href="https://hub.docker.com/r/screwdrivercd/ui">https://hub.docker.com/r/screwdrivercd/ui</a>) - v1.0.408</li>
<li>[API] (<a href="https://hub.docker.com/r/screwdrivercd/screwdriver">https://hub.docker.com/r/screwdrivercd/screwdriver</a>) - v0.5.641</li>
</ul><h2>Contributors</h2>
<p>Thanks to the following contributors for making this feature possible:</p>
<ul><li><a href="https://github.com/chasturansky">chasturansky</a></li>
<li><a href="https://github.com/d2lam">d2lam</a></li>
<li><a href="https://github.com/dekusdenial">dekuslam</a></li>
<li><a href="https://github.com/parthasl">parthasl</a></li>
</ul><p><b>Questions & Suggestions</b>
We’d love to hear from you. If you have any questions, please feel free to reach out <a href="https://docs.screwdriver.cd/about/support">here</a>. You can also visit us on <a href="https://github.com/screwdriver-cd">Github</a> and <a href="https://slack.screwdriver.cd">Slack</a>.</p>