{"id":8665,"date":"2020-11-22T17:16:00","date_gmt":"2020-11-22T09:16:00","guid":{"rendered":"http:\/\/www.finereport.com\/en\/?p=8665"},"modified":"2025-04-13T21:15:37","modified_gmt":"2025-04-13T13:15:37","slug":"how-can-beginners-create-a-great-dashboard","status":"publish","type":"post","link":"https:\/\/www.finereport.com\/en\/data-visualization\/how-can-beginners-create-a-great-dashboard.html","title":{"rendered":"Dashboard Data Visualization: A Beginner&#8217;s Guide to Effective Dashboards"},"content":{"rendered":"\n<p class=\"graf graf--p\">In the current trend of big data, <a rel=\"noreferrer noopener\" href=\"https:\/\/www.finereport.com\/en\/features\/data-visualization\" data-type=\"URL\" data-id=\"https:\/\/www.finereport.com\/en\/features\/data-visualization\" target=\"_blank\"><strong>data visualization<\/strong><\/a> has become an interactive display mode that everyone admires. Dashboards are widely used to display business performance in enterprises. So how can we create a good dashboard, especially for beginners?<\/p>\n\n\n\n<p class=\"graf graf--p\">The picture below shows the characteristics of the excellent dashboard that Stephen Few listed in the Dashboard Graphic Design Competition.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*OHzqlHQHdegqVfNnzBIfYw.png\" alt=\"criteria for dashboard data visualization making\"\/><figcaption>criteria for dashboard data visualization making<\/figcaption><\/figure>\n\n\n\n<p class=\"graf graf--p\">According to the above scoring criteria, how many points can you achieve in your dashboard <strong><a href=\"https:\/\/www.finereport.com\/en\/reporting-tools\/report-designing.html\" target=\"_blank\" rel=\"noreferrer noopener\">report design<\/a><\/strong>?<\/p>\n\n\n\n<p class=\"graf graf--p\">If you want a perfect presentation of the dashboard, you need technicians, UI designers, and business people to coordinate the work. But for newbies to data visualization, we can also make cool dashboards ourselves with the right <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.finereport.com\/en\/data-visualization\/free-and-open-source-data-visualization-tools.html\" target=\"_blank\">data visualization tool<\/a><\/strong>. If some of you have read my posts, you may find that I have written many guides to data visualization and dashboards. Last time I shared a tutorial to teach you how to make a <a rel=\"noreferrer noopener\" href=\"https:\/\/www.finereport.com\/en\/sales-dashboard\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.finereport.com\/en\/sales-dashboard\"><strong>sales dashboard<\/strong><\/a>. Some readers told me that the dashboard production tutorial is a little difficult for beginners because the sales dashboard is relatively advanced.<\/p>\n\n\n\n<p class=\"graf graf--p\">Therefore, today I will give a more detailed tutorial on creating a great dashboard for beginners. I will write down every step, and I bet that no one\u2019s tutorial is more comprehensive than mine.<\/p>\n\n\n\n<p class=\"graf graf--p\">Now, let\u2019s get started!<\/p>\n\n\n\n<br> <\/br>\n\n\n\n<div id=\"toc_container\" class=\"toc_transparent no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#Dashboard_Data_Visualization_Tip_1_EffectnbspDisplay\">Dashboard Data Visualization Tip 1: Effect&nbsp;Display<\/a><\/li><li><a href=\"#Dashboard_Data_Visualization_Tip_2_Prepare_the_Tool\">Dashboard Data Visualization Tip 2: Prepare the Tool<\/a><\/li><li><a href=\"#Dashboard_Data_Visualization_Tip_3_Set_Dashboard_Body\">Dashboard Data Visualization Tip 3: Set Dashboard Body<\/a><\/li><li><a href=\"#Dashboard_Data_Visualization_Tip_4_Drag_and_Arrange_Components\">Dashboard Data Visualization Tip 4: Drag and Arrange Components<\/a><\/li><li><a href=\"#Dashboard_Data_Visualization_Tip_5_PreparenbspData\">Dashboard Data Visualization Tip 5: Prepare&nbsp;Data<\/a><\/li><li><a href=\"#Dashboard_Data_Visualization_Tip_6_Edit_Components\">Dashboard Data Visualization Tip 6: Edit Components<\/a><ul><li><a href=\"#61_Line_charttrend\">6.1 Line chart\u200a\u2014\u200atrend<\/a><\/li><li><a href=\"#62_Pie_chartproportion\">6.2 Pie chart\u200a\u2014\u200aproportion<\/a><\/li><li><a href=\"#63_Column_ChartComparison\">6.3 Column Chart\u200a\u2014\u200aComparison<\/a><\/li><li><a href=\"#64_ButtonTitle\">6.4 Button\u200a\u2014\u200aTitle<\/a><\/li><\/ul><\/li><li><a href=\"#Dashboard_Data_Visualization_Tip7_Preview_and_Interact_WithnbspCharts\">Dashboard Data Visualization Tip7: Preview and Interact With&nbsp;Charts<\/a><\/li><li><a href=\"#Summary_of_Dashboard_Data_Visualization\">Summary of Dashboard Data Visualization<\/a><\/li><\/ul><\/div>\n<h2 class=\"graf graf--h3\"><span id=\"Dashboard_Data_Visualization_Tip_1_EffectnbspDisplay\">Dashboard Data Visualization Tip 1: Effect&nbsp;Display<\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*Zj_gfuQMi5U3toPJcrFlXw.gif\" alt=\"Examples of dashboard\"\/><figcaption>Dashboard made by FineReport<\/figcaption><\/figure>\n\n\n\n<p class=\"graf graf--p\">This time I plan to create a simple salesperson <a rel=\"noreferrer noopener\" href=\"https:\/\/www.finereport.com\/en\/dashboard-tools\/performance-dashboard.html\" data-type=\"post\" data-id=\"12660\" target=\"_blank\"><strong>performance dashboard<\/strong><\/a>. The picture above is a demonstration of the final effect. We can view the total sales, the sales rankings of each salesperson, and the salesperson\u2019s order ranking. In this dashboard, I will also implement the interactive function of charts, as shown below. That is viewers can click on the chart for more information.<\/p>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*L-sG4RYKfjVmA5W_tDTkjg.gif\" alt=\"dashboard data visualization\"\/><figcaption>Dashboard made by <a href=\"https:\/\/www.finereport.com\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\">FineReport<\/a><\/figcaption><\/figure>\n\n\n\n<h2 class=\"graf graf--h3\"><span id=\"Dashboard_Data_Visualization_Tip_2_Prepare_the_Tool\">Dashboard Data Visualization Tip 2: Prepare the Tool<\/span><\/h2>\n\n\n\n<p class=\"graf graf--p\">The <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.finereport.com\/en\/data-visualization\/free-and-open-source-dashboard-software.html\" target=\"_blank\">dashboard tool<\/a><\/strong> I used to design the dashboard here is <strong class=\"markup--strong markup--p-strong\"><span class=\"has-inline-color has-luminous-vivid-amber-color\">FineReport<\/span><\/strong>. Its interface is similar to Excel. Users can design great dashboards with simple drag-and-drop operations. It is easy for beginners to get started. And its version is completely free. You can download and activate it directly from the official website.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background\" href=\"https:\/\/www.fanruan.com\/en\/finereport\/download-trial-b\" style=\"border-radius:50px;color:#fffffa\" target=\"_blank\" rel=\"noreferrer noopener\">Try FineReport For Free<\/a><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*3x-U81m2vcUuF7Pzk2RH9w.png\" alt=\"How to make a dashboard for dummies?\"\/><figcaption>FineReport uses a drag&amp;drop mode to design reports and dashboards<\/figcaption><\/figure>\n\n\n\n<h2 class=\"graf graf--h3\"><span id=\"Dashboard_Data_Visualization_Tip_3_Set_Dashboard_Body\">Dashboard Data Visualization Tip 3: Set Dashboard Body<\/span><\/h2>\n\n\n\n<p class=\"graf graf--p\">After downloading <strong class=\"markup--strong markup--p-strong\">FineReport<\/strong>, open the Designer interface. Click <strong class=\"markup--strong markup--p-strong\">File &gt; New Dashboard<\/strong> to create a new dashboard template:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large graf graf--figure\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/create-new-dashboard-with-FineReport.gif\"><img loading=\"lazy\" width=\"1024\" height=\"679\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/create-new-dashboard-with-FineReport-1024x679.gif\" alt=\"dashboard data visualization: create a new dashboard\" class=\"wp-image-12905\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/create-new-dashboard-with-FineReport-1024x679.gif 1024w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/create-new-dashboard-with-FineReport-300x199.gif 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/create-new-dashboard-with-FineReport-768x509.gif 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Create a new dashboard<\/figcaption><\/figure>\n\n\n\n<p class=\"graf graf--p\">In the widget list, click <strong class=\"markup--strong markup--p-strong\">body<\/strong> and set the <strong class=\"markup--strong markup--p-strong\">Layout type<\/strong> as <strong class=\"markup--strong markup--p-strong\">Adaptive layout<\/strong> and <strong class=\"markup--strong markup--p-strong\">Component Scale<\/strong> as <strong class=\"markup--strong markup--p-strong\">Bidirectional adaptive<\/strong>. You can also customize the dashboard background using color:<\/p>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*eAHP3ZVnFTjsXQV70pJNug.png\" alt=\"Set up a dashboard layout\"\/><figcaption>Set up a dashboard layout<\/figcaption><\/figure>\n\n\n\n<h2 class=\"graf graf--h3\"><span id=\"Dashboard_Data_Visualization_Tip_4_Drag_and_Arrange_Components\">Dashboard Data Visualization Tip 4: Drag and Arrange Components<\/span><\/h2>\n\n\n\n<p class=\"graf graf--p\">Components can be added to the body and arranged via drag-and-drop operations. With the adaptive layout, the size and position of each component will automatically change corresponding to other components.<\/p>\n\n\n\n<p>There are some common structure you can follow when place the blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/layout-typesetting-FR.jpg\"><img loading=\"lazy\" width=\"1024\" height=\"655\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/layout-typesetting-FR-1024x655.jpg\" alt=\"how to make a dashboard\" class=\"wp-image-12917\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/layout-typesetting-FR-1024x655.jpg 1024w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/layout-typesetting-FR-300x192.jpg 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/layout-typesetting-FR-768x492.jpg 768w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/layout-typesetting-FR-1536x983.jpg 1536w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2021\/10\/layout-typesetting-FR.jpg 750w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>How to arrange information in dashboards?<\/figcaption><\/figure>\n\n\n\n<p class=\"graf graf--p\">Let\u2019s drag a line chart, a pie chart and a column chart to display data, plus a button as the dashboard title:<\/p>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*YATayXJ5qyUcrCEP87JoVQ.gif\" alt=\"steps to place components in dashboard\"\/><figcaption>Place components in the dashboard<\/figcaption><\/figure>\n\n\n\n<h2 class=\"graf graf--h3\"><span id=\"Dashboard_Data_Visualization_Tip_5_PreparenbspData\">Dashboard Data Visualization Tip 5: Prepare&nbsp;Data<\/span><\/h2>\n\n\n\n<p class=\"graf graf--p\">Datasets in FineReport are uniquely used to store the data retrieved from databases via <strong class=\"markup--strong markup--p-strong\">Data Connection<\/strong>. Datasets are 2D data sheets and you can directly view the fields and values in the <strong><a href=\"https:\/\/www.finereport.com\/en\/features\/report-designer\" target=\"_blank\" rel=\"noreferrer noopener\">report designer<\/a><\/strong>.<\/p>\n\n\n\n<p class=\"graf graf--p\">In the bottom left panel, there is a Template Dataset window listing all the available datasets. Click the button + to add a new dataset.<\/p>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*UNvZTFcgVNgOGVOQNYoHKg.png\" alt=\"create a new dashboard\"\/><figcaption>Connect to data sources with FineReport<\/figcaption><\/figure>\n\n\n\n<p class=\"graf graf--p\">Then we can write the SQL statement.<\/p>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*ufADRz_4iMy_bSC8iUtihQ.png\" alt=\"connect data to the dashboard\"\/><figcaption>Data connections to dashboards<\/figcaption><\/figure>\n\n\n\n<p class=\"graf graf--p\">Here we use SQL statements to create 3 datasets that indicate the sales performance from different perspectives. (In this dashboard, we use FineReport\u2019s built-in dataset. FineReport also supports importing data from a variety of databases.\uff09<\/p>\n\n\n\n<p class=\"graf graf--p\">Dataset <strong class=\"markup--strong markup--p-strong\">orders by employee<\/strong> summarize the annual total orders of each employee in descending order:<\/p>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*a_LCT056dzIBYCivJXftJg.png\" alt=\"dashboard data visualization\"\/><figcaption>SQL<\/figcaption><\/figure>\n\n\n\n<p class=\"graf graf--p\">Dataset <strong class=\"markup--strong markup--p-strong\">sales by employee<\/strong> summarizes the annual total sales of each employee in a descending order:<\/p>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*LiBLHICzXz6AHbmaCp7zJw.png\" alt=\"dashboard data visualization\"\/><figcaption>SQL<\/figcaption><\/figure>\n\n\n\n<p class=\"graf graf--p\">Dataset <strong class=\"markup--strong markup--p-strong\">total sales<\/strong> summarizes the annual total sales of the company:<\/p>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*MwPxVn_ACN_EOnajUvBp8A.png\" alt=\"SQL dashboard\"\/><figcaption>SQL<\/figcaption><\/figure>\n\n\n\n<h2 class=\"graf graf--h3\"><span id=\"Dashboard_Data_Visualization_Tip_6_Edit_Components\">Dashboard Data Visualization Tip 6: Edit Components<\/span><\/h2>\n\n\n\n<h3 class=\"graf graf--h4\"><span id=\"61_Line_charttrend\">6.1 Line chart\u200a\u2014\u200atrend<\/span><\/h3>\n\n\n\n<p class=\"graf graf--p\">Line charts well represent the trends behind data, for instance, the changing trend of annual sales. Double-click the line chart to begin editing.<\/p>\n\n\n\n<p class=\"graf graf--p\">In the <strong class=\"markup--strong markup--p-strong\">Data<\/strong> tab, set the <strong class=\"markup--strong markup--p-strong\">Data Source<\/strong> using the dataset&#8217;s <strong class=\"markup--strong markup--p-strong\">total sales<\/strong>. Define <strong class=\"markup--strong markup--p-strong\">Category <\/strong>using <strong class=\"markup--strong markup--p-strong\">year <\/strong>and <strong class=\"markup--strong markup--p-strong\">Series<\/strong> using <strong class=\"markup--strong markup--p-strong\">total_sales<\/strong>:<\/p>\n\n\n\n<ul class=\"postList\"><li>Category in line charts can be seen as each label along the x-axis. It determines the way to group data.<\/li><li>The series corresponds to one line. If you have other performance indicators such as total cost, you can add the field to create another series.<\/li><\/ul>\n\n\n\n<p class=\"graf graf--p\">Switch to <strong class=\"markup--strong markup--p-strong\">Style &gt; Series<\/strong>, and customize the color of each series by clicking each colored square in order from left to right and top to bottom. Add markers to represent data points on lines:<\/p>\n\n\n\n<p class=\"graf graf--p\">Define the chart title as <strong class=\"markup--strong markup--p-strong\">Annual Total Sales<\/strong>, as the 1st step in the figure below.<\/p>\n\n\n\n<p class=\"graf graf--p\">Because there is only one series and the title has already implied the performance indicator, you can disable the legend as shown in the 2nd &amp; 3rd steps of the figure below.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts.jpg\"><img loading=\"lazy\" width=\"750\" height=\"500\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts.jpg\" alt=\"How to create dashboards\" class=\"wp-image-13066\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts.jpg 750w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts-300x200.jpg 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/figure><\/div>\n\n\n\n<h3 class=\"graf graf--h4\"><span id=\"62_Pie_chartproportion\">6.2 Pie chart\u200a\u2014\u200aproportion<\/span><\/h3>\n\n\n\n<p class=\"graf graf--p\">Pie charts can effectively show the composition and corresponding proportion. You can use it to display the contribution of each salesman to annual orders.<\/p>\n\n\n\n<p class=\"graf graf--p\">Define the <strong class=\"markup--strong markup--p-strong\">Dataset <\/strong>using <strong class=\"markup--strong markup--p-strong\">orders by the employee<\/strong>. Use <strong class=\"markup--strong markup--p-strong\">year<\/strong> as <strong class=\"markup--strong markup--p-strong\">Category<\/strong>, <strong class=\"markup--strong markup--p-strong\">EMPNAME<\/strong> as <strong class=\"markup--strong markup--p-strong\">Series Name,<\/strong> and total_orders as Value. If displaying the data of all employees, the pie will be divided into a large number of slices, yet the small ones are less meaningful than the large ones. Therefore, you can retain the top 5 order contributors and merge others as one slice in the <strong class=\"markup--strong markup--p-strong\">Data Filter<\/strong>(as shown in step 5 of the above figure)<\/p>\n\n\n\n<ul class=\"postList\"><li class=\"graf graf--li\">Category corresponds to one single pie, so one pie will be generated for each year.<\/li><li class=\"graf graf--li\">Series corresponds to each slice in the pie, so the data are filtered based on series.<\/li><\/ul>\n\n\n\n<p class=\"graf graf--p\">As in the 5th step, in <strong class=\"markup--strong markup--p-strong\">Style &gt; Series<\/strong>, customize the color for the 6 series. Set the <strong class=\"markup--strong markup--p-strong\">inner radius<\/strong> as <strong class=\"markup--strong markup--p-strong\">70%<\/strong> to make the pie chart look like a ring.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large graf graf--figure\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts-2.jpg\"><img loading=\"lazy\" width=\"750\" height=\"500\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts-2.jpg\" alt=\"dashboard tutorial\" class=\"wp-image-13067\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts-2.jpg 750w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts-2-300x200.jpg 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><figcaption>Set up dashboard components<\/figcaption><\/figure>\n\n\n\n<p class=\"graf graf--p\">Next step 6, use labels outside pies to indicate the proportion of each slice in percentage.<\/p>\n\n\n\n<p class=\"graf graf--p\">Step 7, enable legend to indicate the name of each series, i.e. name of each employee.<\/p>\n\n\n\n<ul class=\"postList\"><li class=\"graf graf--li\">The series names are displayed using legend instead of label because there are multiple pies for different years yet all the pies share the same series names.<\/li><\/ul>\n\n\n\n<p class=\"graf graf--p\">Set the title as <strong class=\"markup--strong markup--p-strong\">Ranking by Orders<\/strong>.<\/p>\n\n\n\n<br> <\/br>\n\n\n\n<h3 class=\"graf graf--h4\"><span id=\"63_Column_ChartComparison\">6.3 Column Chart\u200a\u2014\u200aComparison<\/span><\/h3>\n\n\n\n<p class=\"graf graf--p\">The height of columns is a kind of intuitive measure for comparison. You can use the column chart to visualize the annual sales of each salesperson, to compare among people and years.<\/p>\n\n\n\n<p class=\"graf graf--p\">Step 8, define the <strong class=\"markup--strong markup--p-strong\">Dataset<\/strong> using <strong class=\"markup--strong markup--p-strong\">sales by employee<\/strong>. Use <strong class=\"markup--strong markup--p-strong\">EMPNAME<\/strong> as <strong class=\"markup--strong markup--p-strong\">Category<\/strong>, <strong class=\"markup--strong markup--p-strong\">year<\/strong> as <strong class=\"markup--strong markup--p-strong\">Series Name,<\/strong> and <strong class=\"markup--strong markup--p-strong\">total_sales<\/strong> as <strong class=\"markup--strong markup--p-strong\">Value<\/strong>. Considering the large number of employees, filter the data and only display the top 20 sellers:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large graf graf--figure\"><a href=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts-3.jpg\"><img loading=\"lazy\" width=\"750\" height=\"500\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts-3.jpg\" alt=\"create a dashboard\" class=\"wp-image-13068\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts-3.jpg 750w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2020\/11\/create-dashboard-set-up-charts-3-300x200.jpg 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><figcaption>Set up dashboard components<\/figcaption><\/figure>\n\n\n\n<p class=\"graf graf--p\">The x-axis can be too short to show all category names, so in step 9, you can set a rotation for the axis labels to fully display them.<\/p>\n\n\n\n<p class=\"graf graf--p\">Display the legend at the bottom to indicate the represented year of each series, customize the color for each series, and define the title as <strong class=\"markup--strong markup--p-strong\">Ranking by Sales<\/strong>.<\/p>\n\n\n\n<br> <\/br>\n\n\n\n<h3 class=\"graf graf--h4\"><span id=\"64_ButtonTitle\">6.4 Button\u200a\u2014\u200aTitle<\/span><\/h3>\n\n\n\n<p class=\"graf graf--p\">Input the dashboard title after the Button Name, set the background as transparent, and edit the font:<\/p>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/0*Sm3RkgThMeik2EbN\" alt=\"create dashboard\"\/><\/figure>\n\n\n\n<br> <\/br>\n\n\n\n<h2 class=\"graf graf--h3\"><span id=\"Dashboard_Data_Visualization_Tip7_Preview_and_Interact_WithnbspCharts\">Dashboard Data Visualization Tip7: Preview and Interact With&nbsp;Charts<\/span><\/h2>\n\n\n\n<p class=\"graf graf--p\">Click <strong class=\"markup--strong markup--p-strong\">Preview<\/strong> to see the effects and you can interact with the charts:<\/p>\n\n\n\n<figure class=\"wp-block-image graf graf--figure\"><img src=\"https:\/\/cdn-images-1.medium.com\/max\/1600\/1*L-sG4RYKfjVmA5W_tDTkjg.gif\" alt=\"You have created a very great dashboard\"\/><\/figure>\n\n\n\n<h2 class=\"graf graf--h3 graf--empty\"><span id=\"Summary_of_Dashboard_Data_Visualization\">Summary of Dashboard Data Visualization<\/span><\/h2>\n\n\n\n<p>Well, the salesperson performance dashboard has been completed. I hope this tutorial will be helpful to you.<\/p>\n\n\n\n<p>There is a free personal version of the <strong><a href=\"https:\/\/www.finereport.com\/en\/data-visualization\/free-and-open-source-dashboard-software.html\" target=\"_blank\" rel=\"noreferrer noopener\">dashboard software<\/a><\/strong> I used here. Welcome to try it and make a dashboard on your own.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.fanruan.com\/en\/finereport\/download-trial-b\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" width=\"1024\" height=\"337\" src=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2022\/05\/finereport-en-1024x337.png\" alt=\"Free Trial of FineReport\" class=\"wp-image-13464\" srcset=\"https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2022\/05\/finereport-en-1024x337.png 1024w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2022\/05\/finereport-en-300x99.png 300w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2022\/05\/finereport-en-768x253.png 768w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2022\/05\/finereport-en-1536x505.png 1536w, https:\/\/www.finereport.com\/en\/wp-content\/uploads\/2022\/05\/finereport-en.png 1720w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Keen to explore the full potential of Data Visualization? Dive in with our comprehensive guide:<\/strong><\/p>\n\n\n\n<p><strong><a href=\"https:\/\/www.finereport.com\/en\/data-visualization\/the-ultimate-guide-to-data-visualization-in-various-industries.html\" target=\"_blank\" rel=\"noreferrer noopener\">The Ultimate Guide to Data Visualization in Various Industries<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A comprehensive guide to creating a dashboard in data visualization.<\/p>\n","protected":false},"author":1,"featured_media":8667,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[854],"tags":[],"yst_prominent_words":[2570,2560,2566,795,185,177,319,2568,2567,2564,2559,2558,2561,195],"_links":{"self":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/8665"}],"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=8665"}],"version-history":[{"count":19,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/8665\/revisions"}],"predecessor-version":[{"id":19407,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/posts\/8665\/revisions\/19407"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/media\/8667"}],"wp:attachment":[{"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/media?parent=8665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/categories?post=8665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/tags?post=8665"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.finereport.com\/en\/wp-json\/wp\/v2\/yst_prominent_words?post=8665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}