Build an awesome chart dashboard without using Excel

[Video Introduction](https://www.youtube.com/watch?v=9G7dpyvETyg&t=78s) This article will show you how to create a perfect dashboard in just 15 minutes. You don't need to deal with complicated Excel operations, or use professional but hard-to-learn tools like Power BI. All you need is your data table ready. ## Outline - Turning tables into charts: First, I’ll show you how to convert tables into corresponding charts, such as bar charts and line charts. - Building a dashboard: Second, I’ll teach you how to combine these charts into a dashboard. ## Preparing Data and Tools For this demo, I’ve prepared four tables: ![Table Data](blog/res/blog_make_a_dashboard/1.png) We’ll convert these four tables into charts one by one. To do this, we’ll use an app that makes it easy to create beautiful charts. You can find it in the App Store. - **The app is available for MacOS and iOS**, so it works across iPhone, iPad, and Mac. - **It supports English, Chinese, French, German, and more**. For this demo, I’ll set the app to English mode. ![App Entry](blog/res/blog_make_a_dashboard/3.png) ![Multi-Platform Support](blog/res/blog_make_a_dashboard/三端通用.png) In the top-right corner of the app, there’s a “Table” entry where you can import an Excel file. As shown in the screenshot, all four tables have been imported into the app. ![Import Entry](blog/res/blog_make_a_dashboard/2.png) ![Import Button](blog/res/blog_make_a_dashboard/5.png) ![Import Result](blog/res/blog_make_a_dashboard/4.png) ## Converting Tables to Charts Click the “To Chart” button to turn a table into a chart: ![Convert Button](blog/res/blog_make_a_dashboard/6.png) There are many chart types to choose from. Since we want a bar chart, select that option. After selecting, you’ll enter an editing screen where you can adjust the chart—for example, modifying the vertical axis data. The preview on the left updates in real time. ![Conversion Result](blog/res/blog_make_a_dashboard/8.png) ![Chart Editing](blog/res/blog_make_a_dashboard/7.png) Switch to the “Values” tab to modify the values for each dimension. For instance, since it’s currently August, the data for the next four months isn’t available yet. You can enter forecasted data here. Click save to refresh the chart. ![Modify Chart](blog/res/blog_make_a_dashboard/9.png) You can also change the colors of the bars. For example, to highlight the month with the highest value and lighten the color for the last four months, you can set the color for each month individually. ![Change Colors](blog/res/blog_make_a_dashboard/10.png) ![Change Colors](blog/res/blog_make_a_dashboard/11.png) ## Customizing Chart Appearance and Exporting as Image The final step is adjusting the appearance of the bar chart. This is where the app really shines—it offers many styling options so you can get creative. ![Customize Appearance](blog/res/blog_make_a_dashboard/12.png) Once done, save the chart. You can also export it as a high-quality image. ![Export Chart](blog/res/blog_make_a_dashboard/13.png) You can find the chart you just made in the app’s template section. Next, we need to convert the remaining three tables into charts using the same method—I won’t repeat the steps here. ![Radar Chart Creation](blog/res/blog_make_a_dashboard/14.png) ![Bar Chart Creation](blog/res/blog_make_a_dashboard/15.png) ![Line Chart Creation](blog/res/blog_make_a_dashboard/16.png) Once all charts are ready, we can move on to building the dashboard. ## Creating a Chart-Based Dashboard Again, in the top-right corner of the app, there’s a “Dashboard” entry. Click “New Dashboard” to enter the editing interface. ![Dashboard Entry](blog/res/blog_make_a_dashboard/17.png) On the top-right, you’ll see four options: Card, Chart, Text, and Icon. These correspond to: adding card outlines/backgrounds, adding images, adding text, and adding decorative icons—common elements needed for a dashboard. ![Toolbar Introduction](blog/res/blog_make_a_dashboard/18.png) ### Card Outlines First, use cards to build the basic layout. All components can be dragged to adjust position and size—very intuitive and easy. ![Demo: Dragging Cards](blog/res/blog_make_a_dashboard/19.png) You can also set the card theme. Besides a basic flat style, there are floating, cyberpunk, and other styles available. ![Card Theme 1](blog/res/blog_make_a_dashboard/20.png) ![Card Theme 2](blog/res/blog_make_a_dashboard/21.png) For this demo, I’ll use basic cards. You can adjust properties like corner radius to finalize the dashboard outline. ![Adjust Cards](blog/res/blog_make_a_dashboard/22.png) ![Outline Built](blog/res/blog_make_a_dashboard/23.png) ### Adding Charts Next, drag in the charts you created earlier. Click a card to lock its layer so it can’t be selected accidentally. ![Lock Layer](blog/res/blog_make_a_dashboard/24.png) Drag the charts into place and resize them. Repeat for other charts, fine-tuning their properties as needed. ![Chart Combination Demo 1](blog/res/blog_make_a_dashboard/25.png) ![Chart Combination Demo 2](blog/res/blog_make_a_dashboard/26.png) ![Chart Combination Demo 3](blog/res/blog_make_a_dashboard/27.png) ![Chart Combination Demo 4](blog/res/blog_make_a_dashboard/28.png) You can still enter the chart editing screen to make further adjustments. Click “Apply” in the top-right to save changes. ![Chart Combination](blog/res/blog_make_a_dashboard/29.png) ### Adding Text and Icons The last step is adding descriptive text and decorative icons. Just drag the elements in, edit the content, and adjust their positions. Easy to learn and use! ![Edit Text](blog/res/blog_make_a_dashboard/30.png) Congratulations! Your dashboard is now complete. Save it, and you can export it as an image. ![Export Dashboard](blog/res/blog_make_a_dashboard/31.png) I’m happy to share this dashboard-making process with you. If you need inspiration for designing dashboards, feel free to visit this site often—I regularly share various attractive dashboard designs. ![Dashboard Gallery](blog/res/blog2/成片-cn-封面.jpg) [Try It Now](https://fastchart.cn/en)