Box Plot
Last updated
Last updated
Check out the below given walk-through on how to use the Box Plot chart component in Designer module.
A box plot or whisker plot chart uses boxes and lines to depict the distributions of one or more groups of numeric data.
Box limits indicate the range of the central 50% of the data, with a central line marking the median value.
Lines extend from each box to capture the range of the remaining data, with dots placed past the line edges to indicate outliers.
The Box Plot chart helps to visualize the dataset in 5 number summaries (Min-Max-Q1-Q3-Median) along with the outliers.
To show distributions of numeric data values
To compare multiple groups.
Consider the order of the groups.
Letter-Value Plots: It is an extension of the standard box plot. Letter-value plots use multiple boxes to enclose increasingly-larger proportions of the dataset.
Violin Plot: It is another alternative to the Box Plot wherein each group's distribution is indicated by a density curve.
The user can enable auto axis and also provide maximum & minimum value to the axis. Also, if user need to see the zero-marker line, horizontal marker line and vertical marker line, then enable it here. Also, they can edit its color.
The user can change the background color of the chart, can enable the border for the chart and can change the border color. Also, user can get the reflection of the chart by enable the shadow option can also change the color and increase & decrease the transparency of the shadow.
The user can change units to % or none. Precision is given ifuser want the value in decimal format. Currency if user want the value in INR, Pound, USD. Position of the currency: if it's in prefix and currency in Rupee then the sign will be seen in left-side if it's in suffix then it will be seen in right-side. Number Formatter if we want it in Indian or international.
The user can change the height, width, top, left. If initial visibility is unchecked, then the chart won’t be visible at the first preview. If max button is unchecked, then user can’t maximize the chart separately. User can provide the fill color in order to make meaning full charts.
The user can enable the internal legend if they want to show and can change the font size, color, style etc.
The user can enable Auto range option or else provide it in the range section.
The user can enable the subtitle if they have any second title and also, they can change the Name, Font color, size, style etc.
The user can change Title Name, Font color, size, style etc.
If the user wants to show the description of series can use tooltip by enabling it.
The user can show the x-axis line, change the x-axis line color, label color, font size, font weight, font family, description etc. here. Also, if we want to rotate the label, it is also possible.
The user can show the y-axis line, change the y-axis line color, label color, font size, font weight, font family, description etc.
The following data was used to generate the given example:
Select the Gender column as Category, Grade column as Subcategory. Select the rest of the columns based on their names such as choose the Min column under the Min field, the Max column under the Max field and like wise to plot the data as given-below:
| Grade | Gender | Min | Q1 | Median | Q3 | Max | Outlier1 | Outlier2 | val1 |
|---|---|---|---|---|---|---|---|---|---|
Grade1
Male
20000
36000.6
55000.5
85300.53
140000
169000.9
1
Grade1
Female
19000.9
23100.31
27800.78
55000.5
90000
120000
220000
1
Grade2
Male
75000.5
112500.25
152500.25
182500.25
195000.5
230000
1
Grade2
Female
70000
81500.15
95000.5
160000
210000
250000
350000
1
Grade3
Male
150000
180000
280000
537500.75
650000
720000
1
Grade3
Female
240000
300000
360000
437500.75
580000
710000
140000
1
