{"id":6543,"date":"2019-08-30T16:02:00","date_gmt":"2019-08-30T08:02:00","guid":{"rendered":"http:\/\/www.finereport.com\/en\/?p=6543"},"modified":"2019-10-30T15:18:35","modified_gmt":"2019-10-30T07:18:35","slug":"how-beginners-make-a-cool-dashboard%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/frg.fineres.com\/en\/2019\/08\/30\/how-beginners-make-a-cool-dashboard%ef%bc%9f\/","title":{"rendered":"How Beginners Make a Cool Dashboard\uff1f"},"content":{"rendered":"\r\n

Ultimate Demand of Dashboard<\/strong><\/h2>\r\n\r\n\r\n\r\n\r\nWhen it comes to dashboard, there are often two requirements in our minds: dynamic and intuitive<\/strong>, and integrity monitor<\/strong>.\r\n\r\n\r\n\r\n\r\n\r\nThe basic appeals of many companies in\r\ndeveloping dashboard projects are these two parts:\r\n\r\n\r\n\r\n\r\n\r\nInternally, it is necessary to monitor the\r\noperation of the company and master the key data in real time;\r\n\r\n\r\n\r\n\r\n\r\nExternally, we must show the company’s\r\noperation status to customers, thus maintaining customer relationships and\r\nenhancing trust;\r\n\r\n\r\n\r\n\r\n\r\nTherefore, the dashboard not only requires to\r\nbe visually beautiful and dazzling, but also needs the scientific and\r\ntechnological sense that fits the data, convenient to view data, and highlights\r\nkey data.\r\n\r\n\r\n\r\n\r\n\r\nIn a word, the boss’s needs are simple and clear: “I want a dashboard, it should have a sense of technology, high practicality and real-time.”<\/strong>\r\n\r\n\r\n\r\n\r\n\r\nFacing these two requirements, we give the results made by FineReport 10.0<\/strong><\/a>:\r\n\r\n\r\n\r\n\r\n\r\nLike this\r\n\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n\r\nOr like this\r\n\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n\r\nHow are you feeling cool? You must be\r\nwondering how to make such a dashboard. Let me share my experience for you.\r\n\r\n\r\n\r\n\r\n

Dashboard Production Experience Sharing<\/strong><\/h2>\r\n\r\n\r\n\r\n\r\nFirst of all, let me introduce the tool we use to make dashboard – FineReport10.0<\/strong><\/a>, which has built-in a variety of the latest visual dashboard charts. The default is dark background + fluorescent color matching. Also, considering different chart types and data requirements, FineReport provides ‘carousel’ or ‘refresh’ animation to meet the business needs of different scenarios.\r\n\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n\r\nAt the same time, the most powerful point about FineReport10.0<\/strong><\/a> is that it is based on WebGL and other technologies, which can continuously optimize and adjust the animation, making the animation effect more flexible.\r\n\r\n\r\n\r\n\r\n

Flexible use of image decoration<\/strong><\/h4>\r\n\r\n\r\n\r\n\r\nOverview: Get the chart out of the common\r\ncolumn effect and enrich the effect of dashboard with your own images.\r\n\r\n\r\n\r\n\r\n\r\nStep: Chart -> Series -> Style, fill the already designed image as a feature into the chart.\r\n\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n

Background\r\nmodification<\/strong><\/h4>\r\n\r\n\r\n\r\n\r\nOverview: Flexible use of absolute layout, through the report superimposed to beautify the chart effect.\r\n\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n

Scatter plots, bubble charts can also make a different feeling<\/strong><\/h4>\r\n\r\n\r\n\r\n\r\nOverview: Flexible use of chart combinations.\r\n\r\n\r\n\r\n\r\n\r\nFor charts with a known number of classifications, each category can be designed as a single chart, with flexible settings for color, background, and cue points.\r\n\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n

“Innovation” of the chart<\/strong><\/h4>\r\n\r\n\r\n\r\n\r\nOverview: Expand the chart style with the\r\ndesigner’s picture as the background to achieve 3D column chart, 3D ring chart\r\nand other effects.\r\n\r\n\r\n\r\n\r\n\r\nStep: The designer designs a custom picture, and the picture is a chart with certain special effects, then remove the data.\r\n\r\n\r\n\r\n\r\n\r\nThrough the above-mentioned report block overlay, the image is used as the underlying background, and the upper layer is superimposed on the data to realize the self-made chart effect.\r\n\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n

Custom map<\/strong><\/h4>\r\n\r\n\r\n\r\n\r\nOverview: Use the custom picture as the map\r\nbackground, re-draw the json file to achieve the 3D tilt effect of the map.\r\n\r\n\r\n\r\n\r\n\r\nStep: Designers design custom maps, output map images\r\n\r\n\r\n\r\n\r\n\r\nThe designer clicks on the server->map\r\ndata, enters the map editing page, builds a custom map, and puts the compressed\r\nimage into it.\r\n\r\n\r\n\r\n\r\n\r\nDescribe the map, according to the actual\r\nbusiness situation (can be described by province or by region)\r\n\r\n\r\n\r\n\r\n\r\nSave the json file and restart the designer\r\nto select a custom map in the map layer.\r\n\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n

Final Effect<\/strong><\/h2>\r\n\r\n\r\n\r\n\r\nMarketing analysis<\/strong>\r\n\r\n\r\n\r\n\r\n\r\nWe can see from this dashboard that the different index of daily takeout service statistics of direct-sale stores.\r\n\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n\r\nSales analysis<\/strong>\r\n\r\n\r\n\r\n\r\n\r\nWe can see the monthly and yearly target completion rate clearly from the combination of line chart and column chart.\r\n\r\n\r\n\r\n\r\n
\"\"<\/figure>\r\n\r\n\r\n\r\n\r\nThere are many similar dashboard that you can find in demo<\/a>.\r\n\r\n\r\n\r\n\r\n

Conclusion<\/strong><\/h2>\r\n\r\n\r\n\r\n\r\nNowadays, many enterprises are not satisfied with traditional reports, but want to understand business needs through more intuitive dynamic data. For this demand, dashboard is the best solution. Through the above dashboard made by FineReport 10.0<\/a>, the visual effect is intuitive, covering the whole life cycle from requirements analysis, project design, project landing to project operation and maintenance. If you are interested, welcome to download the trial.<\/a>\r\n\r\n\r\n\r\n\r\n\r\nFollow\u00a0FineReport Reporting Software<\/a>\u00a0on Facebook to know more about making dashboard!<\/em>\r\n\r\n\r\n\r\n\r\n

You\u00a0might also be interested in<\/strong><\/h2>\r\n\r\n\r\n\r\n\r\nData Visualization: 31 Tools that You Need Know<\/a>\r\n\r\n\r\n\r\n\r\n\r\nTop 16 Types of Chart in Data Visualization<\/a>\r\n\r\n\r\n\r\n\r\n\r\nA Beginner\u2019s Guide to Business Dashboards<\/a>\r\n\r\n","protected":false},"excerpt":{"rendered":"

A guide for beginners to make dashboard.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[854],"tags":[156],"_links":{"self":[{"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/posts\/6543"}],"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=6543"}],"version-history":[{"count":10,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/posts\/6543\/revisions"}],"predecessor-version":[{"id":8639,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/posts\/6543\/revisions\/8639"}],"wp:attachment":[{"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/media?parent=6543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/categories?post=6543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frg.fineres.com\/en\/wp-json\/wp\/v2\/tags?post=6543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}