Strip Chart

Strip chart is the graphical representation of the work progress of the project. Different colours are being used to represent different stages of progress. Actual work expands in sections from one point to another and is divided into small patches. Each of the sections (read patched) undergo different stages.

Let us understand it with an example. Suppose we have to build a road of 1 KM. The work can start from any portion and it undergoes several (approval) stages. Let us assume that there are four stages S1, S2, S3 and S4. If there is no work done then it is under stage S1 and if the work is completed it is in stage S4. S2 and S3 are intermediate stages. Let us divide the complete road into small segments of 100 meters each. At some point of time let us assume that the status of the complete road is as follows :

Segment Stage
0-100 S3
100-200 S2
200-300 S2
300-400 S1
400-500 S4
500-600 S4
600-700 S3
700-800 S3
800-900 S1
900-1000 S1

To represent this in a easy and meaningful manner, a graphical representation can be very useful, which may depict the sections as well as their current stages with help of coloured lines. We use two array to store this status, one to store the start and end point of the segment and other to store the stage. So our array will have following data:

Segment[] = {0,100,200,300,400,500,600,700,800,900,1000}

Stage[] = {S3,S2,S2,S1,S4,S4,S3,S3,S1,S1}

If Segment array is containing ‘n’ elements then Stage array must contain ‘n-1′ elements. Stage[i] represents stage of the segment Segment[i] to Segment[i+1] where i = 0 to n-1. For example Stage[2] i.e. S2 represents the stage of segment 200-300.

Now, the big question – how have incorporated this. To build the chart in the browser we have to use a table of one row having multiple columns (managed dynamically). We will club same adjacent stages in the strip chart and make it appear as a composite patch. Thus to prepare the strip chart now (with composite patches), we will build new array as follows:

Segment[] = {0,100,300,400,600,800,1000}

Stage[] = {S3,S2,S1,S4,S3,S1}

To display above data in strip chart we need a table with one row and six columns. Before composite patches:

0               100               200               300              400               500              600               700              800              900              1000

After composite patches:

0               100               200               300              400               500              600               700              800              900              1000

We can put the range and status message inside the columns of the table but the width of the column is dynamic so its width may not accommodate the content. So we can put the range and status message in tool-tip.

This article is also published in monthly newsletter F9 of Knowledge Management group of Reliance Infrastructure.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">