{"id":9081,"date":"2019-12-24T17:13:14","date_gmt":"2019-12-24T09:13:14","guid":{"rendered":"https:\/\/www.finereport.com\/en\/?p=9081"},"modified":"2020-08-31T17:14:06","modified_gmt":"2020-08-31T09:14:06","slug":"data-visualization-master-of-none-in-data-analysis","status":"publish","type":"post","link":"https:\/\/www.finereport.com\/en\/data-analysis\/data-visualization-master-of-none-in-data-analysis.html","title":{"rendered":"Data Visualization: \u201cMaster of None\u201d in Data Analysis"},"content":{"rendered":"<div id=\"toc_container\" class=\"toc_transparent no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#Why_We_Need_Data_Visualization\">Why We Need Data Visualization\uff1f<\/a><\/li><li><a href=\"#What_are_the_Views_of_Data_Visualization\">What are the Views of Data Visualization?<\/a><\/li><li><a href=\"#What_are_the_Data_Visualization_Tools\">What are the Data Visualization Tools?<\/a><ul><li><a href=\"#Tableau\">Tableau<\/a><\/li><li><a href=\"#FineReport\">FineReport<\/a><\/li><li><a href=\"#Front-end_Visualization_Components\">Front-end Visualization Components<\/a><\/li><li><a href=\"#Programming_Language\">Programming Language <\/a><\/li><\/ul><\/li><li><a href=\"#Conclusion\">Conclusion<\/a><\/li><li><a href=\"#You_might_also_be_interested_in\">You might also be interested in\u2026<\/a><\/li><\/ul><\/div>\n<h2><span id=\"Why_We_Need_Data_Visualization\"><strong>Why We Need Data Visualization\uff1f<\/strong><\/span><\/h2>\n<p>If you want to be a <a href=\"https:\/\/www.finereport.com\/en\/data-analysis\/6-key-skills-that-data-analysts-need-to-master.html\">data analyst<\/a>, mastering data visualization skills is essential, cause in most cases, the boss cares more about the results presented.<\/p>\n<p>In addition, when these visualization results are presented in front of your eyes, you can intuitively experience the &#8220;beauty of data&#8221;. Pictures are far better than words in terms of content expression. It can not only reflect the authenticity of the data, but also give people a lot of imagination.<\/p>\n<h2><span id=\"What_are_the_Views_of_Data_Visualization\"><strong><b>What are the Views of Data Visualization?<\/b><\/strong><\/span><\/h2>\n<p>We have more than 10 kinds of visualization views commonly used, including text tables, maps, pie charts, horizontal bars, stacked bars, tree views, scatter plots, histograms, Gantt charts, scatter charts, bubble charts, etc.<\/p>\n<p><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/data-visualization.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-9086\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/data-visualization.png\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/data-visualization.png 750w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/data-visualization-300x169.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/data-visualization-768x432.png 768w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/data-visualization-1024x576.png 1024w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<p style=\"text-align: center;\">From Google<\/p>\n<p>Of course, you must not only master the use of these views, but also understand the purpose behind them. Here I divide them into the following 9 cases:<\/p>\n<p><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/02-2.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-9087\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/02-2.png\" alt=\"\" width=\"1406\" height=\"476\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/02-2.png 1406w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/02-2-300x102.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/02-2-768x260.png 768w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/02-2-1024x347.png 1024w\" sizes=\"(max-width: 1406px) 100vw, 1406px\" \/><\/a><\/p>\n<p>In the above cases, you may want to see the distribution of certain data or its trend over time, and so on. So before designing, you need to think about what you want to present to users, what characteristics of the data need to be highlighted, and what view to use for the presentation.<\/p>\n<p>For example, if you want to show the distribution of a variable, you can show it in the form of a histogram. If you want to see the correlation and distribution between the two variables, you can use a scatter plot.<\/p>\n<p>A view may have multiple expression purposes. For example, a scatter plot can both show the relationship between two variables and reflect their distribution. Similarly, if I want to see the distribution of the variables, I can use either a scatter plot or a histogram.<\/p>\n<p>So, which view you want to use depends on what purpose you want the data to visualize.<\/p>\n<h2><span id=\"What_are_the_Data_Visualization_Tools\"><strong><b>What are the <\/b><\/strong><strong><b>D<\/b><\/strong><strong><b>ata <\/b><\/strong><strong><b>V<\/b><\/strong><strong><b>isualization <\/b><\/strong><strong><b>T<\/b><\/strong><strong><b>ools?<\/b><\/strong><\/span><\/h2>\n<p>So how to make the data into the views mentioned above? We need to use data visualization tools.<\/p>\n<p>There are many of these tools, and I will introduce you from several dimensions.<\/p>\n<h3><span id=\"Tableau\"><a href=\"https:\/\/www.tableau.com\/\"><strong><b>Tableau<\/b><\/strong><\/a><\/span><\/h3>\n<p>Tableau is powerful in visual and flexible analysis, and its main users are professional data analysts. At the same time, it is highly used in work situations, so mastering Tableau is very helpful for promotion and job hunting. But Tableau is commercial software, and the fees are not low. There are some thresholds to get started, and a certain data foundation is required.<\/p>\n<p><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/tableau.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-9096\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/tableau.png\" alt=\"\" width=\"2496\" height=\"1336\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/tableau.png 750w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/tableau-300x161.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/tableau-768x411.png 768w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/tableau-1024x548.png 1024w\" sizes=\"(max-width: 2496px) 100vw, 2496px\" \/><\/a><\/p>\n<h3><span id=\"FineReport\"><a href=\"https:\/\/www.finereport.com\/en\/\"><strong><b>FineReport<\/b><\/strong><\/a><\/span><\/h3>\n<p>FineReport is completely free software for individual users. From visualization reports to dashboards, it can be done easily. And it has its professional solutions in many industries, which is also very easy to operate. FineReport can connect to business data in real-time and display them\u00a0in\u00a0time.<\/p>\n<p><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/10\/finereport1.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8412\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/10\/finereport1.png\" alt=\"\" width=\"2580\" height=\"1238\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/10\/finereport1.png 2580w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/10\/finereport1-300x144.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/10\/finereport1-768x369.png 768w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/10\/finereport1-1024x491.png 1024w\" sizes=\"(max-width: 2580px) 100vw, 2580px\" \/><\/a><\/p>\n<h3><span id=\"Front-end_Visualization_Components\"><strong><b>Front-end <\/b><\/strong><strong><b>V<\/b><\/strong><strong><b>isualization <\/b><\/strong><strong><b>C<\/b><\/strong><strong><b>omponents<\/b><\/strong><\/span><\/h3>\n<p>The visualization components are based on web rendering technology. So you need to know a few typical web rendering technologies: <strong>Canvas, SVG, and WebGL<\/strong>. In simple terms, Canvas and SVG are the main 2D graphics technologies in HTML5, and WebGL is a 3D framework.<\/p>\n<p><strong>Canvas<\/strong> is suitable for bitmap, that is, it gives you a whiteboard, and you need to draw points by yourself. Canvas can draw complex animations. However, it comes with HTML5, so older browsers don&#8217;t support Canvas. ECharts is a visual component based on Canvas.<\/p>\n<p><strong>SVG<\/strong> uses XML format to define graphics. It is equivalent to using dots and lines to draw graphics. Compared to bitmaps, the file is relatively small, and any scaling will not be distorted. SVG is often used on icons and charts. Its biggest feature is that it supports most browsers, and dynamic interactivity is very easy to implement, such as inserting animation elements in SVG.<\/p>\n<p><strong>WebGL<\/strong> is a 3D drawing protocol that can render 3D picture technology in a web browser and can interact with users. Many of the cool 3D effects you see on web pages are basically rendered using WebGL. Three.js introduced below is based on the WebGL framework.<\/p>\n<p>After understanding these web rendering protocols, let me take a look at these common visualization components: <strong>Echarts, D3, and\u00a0Three.js.<\/strong><\/p>\n<p><a href=\"https:\/\/echarts.apache.org\/en\/index.html\"><strong>ECharts<\/strong><\/a> is a Javascript chart library based on H5 canvas. It has been updated and used by many people. As a component, it can be used in combination with Python web frameworks (such as Django, Flask).<\/p>\n<p><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/05-1.gif\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-10672\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/05-1.gif\" alt=\"\" width=\"1246\" height=\"619\" \/><\/a><\/p>\n<p>The full name of <strong>D3<\/strong> is Data-Driven Documents. In simple terms, it is a JavaScript function library. Because the file extension is usually &#8220;.js&#8221;, D3 also uses D3.js to call it.<\/p>\n<p>It provides a variety of easy-to-use functions that greatly simplify the difficulty of manipulating data with JavaScript. You only need to input a few simple data to be able to convert into various gorgeous graphics.<\/p>\n<p><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/09\/2019092501I.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-8056\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/09\/2019092501I.png\" alt=\"\" width=\"691\" height=\"449\" \/><\/a><\/p>\n<p><strong>Three.js<\/strong>, as the name suggests, means Three + JS. &#8220;Three&#8221; means 3D, and &#8220;Three.js&#8221; is the use of JavaScript to achieve 3D effects. Three.js is a WebGL framework that encapsulates a large number of WebGL interfaces, making it easy to get started.<\/p>\n<h3><span id=\"Programming_Language\"><strong><b>Programming Language <\/b><\/strong><\/span><\/h3>\n<p>Using data analysis tools, you must\u00a0learn\u00a0<strong>Python<\/strong>, of course, some people use the <strong>R<\/strong>. When using <strong>Python and R<\/strong> for data analysis, you must use the visualization part.<\/p>\n<p>Let me briefly introduce how to use <strong>Python and R<\/strong> for data visualization.<\/p>\n<p>Numerous visualization libraries are included in <strong>Python<\/strong>, such as <strong>Matplotlib, Seaborn, Bokeh, Plotly, Pyecharts, Mapbox, and Geoplotlib<\/strong>. The most frequently used ones are <strong>Matplotlib and Seaborn<\/strong>.<\/p>\n<p><strong>Matplotlib<\/strong> is a basic visualization library for <strong>Python<\/strong>. The plotting style is similar to MATLAB, so it is called <strong>Matplotlib<\/strong>. Generally learning <strong>Python<\/strong> data visualization starts from <strong>Matplotlib<\/strong>, and then learns other <strong>Python<\/strong> visualization libraries.<\/p>\n<p>The picture below is the radar chart\u00a0I made with <strong>Matplotlib<\/strong>.<\/p>\n<p><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/03-1.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-9088\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/03-1.png\" alt=\"\" width=\"988\" height=\"858\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/03-1.png 988w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/03-1-300x261.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/03-1-768x667.png 768w\" sizes=\"(max-width: 988px) 100vw, 988px\" \/><\/a><\/p>\n<p><strong><b>Seaborn<\/b><\/strong>\u00a0is an advanced visualization library based on <strong><b>Matplotlib<\/b><\/strong>. It has a more advanced package for <strong><b>Matplotlib<\/b><\/strong>\u00a0to make mapping easier. You can use code to draw multi-dimensional data visualizations, such as the following example:<\/p>\n<p><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/04-2.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-9091\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/04-2.png\" alt=\"\" width=\"678\" height=\"670\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/04-2.png 678w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/12\/04-2-300x296.png 300w\" sizes=\"(max-width: 678px) 100vw, 678px\" \/><\/a><\/p>\n<p>There are also many visualization libraries to choose from in <strong>R<\/strong>. These include the graphics package that comes with <strong>R<\/strong> and the toolkits <strong>ggplot2, ggmap, timevis, and plotly<\/strong>.<\/p>\n<p>Among them, <strong>ggplot2<\/strong> is an important plotting package in <strong>R<\/strong>. This toolkit separates data from plotting operations. The <strong>ggplot<\/strong> library has also been introduced in <strong>Python<\/strong>, so that <strong>ggplot<\/strong> can also be easily used in <strong>Python<\/strong>, and it is not much different from the <strong>ggplot2<\/strong> code in <strong>R<\/strong>. With a little modification, it can be run directly in <strong>Python<\/strong>.<\/p>\n<h2><span id=\"Conclusion\"><strong><b>Conclusion<\/b><\/strong><\/span><\/h2>\n<p>Today I introduced you to the view of data visualization, and then took you to explain the current mainstream data visualization tools. Tableau is a leader in the BI business intelligence industry and an essential tool for business data analysis in many large companies. FineReport is completely free for individual users and can make very cool big screens. If you use a programming language for data analysis and data visualization, then Python and R are also good choices.<\/p>\n<h2><span id=\"You_might_also_be_interested_in\">You might also be interested in\u2026<\/span><\/h2>\n<p class=\"entry-title\"><a href=\"https:\/\/www.finereport.com\/en\/data-visualization\/9-data-visualization-tools-that-you-cannot-miss-in-2019.html\">9 Data Visualization Tools That You Cannot Miss in 2019<\/a><\/p>\n<p class=\"entry-title\"><a href=\"https:\/\/www.finereport.com\/en\/bi-tools\/top-5-bi-tools-of-2019-comparison-and-how-to-decide.html\">Top 5 BI tools of 2019: Comparison and How to decide<\/a><\/p>\n<div class=\"post-title\">\n<p class=\"entry-title\"><a href=\"https:\/\/www.finereport.com\/en\/data-visualization\/7-data-visualization-tools-to-create-infographics.html\">7 Data Visualization Tools to Create Infographics<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Multiple ways to achieve data visualization.<\/p>\n","protected":false},"author":1,"featured_media":9086,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[161,854],"tags":[151,118],"yst_prominent_words":[2925,412,185,291,177,671,1775,636,640,2931,2932,1085,2917,2923,195,2924,2933,676,2922,2926],"_links":{"self":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/9081"}],"collection":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/comments?post=9081"}],"version-history":[{"count":6,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/9081\/revisions"}],"predecessor-version":[{"id":19538,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/9081\/revisions\/19538"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/media\/9086"}],"wp:attachment":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/media?parent=9081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/categories?post=9081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/tags?post=9081"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/yst_prominent_words?post=9081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}