{"id":12252,"date":"2022-10-13T10:06:16","date_gmt":"2022-10-13T10:06:16","guid":{"rendered":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/?post_type=article&#038;p=12252"},"modified":"2025-09-15T17:09:06","modified_gmt":"2025-09-15T11:39:06","slug":"roadmap-detail-widget","status":"publish","type":"article","link":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/roadmap-detail-widget\/","title":{"rendered":"Roadmap Detail Widget"},"content":{"rendered":"<p>Start with the video first to get a better grasp of the topic!<br \/>\n<iframe loading=\"lazy\" title=\"Overview of Project Health Module and Understand Roadmap Widget - part1\" src=\"https:\/\/player.vimeo.com\/video\/841752508?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<table style=\"line-height: 10px; height: 77px; width: 99.2704%; border-collapse: collapse; background-color: #f7f7f7;\">\n<tbody>\n<tr style=\"height: 108px;\">\n<td style=\"width: 100%; height: 77px;\">\n<p style=\"text-align: left;\"><strong>Skip Ahead to:<\/strong><\/p>\n<p style=\"line-height: 10px; text-align: left;\"><a href=\"#Overview\">Overview<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"#RoadmapSummaryWidget\">Rendering of Roadmap Summary Widget<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"#Plotting\">Plotting of Planned Bar and Actual Bar<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"#DependencyView\">Dependency View in the Roadmap Widget<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"#MinimizedView\">Minimized View of Roadmap Summary Widget<\/a><\/p>\n<p style=\"text-align: left;\"><a href=\"#Scenarios\">Plotting of Roadmap Summary View in Different Scenarios<\/a><a id=\"Overview\"><\/a><a href=\"#Scenarios\"><\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Overview<\/h2>\n<p>While working on large products, a product owner often works on more than one project initiative (like themes and epics in our case). While developing big initiatives parallelly, it becomes challenging to remember their scheduled duration and deadline. Also, if any feature is getting delayed for some reason, then it becomes difficult to measure that delay which may cause serious repercussions.<\/p>\n<p>To handle these kinds of situations, which are quite common in product management, it becomes very important to have a visual overview of the schedule of your project initiatives along with their deadline. And that is where the Roadmap Summary Widget can help you.<\/p>\n<p>The Roadmap Summary widget offers you a visual overview of your initiatives\u2019 progress at a glance in a precise way. It helps you see which workitem\/Release\/Sprint is planned for what duration, and how it is progressing. Also, based on the current pace of the workitem\u2019s progress, it shows the potential slippage in its completion so that you can take necessary actions on time<\/p>\n<p>With the Roadmap Summary widget, you can view the following information:<\/p>\n<ul>\n<li>The various project initiatives like Theme, Epic (along with their child workitems), or Delivery Cadences like Release or Sprint.<\/li>\n<li>The planned duration of each workitem\/release\/sprint<\/li>\n<li>The actual progress of each workitem\/release\/sprint against the planned duration.<\/li>\n<li>When each workitems begins and ends<\/li>\n<li>Any potential delay in the completion of the workitem<\/li>\n<li>Percentage of work done till current date<\/li>\n<li>Percentage of slippage in completion (if any)<\/li>\n<li>The predicted end date of a workitem if it is getting delayed<\/li>\n<\/ul>\n<p><a id=\"RoadmapSummaryWidget\"><\/a>To summarize, the Roadmap Summary widget shows you the current status of your workitems or Releases\/Sprints against how it was planned so that you can take necessary action to ensure the timely delivery of your product.<\/p>\n<h2>Rendering of Roadmap Summary Widget<\/h2>\n<p>On the left of the widget is the hierarchy of the workitem or release (whichever is selected in the filter panel) and along the top is a timescale in weekly (for release) or bi-weekly (for workitems) format. If the workitems in the hierarchy are from multiple projects, then the legend for each project is shown above the hierarchy. And the workitems are highlighted with their project legend to show which project they belong to. If the workitems in the hierarchy are from the same project, then no legend will be shown.<\/p>\n<p><strong>Note:<\/strong> The legends will be shown only if the Roadmap Summary widget is opened in the Maximise view.<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Roadmap-Summary-Widget-Timeline_Widget.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-12255\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Roadmap-Summary-Widget-Timeline_Widget.jpg\" alt=\"\" width=\"850\" height=\"383\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Roadmap-Summary-Widget-Timeline_Widget.jpg 850w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Roadmap-Summary-Widget-Timeline_Widget-300x135.jpg 300w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Roadmap-Summary-Widget-Timeline_Widget-768x346.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/a><\/p>\n<p>Against each workitem or release, two bars get plotted. The position and length of the bar reflect the start date, duration, and end date of the workitem. The left end of a bar represents the start date and the right end of the bar represents the end date. The vertical blue line shows the current date as the entire widget gets plotted with respect to the current date only.<\/p>\n<h3>Planned bar<\/h3>\n<p>The first\/upper bar (in grey color) against a workitem is the Planned Bar which shows the planned duration of the workitem. The Planned start date and Planned Finish date are plotted according to the values entered in the Planned Start and Planned Finish date fields on that workitem. Clicking the Planned bar opens the detail view of the workitem.<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Timeline_Widget-Planned-bar.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-12256\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Timeline_Widget-Planned-bar.jpg\" alt=\"\" width=\"1352\" height=\"613\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Timeline_Widget-Planned-bar.jpg 1352w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Timeline_Widget-Planned-bar-300x136.jpg 300w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Timeline_Widget-Planned-bar-1024x464.jpg 1024w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Timeline_Widget-Planned-bar-768x348.jpg 768w\" sizes=\"(max-width: 1352px) 100vw, 1352px\" \/><\/a><\/p>\n<p>You can edit the Planned Start date and Planned Finish date of a workitem by adjusting the start point and end point of the planned bar respectively. To modify the planned dates, hover over the start or end point of the planned bar and drag the modifier on the widget to set the new date.<\/p>\n<h3>\u00a0Actual Bar<\/h3>\n<p>The second\/lower bar (in green color) against each workitem is the Actual bar which shows the actual progress of the workitem.<\/p>\n<h4>\u00a0Actual Start Date<\/h4>\n<p>The Actual Start date is the date on which the workitem starts getting executed. This Actual start of a workitem depends on the card % complete preference set for that workitem.<\/p>\n<p>If the &#8220;% Complete Preference&#8221; for the Card Type is &#8220;Manual&#8221; or &#8220;Percentage of ToDos Completed&#8221; or &#8220;Percentage of ToDo Effort Completed&#8221; then the Actual Start Date is whichever of the following two dates are earlier:<\/p>\n<ol class=\"whs3\" type=\"1\">\n<li class=\"p\">Earliest approved timesheet entry date against the ToDos of that workitem OR<\/li>\n<li class=\"p\">First movement of that workitem into an &#8220;In-Progress&#8221; type of column on the Work Hub.<\/li>\n<\/ol>\n<p>Note: Whatever is the earliest movement into an &#8220;In Progress&#8221; column across other lanes is considered for the Actual Start date for the workitem.<\/p>\n<p>If the Card Type &#8220;% Complete Preference&#8221; preference is &#8220;Child Percent Progress&#8221;, then the Actual Start date is derived from one of its child cards which have the earliest date based on the above-mentioned points- A or B.<\/p>\n<h4>Actual End Date<\/h4>\n<p>The Actual End Date is the date on which the workitem is completed and moved to the \u2018Done\u2019 type column on the Work Hub.<\/p>\n<h3>Percentage inside the Actual Bar<\/h3>\n<p>The percent shown inside the actual bar shows how much work of that workitem is done. The Percentage of the work is measured according to the \u2018Card % Complete\u2019 preference selected for that workitem in the Work Hub.<\/p>\n<p>For example, if the Card % Complete preference selected for the workitem is \u201cChild Percent Complete\u201d, then the work percentage on the actual bar will be calculated according to its closed children cards. Similarly, if the Card % Complete preference is \u201cPercentage of My Card ToDo completed\u201d \u201cPercentage of My Card ToDo Effort completed\u201d or \u201cManual\u201d, the work percentage will be shown as per the count of closed ToDos or effort logged against closed ToDos or manual percentage respectively.<\/p>\n<p>If the workitem starts after its Planned Finish date, then the work is considered as a 100 % spillover, and the actual bar is shown in red with its percentage on it.<\/p>\n<h3>Slippage Bar and Predicted End date<\/h3>\n<p>If the actual progress of the workitem does not go according to the Planned bar and the work gets stretched beyond the Planned Finish date then the Roadmap Summary widget predicts the slippage in the completion of the workitem and shows the Predicted End date in red color next to the bar.<\/p>\n<p>Predicted End Date = (Current Date &#8211; 1) + (Days Required to Complete at Current Velocity)<\/p>\n<p>Where &#8220;Days Required to Complete at Current Velocity&#8221; = Total Open Cards \/ Current Velocity<\/p>\n<p class=\"whs4\">Note: Predicted End date is displayed only if at least 25 percent work of the workitem is done.<\/p>\n<h3>Slippage percentage at the end of the Bar<\/h3>\n<p>The slippage percentage of a workitem is measured according to the delay in finishing the work against its planned date. It is shown in red color next to the predicted end date.<\/p>\n<p>The slippage percentage is calculated as given below:<\/p>\n<p>Slippage Percentage = \u00a0\u00a0<u>\u00a0<\/u>No. of days delayed \/Planned Duration of the Agile Workitem X 100<\/p>\n<p>Where<\/p>\n<p>No of days delayed (for a closed card) = Actual End Date &#8211; Planned End Date<\/p>\n<p><a id=\"Plotting\"><\/a>No of days delayed (for an open card) = Predicted End Date &#8211; Planned End Date<\/p>\n<h2>Plotting of Planned Bar and Actual Bar<\/h2>\n<h3>Plotting of Planned Bar<\/h3>\n<p>Plotting of the Planned Bar depends on the value of the Planned Start Date and Planned Finish date of the workitem. If any of these values are not present, then the Plotting of the bar is impacted as mentioned below \u2013<\/p>\n<table class=\"whs5\" width=\"100%\" cellspacing=\"0\">\n<colgroup>\n<col class=\"whs6\" \/>\n<col class=\"whs7\" \/>\n<col class=\"whs8\" \/><\/colgroup>\n<tbody>\n<tr class=\"whs9\" valign=\"top\">\n<td class=\"whs10\" style=\"text-align: left; vertical-align: top;\" width=\"16.822%\">\n<p class=\"whs4\"><strong>Planned Start Date<\/strong><\/p>\n<\/td>\n<td class=\"whs11\" style=\"text-align: left; vertical-align: top;\" width=\"18.217%\">\n<p class=\"whs4\"><strong>Planned Finish Date<\/strong><\/p>\n<\/td>\n<td class=\"whs12\" style=\"text-align: left; vertical-align: top;\" width=\"64.961%\">\n<p class=\"whs4\"><strong>Planned Bar<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr class=\"whs9\" valign=\"top\">\n<td class=\"whs13\" style=\"text-align: left; vertical-align: top;\" width=\"16.822%\">Available<\/td>\n<td class=\"whs14\" style=\"text-align: left; vertical-align: top;\" width=\"18.217%\">Available<\/td>\n<td class=\"whs15\" style=\"text-align: left; vertical-align: top;\" width=\"64.961%\">If the planned start and end dates are available, then the planned bar will be in grey as per their dates as shown against EPC4 in the hierarchy in the image below.<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11099\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB1.jpg\" alt=\"\" width=\"474\" height=\"54\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB1.jpg 474w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB1-300x34.jpg 300w\" sizes=\"(max-width: 474px) 100vw, 474px\" \/><\/a><\/td>\n<\/tr>\n<tr class=\"whs9\" valign=\"top\">\n<td class=\"whs13\" style=\"text-align: left; vertical-align: top;\" width=\"16.822%\">Available<\/td>\n<td class=\"whs14\" style=\"text-align: left; vertical-align: top;\" width=\"18.217%\">Not Available<\/td>\n<td class=\"whs15\" style=\"text-align: left; vertical-align: top;\" width=\"64.961%\">If the Planned Start date is available and the Planned Finish date is not available, then the planned bar will start from the planned start date and fade out towards the Planned Finish as shown against EPC3.<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11100\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB2.jpg\" alt=\"\" width=\"296\" height=\"55\" \/><\/a><\/td>\n<\/tr>\n<tr class=\"whs9\" valign=\"top\">\n<td class=\"whs13\" style=\"text-align: left; vertical-align: top;\" width=\"16.822%\">Not Available<\/td>\n<td class=\"whs14\" style=\"text-align: left; vertical-align: top;\" width=\"18.217%\">Available<\/td>\n<td class=\"whs15\" style=\"text-align: left; vertical-align: top;\" width=\"64.961%\">If the planned start date is not available and the Planned Finish date is available, then the planned bar will start with a gradient\/faded color and end on the Planned Finish date on the Roadmap Summary widget as shown against EPC2.<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11101\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB3.jpg\" alt=\"\" width=\"332\" height=\"61\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB3.jpg 332w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB3-300x55.jpg 300w\" sizes=\"(max-width: 332px) 100vw, 332px\" \/><\/a><\/td>\n<\/tr>\n<tr class=\"whs9\" valign=\"top\">\n<td class=\"whs13\" style=\"text-align: left; vertical-align: top;\" width=\"16.822%\">Not Available<\/td>\n<td class=\"whs14\" style=\"text-align: left; vertical-align: top;\" width=\"18.217%\">Not Available<\/td>\n<td class=\"whs15\" style=\"text-align: left; vertical-align: top;\" width=\"64.961%\">If both the Planned Start date and Planned Finish dates are not available, but Sprint dates are available, then the sprint start date is considered as the Planned Start date and the Planned Finish date is considered as the sprint end date, so the planned bar is plotted as per the sprint duration.<\/p>\n<p>if the workitem is also not tagged to a sprint but a release then the Release start date is considered as the Planned start date and the Release end date is considered as the Planned Finish date and the planned bar is plotted accordingly.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Plotting of Actual Bar<\/h3>\n<p>Plotting of the Actual Bar depends on the value of the Actual Start Date and Actual End date or Predicted End date of the workitem. If any of these values are not present, then the Plotting of the bar is impacted as mentioned below \u2013<\/p>\n<table class=\"whs5\" width=\"100%\" cellspacing=\"0\">\n<colgroup>\n<col class=\"whs21\" \/>\n<col class=\"whs22\" \/>\n<col class=\"whs23\" \/><\/colgroup>\n<tbody>\n<tr class=\"whs9\" valign=\"top\">\n<td class=\"whs24\" style=\"text-align: center;\" width=\"15.543%\">\n<p class=\"whs4\"><strong>Actual Start Date<\/strong><\/p>\n<\/td>\n<td class=\"whs25\" style=\"text-align: center;\" width=\"18.566%\">\n<p class=\"whs4\"><strong>Actual End Date<\/strong><\/p>\n<\/td>\n<td class=\"whs26\" style=\"text-align: center;\" width=\"65.891%\">\n<p class=\"whs4\"><strong>Actual bar<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr class=\"whs9\" valign=\"top\">\n<td class=\"whs27\" width=\"15.543%\">Available<\/td>\n<td class=\"whs28\" style=\"text-align: left;\" width=\"18.566%\">Available<\/td>\n<td class=\"whs29\" width=\"65.891%\">\n<p style=\"text-align: left;\">If the workitem has started and completed without any delay as it was planned, then the bar will be in the green color. The actual start and end dates of the workitem will be shown at both ends as shown in EPC2 and EPC3 in the above image.<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB3-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-11103\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB3-1-300x55.jpg\" alt=\"\" width=\"300\" height=\"55\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB3-1-300x55.jpg 300w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB3-1.jpg 332w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/td>\n<\/tr>\n<tr class=\"whs9\" valign=\"top\">\n<td class=\"whs27\" width=\"15.543%\">Available<\/td>\n<td class=\"whs28\" style=\"text-align: left;\" width=\"18.566%\">Not Available<\/td>\n<td class=\"whs29\" width=\"65.891%\">\n<p style=\"text-align: left;\">If the Actual start date is available but the end date is not available as the workitem has not been completed, then the actual bar starts with the actual start date and gets plotted till the current date and after the current date, it starts fading.<\/p>\n<p style=\"text-align: left;\">But if the workitem is 25 percent or m is completed, then the Roadmap Summary widget will predict its end date according to the current pace of the workitem and show the predicted end date instead of the actual end date as shown in EPC4.<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB1-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11104\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB1-1.jpg\" alt=\"\" width=\"474\" height=\"54\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB1-1.jpg 474w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/08\/PB1-1-300x34.jpg 300w\" sizes=\"(max-width: 474px) 100vw, 474px\" \/><\/a><\/td>\n<\/tr>\n<tr class=\"whs9\" valign=\"top\">\n<td class=\"whs27\" width=\"15.543%\">Not Available<\/td>\n<td class=\"whs28\" width=\"18.566%\">Not Available<\/td>\n<td class=\"whs29\" style=\"text-align: left;\" width=\"65.891%\">If the workitem has not started and hence both the Actual start date and End date are not available, then the actual progress bar will not be plo, tested and instead the text &lt;Work has not started&gt; will be shown.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Timeline_widget_with_main-Scenarios-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-12258\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Timeline_widget_with_main-Scenarios-1.jpg\" alt=\"\" width=\"850\" height=\"381\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Timeline_widget_with_main-Scenarios-1.jpg 850w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Timeline_widget_with_main-Scenarios-1-300x134.jpg 300w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Timeline_widget_with_main-Scenarios-1-768x344.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/a><\/p>\n<h2><a id=\"DependencyView\"><\/a>Dependency View in the Roadmap Widget<\/h2>\n<p>The dependency view in the Roadmap widget helps you see the dependencies between workitems present on the board. The dependencies among the workitems are represented by the dependency links.<\/p>\n<p>The workitem which is dependent on the other workitem is called the Successor and the workitem on which the other workitem is dependent is called the Predecessor.<\/p>\n<p>The color of the dependency lines is drawn according to the dates (Done date, Due date, Sprint date, and Release date) available on the workitems. To know more about the dependency links and their color, read <a target=\"_blank\" href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/how-to-manage-linked-cards-in-workitems\/#Color_of_the_Dependency_Link\" rel=\"noopener\">here<\/a>.<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Dependency-View.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-12259\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Dependency-View.jpg\" alt=\"\" width=\"850\" height=\"459\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Dependency-View.jpg 850w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Dependency-View-300x162.jpg 300w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Dependency-View-768x415.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/a><\/p>\n<p>1. The Dependency links are drawn the on Planned bar further the predecessor workitem towards the successor workitem.<\/p>\n<p>2. If a workitem\u2019s predecessor or a successor is not present on the board, then it will show the count of the predecessor workitem on its left and the count the of successor workitem on its right side.<\/p>\n<p>3. Clicking the count of dependency will open the Dependency view of the main workitem.<\/p>\n<p>4. <a id=\"MinimizedView\"><\/a>If a predecessor or successor of a workitem is collapsed in the hierarchy, then too, the count of predecessor and successor workitem is shown on its left and right side respectively.<\/p>\n<h2>Minimized View of Roadmap Summary Widget<\/h2>\n<p>The minimized view of the Roadmap Summary widget shows the Planned and Actual bar of the parent workitem in the hierarchy.<\/p>\n<p>It is represented in a clock form where dates are plotted on the 12 o\u2019clock point, 6 o\u2019clock point, and at the middle of four quarters so that the date range of Planned and Actual Bar can be estimated easily.<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Roadmap-Summary-Widget.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12260 alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Roadmap-Summary-Widget.jpg\" alt=\"\" width=\"452\" height=\"375\" srcset=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Roadmap-Summary-Widget.jpg 452w, https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Roadmap-Summary-Widget-300x249.jpg 300w\" sizes=\"(max-width: 452px) 100vw, 452px\" \/><\/a><\/p>\n<p>The 12 o\u2019clock point of the clock is considered as the Start point for Planned Start and Actual Start date (whichever is earlier). And the 6 o\u2019clock point is considered as the Endpoint for the Planned Finish and Actual Finish date. But if there is a slippage in the workitem, then the Planned Bar is adjusted in such a manner that the slippage doesn&#8217;t cross the middle of the third quarter in the widget.<\/p>\n<p>In the middle of the chart, the actual percentage and slippage percentage are shown.<\/p>\n<table style=\"border-collapse: collapse; width: 100%; height: 40px;\">\n<tbody>\n<tr style=\"height: 20px;\">\n<td style=\"width: 33.3333%; height: 20px; text-align: left; vertical-align: top;\"><strong>With no slippage &#8211;<\/strong><\/td>\n<td style=\"width: 33.3333%; height: 20px; text-align: left; vertical-align: top;\"><strong>With minimal slippage &#8211;<\/strong><\/td>\n<td style=\"width: 33.3333%; height: 20px; text-align: left; vertical-align: top;\"><strong>With Significant slippage &#8211;<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 20px;\">\n<td style=\"width: 33.3333%; height: 20px; text-align: left; vertical-align: top;\"><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Roadmap-Summary-Widget1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-12261\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Roadmap-Summary-Widget1.jpg\" alt=\"\" width=\"239\" height=\"274\" \/><\/a><\/td>\n<td style=\"width: 33.3333%; height: 20px; text-align: left; vertical-align: top;\"><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/With-minimal-slippage.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-12262\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/With-minimal-slippage.jpg\" alt=\"\" width=\"218\" height=\"210\" \/><\/a><\/td>\n<td style=\"width: 33.3333%; height: 20px; text-align: left; vertical-align: top;\"><a id=\"Scenarios\"><\/a><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12263\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/With-Significant-slippage.jpg\" alt=\"\" width=\"217\" height=\"210\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Plotting of Roadmap Summary View in Different Scenarios<\/h2>\n<p>1. When the Planned Start date and the Planned Finish Date are available, if the Actual Start Date is later than the Planned Start date, and the Predicted End date shows slippage in the completion, \u00a0then the widget will be plotted as given below &#8211;<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12267 alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary1.jpg\" alt=\"\" width=\"218\" height=\"250\" \/><\/a><\/p>\n<p>2. When the Planned Start date and the Planned Finish Date are available and the Actual Start Date is earlier than the Planned Start date, and the Predicted End date shows slippage in the completion, \u00a0then the widget will be plotted as given below &#8211;<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12268 alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary2.jpg\" alt=\"\" width=\"225\" height=\"248\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>3. When only the Planned Finish Date is available and the Actual Start Date is earlier than the Planned Finish date, and the Predicted End date doesn&#8217;t show any slippage in the completion, \u00a0then the widget will be plotted as given below &#8211;<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12269 alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary3.jpg\" alt=\"\" width=\"223\" height=\"253\" \/><\/a><\/p>\n<p>4. When only the Planned Start Date is available and the Actual Start Date is earlier than the Planned Start date, and there is no \u00a0Predicted End date, \u00a0then the widget will be plotted as given below &#8211;<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12270 alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary4.jpg\" alt=\"\" width=\"221\" height=\"251\" \/><\/a><\/p>\n<p>5. When only the Planned Start Date is available and the Actual Start Date is later than the Planned Start date, and there is no \u00a0Predicted End date, \u00a0then the widget will be plotted as given below &#8211;<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12271 alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary5.jpg\" alt=\"\" width=\"228\" height=\"253\" \/><\/a><\/p>\n<p>6. When only the Planned Start Date is available, if the Actual Start Date is later than the Planned Start date, and there is no Predicted End date, \u00a0then the widget will be plotted as given below &#8211;<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary6.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12272 alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary6.jpg\" alt=\"\" width=\"233\" height=\"264\" \/><\/a><\/p>\n<p>7. When the Planned Start date and the Planned Finish Date are available and the Actual Start Date is later than the Planned Finish date, and there is no Predicted End date, \u00a0then the widget will be plotted as given below &#8211;<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary7.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12273 alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary7.jpg\" alt=\"\" width=\"229\" height=\"267\" \/><\/a><\/p>\n<p>8. When the Planned Start date and the Planned Finish Date are available, if the Actual Start Date is later than the Planned Finish date, and the Predicted End date shows slippage in the completion, \u00a0then the widget will be plotted as given below &#8211;<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary8.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12274 alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary8.jpg\" alt=\"\" width=\"243\" height=\"278\" \/><\/a><\/p>\n<p>9.When the Planned Start D e \u00a0and Planned End date are available and the Actual Start Date is later than the Planned Start date, and there is very high slippage in the predicted End Date, then the widget will be plotted as given below &#8211;<\/p>\n<p><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary9.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12275 alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary9.jpg\" alt=\"\" width=\"229\" height=\"254\" \/><\/a><\/p>\n<p>10. When the Planned Start Date and Planned End date are available and the Actual Start Date is later than the Planned Start date, and the Current date is later than the Planned Finish date, \u00a0then the widget will be plotted as given below &#8211;<\/p>\n<h2><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary10.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-12276 alignnone\" src=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary10.jpg\" alt=\"\" width=\"228\" height=\"255\" \/><\/a><a id=\"VideoReference\"><\/a><a href=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-content\/uploads\/2022\/10\/Progress-Summary10.jpg\"><\/a><\/h2>\n<div class=\"helpful-block-content wth-theme-thumbs\" data-title=\"\" >\n<ul>\n<li><span class=\"wth-title\">Was this helpful?<\/span><\/li>\n<li><a data-post=\"12252\" data-post-url=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/roadmap-detail-widget\/\" data-post-title=\"Roadmap Detail Widget\" data-response=\"1\" href=\"#\" class=\"wth-green-btn icon-thumbsup\">Yes<\/a>&nbsp; &nbsp;<a data-response=\"0\" data-post=\"12252\" data-post-url=\"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/article\/roadmap-detail-widget\/\" data-post-title=\"Roadmap Detail Widget\" href=\"#\" class=\"wth-red-btn icon-thumbsdown\">No<\/a><\/li>\n<\/ul>\n<\/div>","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","multi-rating":{"mr_rating_results":[]},"_links":{"self":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/12252"}],"collection":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/comments?post=12252"}],"version-history":[{"count":30,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/12252\/revisions"}],"predecessor-version":[{"id":22161,"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/article\/12252\/revisions\/22161"}],"wp:attachment":[{"href":"https:\/\/www.nimblework.com\/knowledge-base\/nimble\/wp-json\/wp\/v2\/media?parent=12252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}