{"id":21151,"date":"2017-12-20T14:11:28","date_gmt":"2017-12-20T06:11:28","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=21151"},"modified":"2024-10-09T12:54:32","modified_gmt":"2024-10-09T04:54:32","slug":"box-plot","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/box-plot\/","title":{"rendered":"Box Plot"},"content":{"rendered":"\n

This article applies to versions 4.4.4 and later of IFS OI Explorer.<\/p>\n

Overview<\/h2>\n

The Box Plot component is used to show the distribution of a set of data, using a Median and Quartiles.<\/p>\n\n\n\n\n
\"box1\"<\/a><\/td>\n\"box2\"<\/a><\/td>\n\"box3\"<\/a><\/td>\n<\/tr>\n
The lines at the top and bottom represent Post Q and Pre Q respectively. The grey box represents the distribution between Q1 (bottom) and Q3 (top), with the median line and value shown in the centre of the box.<\/em><\/td>\nHover over the box plot to see actual values.<\/em><\/td>\nThis box plot is configured to show the minimum and maximum values (used for scalability).<\/em><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Related: Reading a Box Plot<\/a> in display mode<\/p>\n

\n

The Box Plot in Display Mode<\/h2>\n

In display mode, hover over the box plot to see values shown in the tooltip, as described below.<\/p>\n

Note: <\/strong>Only some of the tooltip values are displayed on the box plot.<\/p>\n

Box Plot Values<\/h3>\n

Some of the box plot values are visualised in the size of the rectangle, and the spaces between the different lines. Actual values are also listed in the tooltip.<\/p>\n\n\n\n
<\/a><\/td>\n\n\n\n\n\n\n\n\n\n\n\n\n
Max<\/strong><\/td>\nThe maximum value in the full data range (this is not shown in the Box Plot)<\/td>\n<\/tr>\n
Post Q<\/strong><\/td>\nThis is known as a 'whisker', and is the value of the last data point before any 'high-end' outliers (marked by line at Point 1<\/strong> on the Box Plot screenshot)<\/td>\n<\/tr>\n
Q3<\/strong><\/td>\nThird quartile (marked by line at point 2<\/strong> on the Box Plot screenshot)<\/td>\n<\/tr>\n
Med<\/strong><\/td>\nMedian value of the data range (marked by line at point 3<\/strong> on the Box Plot screenshot). On the Box Plot, this value is displayed above\/below the Median line (on whichever side has more space).<\/td>\n<\/tr>\n
Q1<\/strong><\/td>\nFirst quartile (marked by line at point 4<\/strong> on the Box Plot screenshot)<\/td>\n<\/tr>\n
Pre Q<\/strong><\/td>\nThis is known as a 'whisker', and is the value of the first data point after any 'low-end' outliers (marked by line at point 5<\/strong> on the Box Plot screenshot)<\/td>\n<\/tr>\n
Min<\/strong><\/td>\nMinimum value in the full data range (this is not shown in the Box Plot)<\/td>\n<\/tr>\n
 <\/td>\n <\/td>\n<\/tr>\n
 <\/td>\nThe grey box marks the Interquartile Range<\/em>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Calculations<\/h3>\n

The Box Plot data is numerical. It gets sorted from smallest to largest, to calculate the statistics represented by the box plot.<\/p>\n\n\n\n\n\n\n\n
Median<\/strong><\/td>\nThe median is the value in the middle of the sorted data. If there are two middle values (from an even number of data points), the median is the average of those two middle numbers.<\/td>\n<\/tr>\n
Q1<\/strong><\/td>\nThe set of numbers below<\/em> the median is used to calculate Q1. Q1 is the value in the middle of this set. If there are two middle values (from an even number of data points), Q1 is the average of those two middle numbers.<\/td>\n<\/tr>\n
Q2<\/strong><\/td>\nThe set of numbers above<\/em> the median is used to calculate Q3. Q3 is the value in the middle of this set. If there are two middle values (from an even number of data points), Q3 is the average of those two middle numbers.<\/td>\n<\/tr>\n
Interquartile Range<\/strong><\/td>\nThis is the range between Q1 and Q3 (the value is Q3 - Q1).<\/td>\n<\/tr>\n
Outlier<\/strong><\/td>\nAn outlier is any data point that is at least 1.5 times the interquartile range, beyond either Q1 or Q3. So an outlier can be any data point greater than (Q3 - Q1) * 1.5 + Q3, or any data point less than Q1 - (Q3 - Q1) * 1.5.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\n

Configuring a Box Plot<\/h2>\n

The table below shows an overview of the Box Plot component options (transparent numbers on the preview relate to the opaque numbers in the component properties).<\/p>\n\n\n\n\n
<\/a><\/td>\n<\/tr>\n
\n\n\n\n\n\n\n\n\n\n
1. Data<\/strong><\/td>\nThe data is used to create statistics that shape the box plot, and which are displayed in the tooltip.<\/td>\n<\/tr>\n
2. Minimum Display Value<\/strong><\/td>\nThis is used to scale the box plot.<\/td>\n<\/tr>\n
3. Maximum Display Value<\/strong><\/td>\nThis is used to scale the box plot.<\/td>\n<\/tr>\n
4. Show Scale<\/strong><\/td>\nShow a scale for the box plot: Never, Hover, Always<\/em>.<\/td>\n<\/tr>\n
5. Show Min\/Max<\/strong><\/td>\nShow or hide the minimum and maximum display values and lines.<\/td>\n<\/tr>\n
6. Horizontal<\/strong><\/td>\nThe box plot is vertical, unless this option is selected. The scale (if applied) is shown below a horizontal box plot.<\/td>\n<\/tr>\n
7. Style<\/strong><\/td>\nThe style you want to apply to the Box Plot component. If you are a Style Administrator, you can add a new Box Plot Style.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Scale<\/h3>\n

If you group several box plots, using the same minimum and maximum values, the relative distribution patterns between similar sets of data becomes clear.<\/p>\n

Note<\/strong>: The box plot on the left has been configured to show a scale between the minimum and maximum display values. The other box plots have their scale hidden, but use the same minimum and maximum values.<\/p>\n

\"box6\"<\/a><\/p>\n

Show Scale<\/strong><\/p>\n

You can choose to show the scale: On Hover, Always,<\/em> or Never<\/em>.<\/p>\n

Show Min\/Max<\/strong><\/p>\n

You can choose to show or hide the Minimum and Maximum Display values.<\/p>\n

Orientation<\/h3>\n

You can configure the box plot to be vertical (as shown in the above examples) or horizontal, as shown below:<\/p>\n

\"box7\"<\/a><\/p>\n

Data<\/h3>\n

You can select a Dataset Data<\/strong> column, or a list of Values<\/strong> \"Data for the box plot's data.<\/p>\n

<\/a><\/p>\n

Data must be numerical.<\/p>\n

\n

Tutorials<\/h2>\n

If you're unfamiliar with the process of building pages, read the article\u00a0Building an Explorer Page<\/a>.<\/p>\n

The following tutorials demonstrate how to add a box plot component, assign data to it, and then try the different configuration options.<\/p>\n

Tutorial - Basic<\/h3>\n

<\/a><\/p>\n

This tutorial shows you how to set up a basic box plot, using fixed numerical data values.<\/p>\n

Step 1. Prepare the Tutorial Page<\/p>\n

Before you start the tutorial, prepare a precision layout page in Studio<\/a> and save it with a suitable name, such as Box Plot Tutorial 1<\/em>.<\/p>\n

<\/a><\/p>\n

Step 2. Add a box plot and configure its data.<\/p>\n

<\/p>\n

1. Drag and drop a Box Plot component onto the precision layout, as shown. The Box Plot is in the Display \"Display group.<\/p>\n

2. Resize (enlarge) the box plot by dragging on one of the corners.<\/p>\n

<\/a><\/p>\n

3. Click the Box Plot component to configure it.<\/p>\n

4. Add the following numbers to the Box Plot's Data<\/strong> property, using the Data Selector for Values<\/a>: 100, 800, 200, 900, 120, 800, 900, 1220<\/p>\n

<\/a><\/p>\n

Step 3. Preview the box plot<\/p>\n