Back to Browse

Beyond Basic Charts: Tableau Tutorial for a Modern Orders Tab

2.1K views
Jan 8, 2025
45:59

The Orders Tab is the third in a 3-part Tableau dashboard series, designed for interactive order analysis with modern visuals. It features a ringed donut chart to display key order metrics in a tabular format, making the data more visually appealing than standard tables. For breaking down the number of orders by category, a packed bubble chart is used. The tutorial covers creating a basic packed bubble chart, enhancing it by allowing bubbles to overlap, and customizing it with gradient bubbles and shadows using custom shapes. The dashboard drills deeper into order data by displaying the top 10 products (subcategories) using a gradient rounded bar chart. This visual includes mini time period buttons (e.g., 1D, 7D, 1M, 1Q, 1Y), allowing users to filter and sort the top 10 products dynamically based on different time frames. The chart is responsive, showing the top 10 products based on the selected time period. For more granular detail, an order details table uses color-coded status labels to identify orders as Complete, Pending, or Cancelled at a glance. For a total distribution of order statuses, the dashboard includes a basic waffle chart. This waffle chart is then enhanced with custom shapes, allowing you to replace traditional squares with shapes like rounded containers or icons. A matching legend is added to reinforce the chart, displaying the same shapes and providing details such as the total number of orders and the percentage breakdown for each status. This Tableau tutorial covers a range of design technique combining interactivity and clear visualizations to make order data intuitive and actionable. Tableau: https://public.tableau.com/app/profile/samantha.cohn/viz/BeyondBasicChartsModernOrdersTab/Orders Excel: https://docs.google.com/spreadsheets/d/1LD5zIeEx9Lvv-37tSYeUAub-9ahESLiHSMW4u2QwbtQ/edit?usp=sharing Formulas: https://docs.google.com/document/d/1bXlz1Z05J_rhS1LVXvaAe4l4yODTlkmy6oK4ln394yI/edit?usp=sharing Images Used: Bubble Chart: Yellow-Pink: https://drive.google.com/file/d/1wNH2HnKeY0QreaEn3lnFolG9JCDhb44m/view?usp=sharing Green-Blue: https://drive.google.com/file/d/13YvD9CmqXTFl0SVgLqTIZjLJMoDPWTXy/view?usp=sharing Blue-Purple: https://drive.google.com/file/d/1A1asGcaXbv3PrF-9IQRkjYOMaOk0hmpF/view?usp=sharing Mini Time Buttons: Right - Select: https://drive.google.com/file/d/1pLWAXizKk1rNf31aZFx5-k7OIDlQKvXs/view?usp=sharing Right - Not Select: https://drive.google.com/file/d/1XWPEVujVxr85ju1kfn37r2-MH_mheCSB/view?usp=sharing Middle - Select: https://drive.google.com/file/d/1lMcDdWQ9LIm3D1SImHYUVOXvrugpiDa1/view?usp=sharing Middle - Not Select: https://drive.google.com/file/d/1XNaqt1lWTeU2h9_B410jG_JdO_GFc2DL/view?usp=sharing Left - Select: https://drive.google.com/file/d/1By3zS4nYX7sIqZMFO_7Gi1PpcACSrC1W/view?usp=sharing Left - Not Select: https://drive.google.com/file/d/1uxZG0vtIqgNbJsJI-kNnb9OqxxIA8Umk/view?usp=sharing Table - Status Labels: Rounded Corner Container: https://drive.google.com/file/d/1bOzggKjEe6QXAlPeOo5-UBw8Fa4X5A00/view?usp=sharing Waffle Chart: Rounded Corner Box: https://drive.google.com/file/d/14gm7FmNqanJmiGFKAy4r7ly-WKhV6uxL/view?usp=sharing 0:00 - Intro 1:27 - Ringed Donut Chart 5:19 - Ringed Donut Chart Table 10:58 - Packed Bubble Chart 13:06 - Overlapping Bubbles 16:54 - Custom Shapes for Bubble Chart 18:05 - Dynamic Title Filter 20:41 - Mini Time Period Filter Buttons 31:41 - Status Labels (Color-Coded) 36:32 - Basic Waffle Chart 41:29 - Custom Shapes Waffle Chart 42:17 - Add Legend to Waffle Chart

Download

1 formats

Video Formats

360pmp454.4 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Beyond Basic Charts: Tableau Tutorial for a Modern Orders Tab | NatokHD