{"id":8034,"date":"2019-09-25T11:06:31","date_gmt":"2019-09-25T03:06:31","guid":{"rendered":"http:\/\/www.finereport.com\/en\/?p=8034"},"modified":"2020-01-16T10:36:48","modified_gmt":"2020-01-16T02:36:48","slug":"9-data-visualization-tools-that-you-cannot-miss-in-2019","status":"publish","type":"post","link":"https:\/\/frg.fineres.com\/en\/2019\/09\/25\/9-data-visualization-tools-that-you-cannot-miss-in-2019\/","title":{"rendered":"9 Data Visualization Tools That You Cannot Miss in 2019"},"content":{"rendered":"\r\n\r\nIn the field of data science, <a href=\"http:\/\/www.finereport.com\/en\/features\/data-visualization\">data visualization<\/a> is undoubtedly the top word today. No matter what data you want to analyze, doing data visualization seems to be a necessary step. But many people don\u2019t have a specific concept of data visualization, and they don\u2019t know how to implement it. So, today I am going to take you through the definition, concept, implementation process and tools for data visualization.\r\n\r\n\r\n\r\n\r\n<h2 id=\"6142\"><strong>1.<\/strong>\u00a0<strong>What is data visualization?<\/strong><\/h2>\r\n\r\n\r\n\r\n\r\n<strong>Scientific visualization, information visualization, and visual analytics are often seen as the three main branches of visualization.\u00a0<\/strong>The new discipline \u201cData Visualization\u201d, which is a combination of these three branches, is a new starting point in the field of visual research.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092501A.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n\r\nGeneralized data visualization involves various disciplines such as information technology, natural science, statistical analysis, graphics, interaction, and geographic information.\r\n\r\n\r\n\r\n\r\n<h3 id=\"c78f\"><strong>1.1 Scientific Visualization<\/strong><\/h3>\r\n\r\n\r\n\r\n\r\nScientific visualization is an interdisciplinary research and application field in science, focusing on the visualization of three-dimensional phenomena, such as architecture, meteorology, medicine or biological systems. Its purpose is to graphically illustrate scientific data, enabling scientists to understand, explain, and collect patterns from the data.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092502A.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<h3 id=\"847b\"><strong>1.2 Information visualization<\/strong><\/h3>\r\n\r\n\r\n\r\n\r\nInformation visualization is the study of interactive visual representations of abstract data to enhance human cognition. Abstract data includes both digital and non-digital data such as geographic information and text. Graphics such as histograms, trend graphs, flow charts, and tree diagrams all belong to information visualization, and the design of these graphics transforms abstract concepts into visual information.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092503A.png\" alt=\"\" width=\"597\" height=\"377\" \/><\/figure>\r\n\r\n\r\n\r\n<h3 id=\"5ca8\"><strong>1.3 Visual Analytics<\/strong><\/h3>\r\n\r\n\r\n\r\n\r\nVisual analytics is a new field that has evolved with the development of scientific visualization and information visualization, with an emphasis on analytical reasoning through an interactive visual interface.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092504A.gif\" alt=\"\" width=\"600\" height=\"328\" \/><figcaption>From\u00a0<a href=\"http:\/\/www.finereport.com\/en\/?utm_source=medium&amp;utm_medium=media&amp;utm_campaign=blog&amp;utm_term=9%20Data%20Visualization%20Tools%20That%20You%20Cannot%20Miss%20in%C2%A02019\" target=\"_blank\" rel=\"noreferrer noopener\">FineReport<\/a><\/figcaption><\/figure>\r\n\r\n\r\n\r\n<h2 id=\"2386\"><strong>2.<\/strong>\u00a0<strong>Why do we need data visualization?<\/strong><\/h2>\r\n\r\n\r\n\r\n\r\nThe amount of information that humans gain through vision is far beyond that of other organs. Data visualization is the use of human natural skills to enhance data processing and organization efficiency.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092505A.png\" alt=\"\" width=\"600\" height=\"400\" \/><\/figure>\r\n\r\n\r\n\r\n\r\nVisualization can help us deal with more complex information and enhance memory.\r\n\r\n\r\n\r\n\r\n\r\nMost people don\u2019t know much about statistical data, and basic statistical methods (mean, median, range, etc.) are not in line with human cognitive nature. One of the most famous examples is\u00a0<strong>Anscombe\u2019s quartet<\/strong>. It is difficult to see the law according to statistical methods, but the rules are very clear when the data is visualized.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092506A.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<h2 id=\"246b\"><strong>3.<\/strong>\u00a0<strong>How to achieve data visualization?<\/strong><\/h2>\r\n\r\n\r\n\r\n\r\nTechnically, the simplest understanding of data visualization is the mapping from data space to graphic space.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092507A.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n\r\nA classic visual implementation procedure is to process and filter the data, transform it into an expressible visual form, and then render it into a user-visible view.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092508A.png\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<h3 id=\"f76b\"><strong>Visualization technology stack<\/strong><\/h3>\r\n\r\n\r\n\r\n\r\nIn general, professional data visualization engineers need to master the following technology stack:\r\n\r\n\r\n\r\n\r\n\r\n<strong>\u00b7 Basic mathematics<\/strong>: trigonometric function, linear algebra, geometric algorithm\r\n\r\n\r\n\r\n\r\n\r\n<strong>\u00b7 Graphics<\/strong>: Canvas, SVG, WebGL, computational graphics, graph theory\r\n\r\n\r\n\r\n\r\n\r\n<strong>\u00b7 Engineering algorithms<\/strong>: basic algorithms, statistical algorithms, common layout algorithms\r\n\r\n\r\n\r\n\r\n\r\n<strong>\u00b7 Data analysis<\/strong>: data cleaning, statistics, data modeling\r\n\r\n\r\n\r\n\r\n\r\n<strong>\u00b7 Design aesthetics<\/strong>: design principles, aesthetic judgment, color, interaction, cognition\r\n\r\n\r\n\r\n\r\n\r\n<strong>\u00b7 Visual basis<\/strong>: visual coding, visual analysis, graphical interaction\r\n\r\n\r\n\r\n\r\n\r\n<strong>\u00b7 Visualization solutions<\/strong>: correct use of charts, visualization of common business scenarios\r\n\r\n\r\n\r\n\r\n<h2 id=\"758c\"><strong>4.<\/strong>\u00a0<strong>Common data visualization tools<\/strong><\/h2>\r\n\r\n\r\n\r\n\r\nGenerally speaking, R language, ggplot2 and Python are used in academia. The most familiar tool for ordinary users is Excel. Commercial products include Tableau, FineReport, Power BI, etc.\r\n\r\n\r\n\r\n\r\n<h3 id=\"6f5b\"><strong>1)<\/strong>\u00a0<a href=\"https:\/\/d3js.org\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>D3<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n\r\nD3.js is a JavaScript library based on data manipulation documentation. D3 combines powerful visualization components with data-driven DOM manipulation methods.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092509A.png\" alt=\"\" width=\"601\" height=\"448\" \/><\/figure>\r\n\r\n\r\n\r\n\r\n<strong>Evaluation<\/strong>: D3 has powerful SVG operation capability. It can easily map data to SVG attribute, and it integrates a large number of tools and methods for data processing, layout algorithms and calculating graphics. It has a strong community and rich demos. However, its API is too low-level. There isn\u2019t much reusability while the cost of learning and use is high.\r\n\r\n\r\n\r\n\r\n<h3 id=\"ec48\"><strong>2)<\/strong>\u00a0<a href=\"https:\/\/www.highcharts.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>HighCharts<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n\r\nHighCharts is a chart library written in pure JavaScript that makes it easy and convenient for users to add interactive charts to web applications. This is the most widely used chart tool on the Web, and business use requires the purchase of a commercial license.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092510A.png\" alt=\"\" width=\"599\" height=\"305\" \/><\/figure>\r\n\r\n\r\n\r\n\r\n<strong>Evaluation<\/strong>: The use threshold is very low. HighCharts has good compatibility, and it is mature and widely used. However, the style is old, and it is difficult to expand charts. And the commercial use requires the purchase of copyright.\r\n\r\n\r\n\r\n\r\n<h3 id=\"4f5e\"><strong>3)<\/strong>\u00a0<a href=\"https:\/\/echarts.apache.org\/en\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Echarts<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n\r\nEcharts is an enterprise-level chart tool from the data visualization team of Baidu. It is a pure Javascript chart library that runs smoothly on PCs and mobile devices, and it is compatible with most current browsers.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092511A.png\" alt=\"\" width=\"601\" height=\"325\" \/><\/figure>\r\n\r\n\r\n\r\n\r\n<strong>Evaluation<\/strong>: Echarts has rich chart types, covering the regular statistical charts. But it is not as flexible as Vega and other chart libraries based on graphic grammar, and it is difficult for users to customize some complex relational charts.\r\n\r\n\r\n\r\n\r\n<h3 id=\"d045\"><strong>4)<\/strong>\u00a0<a href=\"https:\/\/leafletjs.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Leaflet<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n\r\nLeaflet is a JavaScript library of interactive maps for mobile devices. It has all the mapping features that most developers need.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092512A.png\" alt=\"\" width=\"601\" height=\"205\" \/><\/figure>\r\n\r\n\r\n\r\n\r\n<strong>Evaluation<\/strong>: It can be specifically targeted for map applications, and it has good compatibility with mobile. The API supports plug-in mechanism, but the function is relatively simple. Users need to have secondary development capabilities.\r\n\r\n\r\n\r\n\r\n<h3 id=\"0a1d\"><strong>5)<\/strong>\u00a0<a href=\"https:\/\/vega.github.io\/vega\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Vega<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n\r\nVega is a set of interactive graphical grammars that define the mapping rules from data to graphic, common interaction grammars, and common graphical elements. Users can freely combine Vega grammars to build a variety of charts.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092513A.png\" alt=\"\" width=\"599\" height=\"259\" \/><\/figure>\r\n\r\n\r\n\r\n\r\n<strong>Evaluation<\/strong>: Based entirely on JSON grammar, Vega provides mapping rules from data to graphics, and it supports common interaction grammars. But the grammar design is complex, and the cost of use and learning is high.\r\n\r\n\r\n\r\n\r\n<h3 id=\"8149\"><strong>6)<\/strong>\u00a0<a href=\"https:\/\/deck.gl\/#\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>deck.gl<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n\r\ndeck.gl is a visual class library based on WebGL for big data analytics. It is developed by the visualization team of Uber.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092514A.png\" alt=\"\" width=\"601\" height=\"273\" \/><\/figure>\r\n\r\n\r\n\r\n\r\n<strong>Evaluation<\/strong>: deck.gl focuses on 3D map visualization. There are many built-in geographic information visualization common scenes. It supports visualization of large-scale data. But the users need to have knowledge of WebGL and the layer expansion is more complicated.\r\n\r\n\r\n\r\n\r\n<h3 id=\"d200\"><strong>7)<\/strong>\u00a0<a href=\"https:\/\/powerbi.microsoft.com\/en-us\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Power BI<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n\r\nPower BI is a set of business analysis tools that provide insights in the organization. It can connect hundreds of data sources, simplify data preparation and provide instant analysis. Organizations can view reports generated by Power BI on web and mobile devices.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092515A.png\" alt=\"\" width=\"601\" height=\"295\" \/><\/figure>\r\n\r\n\r\n\r\n\r\n<strong>Evaluation<\/strong>: Power BI is similar to Excel\u2019s desktop BI tool, while the function is more powerful than Excel. It supports for multiple data sources. The price is not high. But it can only be used as a separate BI tool, and there is no way to integrate it with existing systems.\r\n\r\n\r\n\r\n\r\n<h3 id=\"aa64\"><strong>8)<\/strong>\u00a0<a href=\"https:\/\/www.tableau.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Tableau<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n\r\nTableau is a business intelligence tool for visually analyzing data. Users can create and distribute interactive and shareable dashboards, depicting trends, changes and densities of data in graphs and charts. Tableau can connect to files, relational data sources and big data sources to get and process data.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092516A.png\" alt=\"\" width=\"601\" height=\"377\" \/><\/figure>\r\n\r\n\r\n\r\n\r\n<strong>Evaluation<\/strong>: Tableau is the simplest business intelligence tool in the desktop system. It doesn\u2019t force users to write custom code. The software allows data mixing and real-time collaboration. But it\u2019s expensive and it performs less well in customization and after-sales services.\r\n\r\n\r\n\r\n\r\n<h3 id=\"a418\"><strong>9)<\/strong>\u00a0<a href=\"http:\/\/www.finereport.com\/en\/?utm_source=medium&amp;utm_medium=media&amp;utm_campaign=blog&amp;utm_term=9%20Data%20Visualization%20Tools%20That%20You%20Cannot%20Miss%20in%C2%A02019\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>FineReport<\/strong><\/a><\/h3>\r\n\r\n\r\n\r\n\r\nFineReport is an enterprise-level web reporting tool written in pure Java, combining data visualization and data entry. It is designed based on \u201cno-code development\u201d concept. With FineReport, users can make complex reports and cool dashboards and build a decision-making platform with simple drag-and-drop operations.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" class=\"\" src=\"http:\/\/www.finereport.com\/en\/wp-content\/themes\/blogs\/images\/2019092517A.png\" alt=\"\" width=\"601\" height=\"229\" \/><\/figure>\r\n\r\n\r\n\r\n\r\n<strong>Evaluation<\/strong>: FineReport can be directly connected to all kinds of databases, and it is convenient and quick to customize various complex reports and cool\u00a0<a href=\"https:\/\/towardsdatascience.com\/a-beginners-guide-to-business-dashboards-981a8192a967\" target=\"_blank\" rel=\"noreferrer noopener\">dashboards<\/a>. The interface is similar to that of Excel. It provides 19 categories and over 50 styles of self-developed HTML5 charts, with cool 3D and dynamic effects. The most important thing is that its personal version is\u00a0<strong>completely free<\/strong>.\r\n\r\n<a href=\"https:\/\/www.finereport.com\/en\/activation\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-9249\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2019\/09\/FR-visualization-.png\" alt=\"\" width=\"1720\" height=\"566\" srcset=\"https:\/\/frg.fineres.com\/en\/wp-content\/uploads\/2019\/09\/FR-visualization-.png 1720w, https:\/\/frg.fineres.com\/en\/wp-content\/uploads\/2019\/09\/FR-visualization--300x99.png 300w, https:\/\/frg.fineres.com\/en\/wp-content\/uploads\/2019\/09\/FR-visualization--768x253.png 768w, https:\/\/frg.fineres.com\/en\/wp-content\/uploads\/2019\/09\/FR-visualization--1024x337.png 1024w\" sizes=\"(max-width: 1720px) 100vw, 1720px\" \/><\/a>\r\n\r\n\r\n\r\n\r\n<h2 id=\"e3ac\"><strong>Conclusion<\/strong><\/h2>\r\n\r\n\r\n\r\n\r\nData visualization is a huge field with many disciplines. It is precisely because of this interdisciplinary nature that the visualization field is full of vitality and opportunities.\r\n\r\n\r\n\r\n\r\n<h5><em>Originally published at\u00a0<\/em><a href=\"https:\/\/medium.com\/@lewischou62\"><em>https:\/\/medium.com\/@lewischou62\u00a0<\/em><\/a><\/h5>\r\n\r\n\r\n\r\n<h5><em>Follow\u00a0<a href=\"https:\/\/www.facebook.com\/finereport\/\">FineReport Reporting Software<\/a>\u00a0on Facebook to learn more about data visualization tools!<\/em><\/h5>\r\n\r\n\r\n\r\n\r\n&nbsp;\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>This article takes you through the definition, concept, implementation process and tools for data visualization.<\/p>\n","protected":false},"author":1,"featured_media":8177,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[854],"tags":[118],"_links":{"self":[{"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/posts\/8034"}],"collection":[{"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/comments?post=8034"}],"version-history":[{"count":7,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/posts\/8034\/revisions"}],"predecessor-version":[{"id":9250,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/posts\/8034\/revisions\/9250"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/media\/8177"}],"wp:attachment":[{"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/media?parent=8034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/categories?post=8034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/tags?post=8034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}