- \r\n
- Indicator<\/a><\/li>\r\n
- Line<\/a><\/li>\r\n
- Bar<\/a><\/li>\r\n
- Column<\/a><\/li>\r\n
- Pie<\/a><\/li>\r\n
- Area<\/a><\/li>\r\n
- Pivot<\/a><\/li>\r\n
- Scatter<\/a><\/li>\r\n
- Bubble<\/a><\/li>\r\n
- Treemap<\/a><\/li>\r\n
- Polar<\/a><\/li>\r\n
- Area Map<\/a><\/li>\r\n
- Funnel<\/a><\/li>\r\n
- Fisheye<\/a><\/li>\r\n<\/ol>\r\n<\/li>\r\n<\/ul>\r\n
<\/span>Define data visualization<\/h2>\r\n
Data visualization is the creation of visual representations of data. These representations clearly communicate insights from data through charts and graphs. In terms of business intelligence (BI), these visualizations help users make better data-based decisions.<\/p>\r\n
Data is beautiful<\/h2>\r\n
\r\n
To create architecture is to put in order. Put what in order? Function and objects.<\/p>\r\n– Le Corbusier<\/cite><\/blockquote>\r\n
Le Corbusier was one of the greatest architects of the 20th Century. He intuitively understood how to reduce everything to its simplest and most elegant form without ever sacrificing what mattered most: the purpose of each creation and how people interact with the space around them.<\/p>\r\n
Focusing on the function and user<\/h3>\r\n
Data visualization is a lot like architecture. When figuring out how to display data, you need to start with the function (the trend, pattern, or vital piece of information you\u2019re trying to impart at a glance), then consider the user (how they navigate and interact with the data), and only then do we reach the final step: making it as clean and beautiful as possible. Because data is beautiful.<\/p>\r\n
See Sisense visualizations in action:<\/p>\r\n
![\"Profit](\"\/wp-content\/uploads\/2024\/07\/profit-margin-min-1.png\")
<\/p>\r\nTaking the right steps to clean data visualization<\/h3>\r\n
Many people tackle these steps in the wrong order. Instead of saying, \u201cThis is the information I need to present; let\u2019s find the best possible way of showing that idea,\u201d they think to themselves: \u201cWe need a bar chart\/pie chart\/indicator here.\u201d Or worse: \u201cScatter maps are kind of cool. Let’s put one in here?\u201d<\/p>\r\n
This is how people end up with confusing or even misleading visualizations that, while attractive, do little to aid smart decision making or enlighten users about the true performance of their businesses.<\/p>\r\n
In this article, we\u2019ll run through 10 types of data visualization examples (plus one bonus!), ranging from the simple to the complex, explaining their unique features as well as how and when to use them for maximum impact.<\/p>\r\n
<\/span>10 data visualization examples<\/h2>\r\n
<\/span>1. Indicators show one KPI, clearly<\/h3>\r\n
These are particularly useful when you want to give an instant idea of how well the business is doing on a particular KPI. Incorporating a simple \u201cgauge indicator\u201d visualization shows you immediately whether you\u2019re above or below target, and whether you\u2019re moving in the right direction. This is especially effective if you incorporate color-coding, like red\/green coloring or up\/down arrows. You can even design custom indicators and visuals to give your story a stronger punch.<\/p>\r\n
A numerical indicator like the one below on the right is even more straightforward giving a simple headline figure and an indication of how it compares to the previous year\/quarter\/month, etc.<\/p>\r\n
\r\n![\"Example](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/numeric-and-gauge-indicators.png\")
<\/figure>\r\n<\/div>\r\n<\/span>2. Line charts display trends<\/h3>\r\n
Line charts are resoundingly popular for a range of business use cases because they demonstrate an overall trend swiftly and concisely, in a way that\u2019s hard to misinterpret. In particular, they\u2019re good for depicting trends for different categories over the same period of time, to aid comparison. For example, this graph visualizes sales figures by age group for three different product lines:<\/p>\r\n
\r\n![\"Example](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/line-chart.png\")
<\/figure>\r\n<\/div>\r\nHere, you can see at a glance that your biggest customers are 34-45 year old buyers of PDAs, followed by 19-24 year old buyers of cell phones.<\/p>\r\n
<\/span>3. Bar charts break things down, simply<\/h3>\r\n
Bar charts are great for comparing several different values, especially when some of these are broken into color-coded categories. To illustrate the difference between this and a line graph, let\u2019s now take the same information as above and revisualize it as a bar chart:<\/p>\r\n
\r\n![\"Example](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/bar-chart.png\")
<\/figure>\r\n<\/div>\r\nWhile the primary takeaway from the line chart is the huge central spike, representing PDAs bought by 34-45 year olds, here you are encouraged to take in the more granular differences between sales figures for each category within each age group. Since the different product lines are groups by age group, you can also see at a glance which age groups are the most valuable to your business, rather than focussing on the product line.<\/p>\r\n
<\/span>4. Column charts compare values side-by-side<\/h3>\r\n
Usually, it makes sense to use column charts for side-by-side comparisons of different values. You can also use them to show change over time, although it makes sense to do this when you want to draw attention to total figures rather than the shape of the trend (which is more effective with a line chart).<\/p>\r\n
For example, the chart below shows total website page views vs. sessions on a series of dates. The numbers don\u2019t move much from day to day, so a line graph wouldn\u2019t reveal anything insightful in terms of trends; rather, the pertinent information here is the concrete number of visitors to the website each day.<\/p>\r\n
\r\n![\"Example](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/column-chart.png\")
<\/figure>\r\n<\/div>\r\nExpert move: if you want to highlight or contrast key figures and an overall trend, you can combine a line and<\/i> column chart, as in the example below.<\/p>\r\n
\r\n![\"\"](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/column-and-line-char.png\")
<\/figure>\r\n<\/div>\r\nAs you can see here, the total number of units sold and the total revenue for each month tell a slightly different story; the visualization actually opens up a new line of inquiry into which units are the most profitable, even when fewer are sold \u2014 which could prove key in shaping your sales and marketing strategy going forward.<\/p>\r\n
<\/span>5. Pie charts clearly show proportions<\/h3>\r\n
Pie charts easily show the share each value makes up of the whole. They\u2019re far more intuitive than simply listing percentages that add up to 100%.<\/p>\r\n
This pie chart illustrates which campaigns bring in the biggest share of total leads. You see at once that AdWords is the most effective source, followed by social media and then webinar signups. An instant insight would illuminate to your marketing team what\u2019s working best, helping them to rapidly reassign resources or refocus their efforts to maximize lead generation.<\/p>\r\n
\r\n![\"\"](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/new-pie-chart.png\")
<\/figure>\r\n<\/div>\r\nImportant: <\/strong>for a pie chart to be effective, you need to have six categories or fewer<\/strong>. Any more than that and the chart will be too crowded, and the values too indistinct, to garner any insight. Check out this monstrosity, comparing population sizes of US states, as evidence of how a pie chart can communicate very little information at all:<\/p>\r\n
\r\n\r\n ![\"pie](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/pie-chart.png\" "\\"pie")
Source: European Environment Agency<\/p><\/div>\r\n<\/figure>\r\n<\/div>\r\n
<\/span>6. Area charts compare <\/em>proportions<\/h3>\r\n
\r\n![\"Area](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/area_chart-770x319.png\")
<\/figure>\r\n<\/div>\r\nArea charts are useful because they give a sense of the overall volume, as well as the proportion of this taken up by each category.<\/p>\r\n
In the example above, you can see how much of one volume (revenue) is overlapped by another volume (cost). This is a great way to impose a reality check on your revenue estimations \u2014 you see at once that the yellow sliver of profit is at its thinnest, helping you to assess where cash flow really is tightest, rather than where in the year you\u2019re simply bringing in the most cash<\/strong>.<\/p>\r\n
(Important:<\/strong> layered visualizations like these get confusing when you introduce more than three values into the mix.)<\/p>\r\n
This kind of information can illuminate issues like resource planning, ordering patterns, financial management, allocating appropriate storage space, and more.<\/p>\r\n
<\/span>7. Pivot table easily present key figures<\/h3>\r\n
Pivot tables aren\u2019t the most beautiful or intuitive ways to visualize data, but they are useful when you want to quickly extract key figures while seeing exact numbers (rather than get a sense of trends), especially if you don\u2019t have access to a self-service BI tool that can automate this for you.<\/p>\r\n
In this example, complex patient information is summarized to give you a detailed overview of costs, patient numbers, and average days admitted to hospital:<\/p>\r\n
\r\n![\"Pivot](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/Pivot_Table-e1510733693556.png\")
<\/figure>\r\n<\/div>\r\n<\/span>8. Scatter charts: distribution and relationships<\/h3>\r\n
Scatter charts present categories of data by circle color and the volume of the data by circle size; they\u2019re used to visualize the distribution of, and relationship between, two variables.<\/p>\r\n
The chart below visualizes each product line by the number of units sold and the revenue this brings in, representing the value in physical size. It also breaks this down by gender (hovering over the circles would reveal the name of the product in the original).<\/p>\r\n
In this scenario, you can see that your most frequent (and profitable) clients are currently men \u2014 which could lead you either to focus more marketing effort on male shoppers, or to seek out more effective ways of engaging female customers, depending on your business priorities.<\/p>\r\n
\r\n![\"Example](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/scatter-chart.png\")
<\/figure>\r\n<\/div>\r\n<\/span>9. Bubble charts: understand multiple variables<\/h3>\r\n
Similar to scatter charts, bubble charts depict the weight of values by circle circumference size. However, they differ in that they pack many different values into one small space and only represent a single measurement per category. They are useful when you want to demonstrate how a handful of categories are highly significant compared to a sea of insignificant ones. This kind of visual storytelling can help users focus on their biggest challenges or successes, easily.<\/p>\r\n
For example, take this bubble chart based on this research by the New York Times<\/a>, which breaks down how the US government\u2019s $3.7 trillion in \u201cwelfare\u201d is actually spent:<\/p>\r\n
\r\n![\"Bubble](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/Bubble_Chart.png\")
\r\nSource: The New York Times<\/figcaption>\r\n<\/figure>\r\n<\/div>\r\n You see immediately here that the percentage most people think of as welfare (i.e. benefits) is dwarfed in comparison to admin costs, defense-connected spending, and interest, while most outgoings wrapped into this category are so tiny they are barely visible.<\/p>\r\n
While bubble charts like these are often used to make a stark political point, you can also use this to great effect in your business to demonstrate things like misplaced priorities, actual comparative costs and values, or to highlight areas of highest spending when looking to streamline activities and cut costs.<\/p>\r\n
<\/span>10. Treemaps display hierarchies, compare values<\/h3>\r\n
Treemaps are useful for displaying hierarchies and comparative value between categories and subcategories, as well as allowing you to retain detail while projecting an instant sense of which areas are most important overall.<\/p>\r\n
You achieve this by nesting color-coded rectangles inside each other, weighted to reflect their share of the whole. This treemap depicts the value of different marketing channels, which are then broken down by country. You see at a glance that AdWords is your most successful channel, but that the US is your most valuable destination, across all channels.<\/p>\r\n
\r\n\r\n ![\"Example](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/treemap-770x506.png\")
<\/figure>\r\n<\/figure>\r\n<\/div>\r\n<\/span>11. Polar charts show relationships between multiple variables<\/h3>\r\n
A polar chart (or polar area diagram) is a type of pie chart. However, instead of depicting each value\u2019s share of the whole by the size of the angle, all the sectors have equal angles, and the value is shown by how far it reaches from the center of the circle.<\/p>\r\n
The example below is from a sales dashboard depicting sales of multiple brands. Each segment represents a brand name, while red represents new products, light gray represents refurbished products, and dark gray means \u201cunspecified.\u201d<\/p>\r\n
\r\n![\"Polar](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/Polar_Chart-770x461.png\")
<\/figure>\r\n<\/div>\r\n<\/span>12. Area\/scatter maps show geographic data<\/h3>\r\n
These data visualizations allow you to see immediately which geographical locations are most significant to your business. Data is visualized as points of color on a map; values are represented by circle size.<\/p>\r\n
For example, the map below depicts website visitors by location, while the color indicates the percentage of conversions (the brighter the green, the higher the conversion rate).<\/p>\r\n
\r\n![\"Example](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/scatter-map.png\")
<\/figure>\r\n<\/div>\r\nThis kind of representation is incredibly useful as it gives two vital pieces of information at a glance: where in the world most<\/i> of your visitors are from, compared to where in the world your most valuable<\/i> visitors are from. Insights like these can show weaknesses in a marketing strategy in seconds.<\/p>\r\n
<\/span>13. Funnel charts display a pipeline, typically for sales figures<\/h3>\r\n
This is a very specific type of visualization that depicts the decreasing values as customers move through the sales funnel. The beauty of it is that it brings your conversation rates to life at each step, so you can see quickly where people are dropping out of the process. The funnel chart below shows the number of people at each demand stage, from initial website visit, through every touchpoint until a final sale:<\/p>\r\n
\r\n![\"Funnel](\"https:\/\/cdn.sisense.com\/wp-content\/uploads\/funnel.png\")
<\/figure>\r\n<\/div>\r\n<\/span>14. For advanced users: Fisheye\/Cartesian distortion to zoom in on details<\/h3>\r\n
Finally, this isn\u2019t a data visualization style per se, but rather a useful addition that allows you to zoom into the details in a more complex visualization, like a force-directed graph or bubble chart. As you move your cursor over a graph, the area you\u2019re seeing expands in fisheye view, allowing you to dip in and out to see more granular details as needed. Take a look at how it works here.<\/a><\/p>\r\n
Bolder visualizations, better decisions<\/h2>\r\n
Whichever type of data visualization you opt for, remember that to make it accurate and effective, the software you use must be able to interact effectively with your data.<\/p>\r\n
- Line<\/a><\/li>\r\n