{"id":6782,"date":"2018-11-20T06:00:51","date_gmt":"2018-11-20T06:00:51","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=6782"},"modified":"2018-11-20T06:18:06","modified_gmt":"2018-11-20T06:18:06","slug":"data-visualization-definition-history-examples","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/","title":{"rendered":"What Is Data Visualization? Definition, History, and Examples"},"content":{"rendered":"<p><a href=\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/\"><img decoding=\"async\" class=\"alignnone size-full wp-image-6815\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png\" alt=\"Data Visualization 101: What is data visualization? Definition, history, and examples\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png 1559w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples-300x180.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples-768x461.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples-1024x614.png 1024w\" sizes=\"(max-width: 1559px) 100vw, 1559px\" \/><\/a><strong>Data visualization<\/strong> is the practice of converting data from raw figures into a graphical representation such as graphs, maps, charts, and complex dashboards. Let\u2019s see what makes it important (meaning), how it has developed (history), and exactly how it can work in real life (examples). Join us on Data Visualization 101, an introduction to dataviz and its power.<\/p>\n<p><!--more--><\/p>\n<h2>Significance of Data Visualization<\/h2>\n<p>To understand how meaningful data visualization is, here\u2019s a simple fact: Human brains have a much harder time understanding complex data when it is encoded in numbers and text compared to graphics. Dataviz techniques take advantage of that quality, helping to present massive amounts of information in the most efficient, visual form.<\/p>\n<p>In fact, visually displayed data is easier to grasp and analyze, making it faster for decision makers to find patterns, including new and hidden, and to understand even difficult concepts. Charts, graphs, maps, dashboards \u2014 data visualization can be helpful in identifying issues and deficits, choosing the best product and business operation strategy, forecasting sales volume and stock prices, fine-tuning project management and resource administration, and so on and so forth.<\/p>\n<h2>History of Data Visualization<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6819\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/Minard.png\" alt=\"Example from the history of data visualization: Charles Joseph Minard's chart of Napoleon's invasion of Russia\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/Minard.png 850w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/Minard-300x147.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/Minard-768x377.png 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/>The concept of data visualization is not new. Moreover, it has been around for centuries. The earliest and most obvious examples of dataviz projects are maps. Then you have the pie chart which first showed up in the early 19th century. A few decades later, Charles Joseph Minard used statistical graphs in order to map Napoleon Bonaparte\u2019s Russian campaign of 1812, combining multiple metrics: the number of troops, temperature, distance, directions, and more.<\/p>\n<p>Other notable milestones in the history of data visualization include but are not limited to works of Nicole Oresme, Joseph Priestly, and William Playfair. All of them greatly contributed to the dataviz progress. Oresme was one of the greatest thinkers of the Middle Ages, and it could be said that he <a href=\"https:\/\/www.anychart.com\/blog\/2015\/06\/02\/first-bar-chart-in-history\/\">invented bar charts<\/a> in the 14th century, although it was Playfair who later gave the bar chart the form we know today. Priestley, in his chart of biography, used a timeline with bars to compare multiple persons\u2019 life spans. Playfair is also credited with the <a href=\"https:\/\/www.anychart.com\/blog\/2015\/12\/23\/first-area-charts-history\/\">first use of area charts<\/a>.<\/p>\n<p>To learn more about the data visualization history, explore the <a href=\"https:\/\/www.math.yorku.ca\/SCS\/Gallery\/milestone\/Visualization_Milestones.pdf\" target=\"_blank\" rel=\"nofollow\">biggest known milestones<\/a> Michael Friendly and Daniel J. Denis from York University featured in their book \u201cMilestones in the History of Thematic Cartography, Statistical Graphics, and Data Visualization: An Illustrated Chronology of Innovations.\u201d<\/p>\n<p>The idea of visualizing data kept evolving over time, and with the advent of computers and rapid growth of technologies, the discipline definitely took a quantum leap forward. Nowadays, even massive amounts of data \u2014 and big data itself \u2014 can be processed by dataviz software at a very high speed, opening up new exciting opportunities in the field of data analytics and business intelligence.<\/p>\n<h2>Data Visualization Approaches and Examples<\/h2>\n<p>Visualization is ultimately a great way to let your data speak.<\/p>\n<p>Over the course of time, a variety of data visualization techniques have emerged, opening up opportunities to solve literally any dataviz task. Depending on what data you have to explore (or explain) and what analytical questions you want it to answer, you can pick one approach or another.<\/p>\n<p>With dozens of chart types available, each known to suit one particular purpose or another, it is extremely important to <a href=\"https:\/\/www.anychart.com\/blog\/category\/choosing-chart-type\/\">choose the right chart type<\/a>. In fact, picking a wrong form is one of the most common \u2014 and critical\u00a0\u2014 <a href=\"https:\/\/www.anychart.com\/blog\/2017\/08\/29\/data-visualization-mistakes-avoid\/\">visualization mistakes<\/a>.<\/p>\n<p>Let\u2019s look at seven common examples of data visualization tasks and see what chart types are typically the best fits. Click the corresponding links to learn more and check out interactive chart examples.<\/p>\n<h3>1. Compare Data<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6820\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/column-charts-to-compare-data-in-visualization.png\" alt=\"Column chart example. Compare data in visualization.\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/column-charts-to-compare-data-in-visualization.png 1013w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/column-charts-to-compare-data-in-visualization-300x166.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/column-charts-to-compare-data-in-visualization-768x424.png 768w\" sizes=\"(max-width: 1013px) 100vw, 1013px\" \/><\/p>\n<p>To <a href=\"https:\/\/www.anychart.com\/blog\/2017\/04\/12\/data-comparison-chart-type-visualization\/\">compare data<\/a>, the following chart types are commonly helpful:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.anychart.com\/chartopedia\/chart-types\/bar-chart\/\">Bar charts<\/a>\u00a0(and\u00a0<a href=\"https:\/\/www.anychart.com\/chartopedia\/chart-types\/column-chart\/\">column charts<\/a>) \u2014 for a straightforward comparison of quantitative values by category.<\/li>\n<li><a href=\"https:\/\/www.anychart.com\/chartopedia\/chart-types\/percent-stacked-area-chart\/\">Stacked charts<\/a> (and <a href=\"https:\/\/www.anychart.com\/chartopedia\/chart-types\/percent-stacked-bar-chart\/\">100% stacked charts<\/a>) \u2014 to add a look at the composition.<\/li>\n<li><a href=\"https:\/\/www.anychart.com\/chartopedia\/chart-types\/radar-chart\/\">Radar charts<\/a>\u00a0\u2014 for a comparison of cyclic data.<\/li>\n<\/ul>\n<p>For example, you can use bar charts to visualize products by revenue and referral sources by user traffic; stacked charts \u2014 sales figures by product and by region; radar charts \u2014 air temperature by month; etc.<\/p>\n<h3>2. Explore Composition and Part-to-Whole Relationships in Data<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6821\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/donut-chart-to-explore-composition-of-and-part-to-whole-relationship-in-data-in-visualization.png\" alt=\"Donut (pie) chart example. Explore part-to-whole relationship in and composition of data in visualization.\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/donut-chart-to-explore-composition-of-and-part-to-whole-relationship-in-data-in-visualization.png 1013w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/donut-chart-to-explore-composition-of-and-part-to-whole-relationship-in-data-in-visualization-300x166.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/donut-chart-to-explore-composition-of-and-part-to-whole-relationship-in-data-in-visualization-768x424.png 768w\" sizes=\"(max-width: 1013px) 100vw, 1013px\" \/><\/p>\n<p>To\u00a0explore the <a href=\"https:\/\/www.anychart.com\/blog\/2017\/04\/20\/data-composition-part-whole-chart-type\/\">composition and part-to-whole relationships<\/a>, the following chart types\u00a0are commonly helpful:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/pie-chart\/\">Pie charts<\/a>\u00a0(and\u00a0<a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/donut-chart\/\">donut charts<\/a>) \u2014 for a basic look at the percentage composition of a value.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/pyramid-chart\/\">Pyramid charts<\/a>\u00a0\u2014 to explore the composition of hierarchical data.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/treemap\/\">Treemap charts<\/a> \u2014 to look into complex hierarchical data.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/funnel-chart\/\">Funnel charts<\/a>\u00a0\u2014 to measure stages of processes and\u00a0discover bottlenecks.<\/li>\n<\/ul>\n<p>For example, you can use pie or donut charts to visualize\u00a0a breakdown of the overall sales by retail channel or one of the total website traffic by user\u00a0age; pyramid charts \u2014 OSI model or employee salary by management level; treemap charts \u2014 web traffic by source category (and by flow amount) or export directions by country of destination; funnel charts \u2014 sales funnels; etc.<\/p>\n<h3>3. Track Data Over Time<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6822\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/stock-chart-to-track-stock-price-data-over-time-in-visualization.png\" alt=\"Stock chart example. Track data over time in visualization.\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/stock-chart-to-track-stock-price-data-over-time-in-visualization.png 1013w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/stock-chart-to-track-stock-price-data-over-time-in-visualization-300x166.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/stock-chart-to-track-stock-price-data-over-time-in-visualization-768x424.png 768w\" sizes=\"(max-width: 1013px) 100vw, 1013px\" \/><\/p>\n<p>To <a href=\"https:\/\/www.anychart.com\/blog\/2017\/04\/26\/data-over-time-trend-chart-types\/\">track data over time<\/a>, the following chart types\u00a0are commonly helpful:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.anychart.com\/chartopedia\/chart-types\/line-chart\/\">Line charts<\/a> (and <a href=\"https:\/\/www.anychart.com\/chartopedia\/chart-types\/spline-chart\/\">spline charts<\/a>) \u2014 for a basic view revealing trends, peaks, and so on.<\/li>\n<li><a href=\"https:\/\/www.anychart.com\/chartopedia\/chart-types\/area-chart\/\">Area charts<\/a>\u00a0\u2014 as another option, e.g. for cumulative data.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/stock-chart\/\">Stock charts<\/a>\u00a0\u2014 for big data sets such as financial and stock market data.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/japanese-candlestick-chart\/\">Candlestick charts<\/a>\u00a0(and\u00a0<a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/ohlc-chart\/\">OHLC charts<\/a>)\u00a0\u2014 to add a look at the distribution of values within each period of time.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/sparkline-chart\/\">Sparkline charts<\/a>\u00a0\u2014 for a quick representation of the big picture, with no axes.<\/li>\n<\/ul>\n<p>For example, you can use line, spline or area charts to visualize sales or web traffic over time; stock charts \u2014 stock price change (also along with technical indicators); OHLC and candlestick charts \u2014 stock price with a look into value fluctuation ranges within each of the numerous time periods; sparkline charts \u2014 overview of the sales performance\u00a0within the last 12 months or\u00a0football season win\/loss results; etc.<\/p>\n<h3>4.\u00a0Analyze Data Distribution<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6823\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/scatter-chart-to-analyze-distribution-of-data-in-visualization.png\" alt=\"Scatter chart example. Analyze distribution of data in visualization.\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/scatter-chart-to-analyze-distribution-of-data-in-visualization.png 1013w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/scatter-chart-to-analyze-distribution-of-data-in-visualization-300x166.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/scatter-chart-to-analyze-distribution-of-data-in-visualization-768x424.png 768w\" sizes=\"(max-width: 1013px) 100vw, 1013px\" \/><\/p>\n<p>To <a href=\"https:\/\/www.anychart.com\/blog\/2017\/05\/04\/data-distribution-chart-types\/\">analyze data distribution and relationship between data sets<\/a>, the following chart types\u00a0are commonly helpful:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/dot-chart\/\">Dot (scatter) charts<\/a>\u00a0\u2014 to examine trends in distribution and correlation between two variables.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/bubble-chart\/\">Bubble charts<\/a>\u00a0\u2014 to consider three dimensions of data.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/box-chart\/\">Box-and-whisker charts<\/a>\u00a0\u2014 for a look at main distribution ranges and median values.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/error-chart\/\">Error charts<\/a>\u00a0\u2014 to inspect error distribution.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/heatmap\/\">Heat map charts<\/a>\u00a0\u2014 for a colored matrix-based\u00a0view of multiple subcategories.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/products\/anychart\/gallery\/Range_Charts\/\">Range charts<\/a>\u00a0\u2014 to mind range between the maximum and minimum values.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/products\/anychart\/gallery\/Polar_Charts\/\">Polar charts<\/a>\u00a0\u2014 for multivariate data with a spatial perspective.<\/li>\n<\/ul>\n<p>For example, you can use dot\/scatter charts to visualize\u00a0system interruptions by waiting time and by duration, or results of an experiment; bubble charts \u2014 training data by sportsman, power, and pulse; box-and-whisker charts \u2014 destinations by flight delay duration; error charts \u2014 variability of\u00a0product sales; heat map charts \u2014 risk matrix; range charts \u2014 air temperature or processor downtime; polar charts \u2014 radio signal distribution; etc.<\/p>\n<h3>5. Evaluate Current Performance Data<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6825\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/gauge-charts-to-evaluate-current-performance-data-in-visualization-of-gauges.png\" alt=\"Dashboard with linear and circular gauges example. Evaluate single-value data such as current performance data in visualization.\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/gauge-charts-to-evaluate-current-performance-data-in-visualization-of-gauges.png 1013w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/gauge-charts-to-evaluate-current-performance-data-in-visualization-of-gauges-300x166.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/gauge-charts-to-evaluate-current-performance-data-in-visualization-of-gauges-768x424.png 768w\" sizes=\"(max-width: 1013px) 100vw, 1013px\" \/><\/p>\n<p>To <a href=\"https:\/\/www.anychart.com\/blog\/2017\/05\/10\/single-value-data-indicators-gauges\/\">evaluate performance and compare\u00a0the actual value\u00a0against KPI values or qualitative ranges<\/a> \u2014 and basically, to visualize single-value data as indicators \u2014 the following chart types\u00a0are commonly helpful:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/circular-gauge\/\">Circular gauges<\/a>\u00a0\u2014\u00a0for a radial scale.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/linear-gauge\/\">Linear gauges<\/a>\u00a0\u2014\u00a0for a linear scale.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/bullet-chart\/\">Bullet charts<\/a>\u00a0\u2014 for a more space-efficient visualization on a\u00a0linear scale.<\/li>\n<\/ul>\n<p>For example, you can use circular gauges to visualize speed (like a speedometer) or wind direction (employing a\u00a0compass-based look); linear gauges \u2014 air temperature (thermometer) or tank volume; bullet charts \u2014 current vs.\u00a0planned sales or system availability figures; etc.<\/p>\n<h3>6.\u00a0Examine Project Data<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6824\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/resource-gantt-chart-to-examine-project-and-resource-data-in-visualization.png\" alt=\"Resource chart example. Examine project and resource data in visualization.\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/resource-gantt-chart-to-examine-project-and-resource-data-in-visualization.png 1013w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/resource-gantt-chart-to-examine-project-and-resource-data-in-visualization-300x166.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/resource-gantt-chart-to-examine-project-and-resource-data-in-visualization-768x424.png 768w\" sizes=\"(max-width: 1013px) 100vw, 1013px\" \/><\/p>\n<p>To <a href=\"https:\/\/www.anychart.com\/blog\/2017\/05\/17\/resource-project-management-chart-types\/\">examine project data<\/a>, the following chart types\u00a0are commonly helpful:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/gantt-chart\/\">Gantt chart<\/a>\u00a0\u2014 to keep an eye on activities\u00a0on a project schedule.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/resource-chart\/\">Resource chart<\/a>\u00a0\u2014 to\u00a0review resource occupancy.<\/li>\n<\/ul>\n<p>For example, you can use Gantt charts to visualize project activities\u00a0on a schedule or planned vs. actual progress; resource charts \u2014 server status; etc.<\/p>\n<h3>7.\u00a0Make Sense of Geographical Data<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6826\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/choropleth-maps-to-make-sense-of-geographical-data-in-visualization.png\" alt=\"Choropleth map chart example. Make sense of geographical data in visualization.\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/choropleth-maps-to-make-sense-of-geographical-data-in-visualization.png 1013w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/choropleth-maps-to-make-sense-of-geographical-data-in-visualization-300x166.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/choropleth-maps-to-make-sense-of-geographical-data-in-visualization-768x424.png 768w\" sizes=\"(max-width: 1013px) 100vw, 1013px\" \/><\/p>\n<p>To\u00a0<a href=\"https:\/\/www.anychart.com\/blog\/2017\/05\/24\/geovisualization-chart-type-geo-data\/\">make sense of geographical data<\/a>, the following geovisualization chart types are commonly helpful:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/choropleth-map\/\">Choropleth maps<\/a>\u00a0\u2014 to identify differences across geographical areas.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/dot-map\/\">Dot maps<\/a>\u00a0\u2014\u00a0to understand geographical distribution trends.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/bubble-map\/\">Bubble maps<\/a>\u00a0\u2014 to add a size variable into a\u00a0visual.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/connector-map\/\">Connector maps<\/a>\u00a0\u2014 for a look at geographical connections.<\/li>\n<li><a href=\"http:\/\/www.anychart.com\/chartopedia\/chart-types\/flow-map\/\">Flow maps<\/a>\u00a0\u2014 to explore how objects move between locations when direction is important.<\/li>\n<\/ul>\n<p>For example, you can use choropleth maps to visualize systems of government across the globe; dot maps \u2014 points of sale or airplane crash locations; bubble maps \u2014 sales offices by revenue or earthquakes by magnitude; connector map \u2014 airline routes or supply chains; flow maps \u2014 export directions or military tactics; etc.<\/p>\n<p>Head to <a href=\"https:\/\/www.anychart.com\/chartopedia\/usage-type\/\">Chartopedia<\/a> to learn about 60+ chart types, including how to use them right, data visualization examples, and more. Check the\u00a0<a href=\"https:\/\/www.anychart.com\/blog\/category\/data-visualization-weekly\/\">DataViz Weekly<\/a>\u00a0blog for even more examples of cool charts and infographics-based stories and projects, from all over the web. Read <a href=\"https:\/\/www.anychart.com\/blog\/2015\/06\/30\/top-5-books-about-data-visualization-and-charting\/\">books<\/a> to delve further into data visualization and charting, under the guidance of famous experts.<\/p>\n<h2>Conclusion<\/h2>\n<p>We&#8217;ve provided a definition of data visualization, explained what makes this discipline important,\u00a0mentioned some milestones\u00a0from its history of evolution, and outlined examples of\u00a0how data visualization\u00a0works in practice.<\/p>\n<p>By combining data visualization best practices with modern digital technology, many companies that have to deal with massive amounts of information can quickly analyze it and get data-driven insights\u00a0in order to streamline various aspects of their operation. All industries, and all companies regardless of size and scope of work can benefit from dataviz and business intelligence it brings to life.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Data visualization is the practice of converting data from raw figures into a graphical representation such as graphs, maps, charts, and complex dashboards. Let\u2019s see what makes it important (meaning), how it has developed (history), and exactly how it can work in real life (examples). Join us on Data Visualization 101, an introduction to dataviz [&hellip;]<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,22,460],"tags":[71,35,127,258,44,129,85,49,54,461,464,256,463,47,39,55,144,37,462],"class_list":["post-6782","post","type-post","status-publish","format-standard","hentry","category-business-intelligence","category-charts-and-art","category-data-visualization-101","tag-bar-charts","tag-business-intelligence","tag-chart-types","tag-charts","tag-charts-and-art","tag-choosing-the-right-chart-type","tag-column-charts","tag-dashboards","tag-data-visualization","tag-data-visualization-101","tag-data-visualization-definition","tag-data-visualization-examples","tag-data-visualization-history","tag-financial-charts","tag-gantt-chart","tag-html5-charts","tag-infographics","tag-stock-charts","tag-what-is-data-visualization","wpautop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What Is Data Visualization? Definition, History, and Examples<\/title>\n<meta name=\"description\" content=\"Data visualization is the practice of converting data from raw figures into a graphical representation. Learn more about its meaning, history, and examples.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Is Data Visualization? Definition, History, and Examples\" \/>\n<meta property=\"og:description\" content=\"Data visualization is the practice of converting data from raw figures into a graphical representation. Learn more about its meaning, history, and examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"AnyChart News\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AnyCharts\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-20T06:00:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-11-20T06:18:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1559\" \/>\n\t<meta property=\"og:image:height\" content=\"935\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jay Stevenson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:site\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jay Stevenson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/\"},\"author\":{\"name\":\"Jay Stevenson\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/72c57df865ef152aa12d353a89260a44\"},\"headline\":\"What Is Data Visualization? Definition, History, and Examples\",\"datePublished\":\"2018-11-20T06:00:51+00:00\",\"dateModified\":\"2018-11-20T06:18:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/\"},\"wordCount\":1543,\"commentCount\":34,\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png\",\"keywords\":[\"bar charts\",\"Business Intelligence\",\"chart types\",\"charts\",\"Charts and Art\",\"choosing the right chart type\",\"column charts\",\"Dashboards\",\"Data Visualization\",\"data visualization 101\",\"data visualization definition\",\"data visualization examples\",\"data visualization history\",\"Financial charts\",\"Gantt Chart\",\"html5 charts\",\"infographics\",\"Stock charts\",\"what is data visualization\"],\"articleSection\":[\"Business Intelligence\",\"Charts and Art\",\"Data Visualization 101\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/\",\"url\":\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/\",\"name\":\"What Is Data Visualization? Definition, History, and Examples\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png\",\"datePublished\":\"2018-11-20T06:00:51+00:00\",\"dateModified\":\"2018-11-20T06:18:06+00:00\",\"author\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/72c57df865ef152aa12d353a89260a44\"},\"description\":\"Data visualization is the practice of converting data from raw figures into a graphical representation. Learn more about its meaning, history, and examples.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#primaryimage\",\"url\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png\",\"contentUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png\",\"width\":1559,\"height\":935},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.anychart.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What Is Data Visualization? Definition, History, and Examples\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\",\"url\":\"https:\/\/www.anychart.com\/blog\/\",\"name\":\"AnyChart News\",\"description\":\"AnyChart JS Charts\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.anychart.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/72c57df865ef152aa12d353a89260a44\",\"name\":\"Jay Stevenson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c544645e5f5fe1459f98921f88733ff8901710c63ddf0b4bc1ab9f61c2eb2470?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c544645e5f5fe1459f98921f88733ff8901710c63ddf0b4bc1ab9f61c2eb2470?s=96&r=g\",\"caption\":\"Jay Stevenson\"},\"url\":\"https:\/\/www.anychart.com\/blog\/author\/jasonlee\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What Is Data Visualization? Definition, History, and Examples","description":"Data visualization is the practice of converting data from raw figures into a graphical representation. Learn more about its meaning, history, and examples.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/","og_locale":"en_US","og_type":"article","og_title":"What Is Data Visualization? Definition, History, and Examples","og_description":"Data visualization is the practice of converting data from raw figures into a graphical representation. Learn more about its meaning, history, and examples.","og_url":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/","og_site_name":"AnyChart News","article_publisher":"https:\/\/www.facebook.com\/AnyCharts","article_published_time":"2018-11-20T06:00:51+00:00","article_modified_time":"2018-11-20T06:18:06+00:00","og_image":[{"width":1559,"height":935,"url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png","type":"image\/png"}],"author":"Jay Stevenson","twitter_card":"summary_large_image","twitter_creator":"@AnyChart","twitter_site":"@AnyChart","twitter_misc":{"Written by":"Jay Stevenson","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#article","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/"},"author":{"name":"Jay Stevenson","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/72c57df865ef152aa12d353a89260a44"},"headline":"What Is Data Visualization? Definition, History, and Examples","datePublished":"2018-11-20T06:00:51+00:00","dateModified":"2018-11-20T06:18:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/"},"wordCount":1543,"commentCount":34,"image":{"@id":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png","keywords":["bar charts","Business Intelligence","chart types","charts","Charts and Art","choosing the right chart type","column charts","Dashboards","Data Visualization","data visualization 101","data visualization definition","data visualization examples","data visualization history","Financial charts","Gantt Chart","html5 charts","infographics","Stock charts","what is data visualization"],"articleSection":["Business Intelligence","Charts and Art","Data Visualization 101"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/","url":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/","name":"What Is Data Visualization? Definition, History, and Examples","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#primaryimage"},"image":{"@id":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png","datePublished":"2018-11-20T06:00:51+00:00","dateModified":"2018-11-20T06:18:06+00:00","author":{"@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/72c57df865ef152aa12d353a89260a44"},"description":"Data visualization is the practice of converting data from raw figures into a graphical representation. Learn more about its meaning, history, and examples.","breadcrumb":{"@id":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#primaryimage","url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png","contentUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2018\/11\/data-visualization-101-definition-history-examples.png","width":1559,"height":935},{"@type":"BreadcrumbList","@id":"https:\/\/www.anychart.com\/blog\/2018\/11\/20\/data-visualization-definition-history-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.anychart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What Is Data Visualization? Definition, History, and Examples"}]},{"@type":"WebSite","@id":"https:\/\/www.anychart.com\/blog\/#website","url":"https:\/\/www.anychart.com\/blog\/","name":"AnyChart News","description":"AnyChart JS Charts","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.anychart.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/72c57df865ef152aa12d353a89260a44","name":"Jay Stevenson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c544645e5f5fe1459f98921f88733ff8901710c63ddf0b4bc1ab9f61c2eb2470?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c544645e5f5fe1459f98921f88733ff8901710c63ddf0b4bc1ab9f61c2eb2470?s=96&r=g","caption":"Jay Stevenson"},"url":"https:\/\/www.anychart.com\/blog\/author\/jasonlee\/"}]}},"_links":{"self":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/6782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/comments?post=6782"}],"version-history":[{"count":49,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/6782\/revisions"}],"predecessor-version":[{"id":6894,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/6782\/revisions\/6894"}],"wp:attachment":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/media?parent=6782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/categories?post=6782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/tags?post=6782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}