{"items":["6020a5f29d41ed0018376cf4","5fe0699e54f20a0017209838","5fea41b009881a0017b16f74","5fcefb3ea7e95d0017296150"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fill","cubeRatio":1,"isVertical":true,"gallerySize":30,"collageAmount":0,"collageDensity":0,"groupTypes":"1","oneRow":false,"imageMargin":7,"galleryMargin":0,"scatter":0,"rotatingScatter":"","chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":true,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":0,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":50,"rotatingGroupTypes":"","rotatingCropRatios":"","columnWidths":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":0,"mobilePanorama":false,"placeGroupsLtr":true,"viewMode":"preview","thumbnailSpacings":4,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"bottomInfoHeight":0,"titlePlacement":["SHOW_ON_THE_LEFT","SHOW_BELOW"],"galleryTextAlign":"center","scrollSnap":false,"itemClick":"nothing","fullscreen":true,"videoPlay":"hover","scrollAnimation":"NO_EFFECT","slideAnimation":"SCROLL","scrollDirection":0,"scrollDuration":400,"overlayAnimation":"FADE_IN","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"NEVER_SHOW","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","imagePlacementAnimation":"NO_EFFECT","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":40,"textBoxWidth":200,"textBoxWidthPercent":75,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"loadMoreButtonText":"","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"ATTACHED_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":"1","videoLoop":true,"jsonStyleParams":"","gallerySizeType":"px","gallerySizePx":232,"allowTitle":true,"allowContextMenu":true,"textsHorizontalPadding":-30,"itemBorderColor":{"themeName":"color_12","value":"rgba(190,188,194,0.51)"},"showVideoPlayButton":true,"galleryLayout":2,"calculateTextBoxHeightMode":"MANUAL","targetItemSize":232,"selectedLayout":"2|bottom|1|fill|true|0|true","layoutsVersion":2,"selectedLayoutV2":2,"isSlideshowFont":true,"externalInfoHeight":40,"externalInfoWidth":0.75},"container":{"width":165,"galleryWidth":172,"galleryHeight":0,"scrollBase":0,"height":null}}

# How to Choose the Most Appropriate Chart?

Updated: Nov 21, 2020

In this information rich age, data visualizations are designed to make the knowledge transfer between deliverers and receivers easier. Therefore, it is crucial for the dashboard creators to know which chart is aligned with the key delivery objectives. On the other hand, having a basic understanding of the underlying meaning of each chart also helps the audience to interpret dashboards effectively. In this article, I introduced a way that may help to better understand some common charts and graphs, e.g. **scatter plot, map, pie graph and stacked bar chart etc**, by categorising them into four main types: **distribution, comparison, composition and correlation**. It doesn't mean that it is a clear-cut solution or a rigid boundary that limits us to only use a chart in one certain way. Rather, it is a conclusion drawn from my experience regarding what is the main objective each chart is able to communicate. Moreover, designing effective dashboards is beyond choosing appropriate charts. Read more dashboard design principles __in this article__.

**1. Distribution**

This type of data visualization helps to interpret univariate analysis result in the early analytical stage. Simply put, it shows where data points are dense and where they are sparse in one dimension. Distribution charts can also be widely applied in market research, such as demographics analysis and customer segmentation. Some of the common charts under this category are **histogram, box plot and map**. However, I am more leaning towards categorizing box plot into "comparison" type, which I will explain it in the later section.

**Histogram**

Histogram looks very similar to bar chart because, oh well, it is also composed of bars. However, instead of comparing the categorical data, it **breaks down a numeric data into interval groups** and shows the frequency of data fall into each group. It is commonly used to gain insights about your customers, e.g. Pinterest use histograms to show the age distribution of your audience. Histogram is good at identifying the pattern of data distribution on a numeric spectrum. For example, it magnifies what is the most probable value range and whether the data is skewed or centred.

**Map**

Map is also frequently used to show demographical data. By linking to the geospatial data, it indicates where are your audience or customers located. The logic behind map charts is that **numeric values are aggregated by a geospatial attribute **(e.g. regions, city, country or state etc). Then use gradient colors to represent the variations in data density among locations. In the graph below, regions with higher values are in darker color and vice versa.

**2. Comparison**

It is hard to compare which number is larger or smaller when we are displayed in a table or spreadsheet. Adding a visual element to the comparison and contrast significantly reduces the amount of time and mental energy required to interpret the data. These visual representations can be achieved through **bar chart, line chart or box plot.**

**Bar Chart**

Bar chart **compares the measure of categorical dimension**. As we can see, comparing the height of each bar gives us a more intuitive perception than looking at the table alone. Bar chart is very similar to a histogram. The fundamental difference is that the x-axis of bar charts is categorical attribute instead of numeric interval in the histogram. For example, in this chart, we compare the profit value of each market *"EMEA", "APAC" ...* Whereas in a histogram, we break down a numeric attribute age into intervals *"18-24", "25-34"* ...

Furthermore, bar chart is not just limited to plot one categorical data. An extension of bar chart, **clustered bar chart (or group bar chart) compares two categorical attributes.** For example, the comparison of market profit can be further broken down into different year segments. This allows us to compares based on market to market and also based on different periods of order time.

**Line Chart **

It indicates **trends and developments of numeric data over time**. It is commonly used in time series analysis, by visualizing the fluctuation of a numeric variable against a date-type variable. Each line itself is a comparison between one historical time point and another. Additionally, we can introduce a categorical attribute and use distinct colors to bring out the contrast of each category. For example, the chart below plots the number of orders over time and each line indicates one category of customer segments. Therefore, horizontally it illustrates the time series analysis of order quantities. While by comparing the line vertically, we can draw out the conclusion that the number of orders differs remarkably among various segments.

**Box Plot **

Some people may argue that box plot should be categorized as "distribution" chart, as it is mainly used for showing data distribution through percentile. It is true that looking at one box plot alone, it indicates where the are 25%, 50% and 75% percentile. Additionally, a slight twist of bringing down the opacity of each data point provides more direct visualization of the distribution.

However, box plot is rarely used alone. Instead, it is usually used to compare multiple groups of data. For example, it is a great complimentary tool for ANOVA test because it illustrates the variation across groups and within groups. Therefore, its functionality is beyond just a simple univariate analysis. In the box plot below, not only does it shows the difference of data within an individual subject group, but also it displays the variation among critical reading group, mathematics group and writing group.

**3. Composition**

Data visualizations that fall under this category provide a bird-eye view. For instance, **pie chart, stacked bar chart and area chart** are designed to illustrate the part-to-whole relationship.** **

**Pie Chart**

It is used to represent **the percentage and weight of components belonging to one categorical attribute***. *The size of the pie slice is proportional to the percentage, hence it intuitively depicts how much each component occupies the whole.

**Stacked Bar Chart**

Stacked bar chart is used when we need to **break down a primary category into a secondary category**. As we can see in the chart below, it is very similar to the bar chart we saw earlier. Horizontally, it also compares the performance of each market. Vertically, it further demonstrates the composition of each segment within the market.

**Area Chart**

Area chart **mapped the measure of a categorical dimension against a date-type variable**. The chart below shows how the profit of each product category fluctuates over time. It is different from line chart, since the measure is accumulated and stacked from bottom to top. Therefore, it can be utilized to illustrate how each category contributes to the whole throughout the timeline. It also helps to visualize how the profit composition changes over time by comparing the variation in area size.

**4. Correlation**

Correlation charts assist in discovering whether one ore more pairs of variables are related. It mainly indicates a dependency between variables instead of a causal relationship (causal, NOT "casual", relationship means that variable x causes the changes in variable y). **Scatter plot and heatmap** are great tools to depict correlation.

**Scatter Plot **

It plots one numeric attribute against another numeric attribute and visualizes the correlation between axes. Scatter plot is commonly applied to identify regression type of relationships such as linear regression, logistic regression etc. It also provides a robust analysis of the correlation significance. We can estimate that the correlation relationship is stronger when the data points are concentrated on certain areas, whereas the relationship is weak if they are sparse.

**Heatmap**

Heatmap is commonly used as a visual representation of correlation matrix. It is a powerful technique to find correlated attributes in principle component analysis (PCA). By using a gradient color code, we can directly visualizate which attributes-pairs are strongly correlated. In the heatmap below, highly positively correlated attributes are in darker blue.

**More Resources That May Help! **

__How to Learn Data Visualization for Free__

66 views0 comments