Choosing the Right Visualization: Charts & Widgets

Choosing the Right Visualization: Charts & Widgets

Choosing the right visualization is about more than just aesthetics—it’s the difference between a dashboard that tells a story, answering specific business questions, and one that just shows a mess of data.

Here is a quick-reference guide to help you pick the perfect chart or widget for your specific goals.

GoalRecommended
Comparing CategoriesBar Chart
Showing DistributionPie / Doughnut Chart
Tracking TrendsLine / Area Chart
Highlighting a KPIValue & Label
Reviewing Raw RecordsTable
On-the-fly AnalysisDistill Query (AI Chat)

The Pie or Doughnut Chart

Best For: Showing “Parts of a Whole.”

  • Use it when: You want to show how a total amount is divided into categories (e.g., Incidents by Severity or Submissions by Region).
  • Design Tip: Avoid using more than 6 slices. If you have too many categories, the chart becomes unreadable—consider a Bar Chart instead.

The Bar Chart

Best For: Comparing Quantities.

  • Use it when: You need to compare different groups side-by-side (e.g., Number of Inspections per Month or Sales Performance by Employee).
  • Design Tip: Use Bar Charts when your category names are long, as they provide more space for text labels than Pie Charts do.

The Line / Area Chart

Best For: Seeing Trends Over Time.

  • Use it when: You want to track how a metric changes over days, weeks, or months (e.g., Daily Safety Reports over the last 30 days).
  • Design Tip: Keep your time intervals consistent (e.g., don’t mix days and months on the same axis) to avoid misleading the viewer.

Value & Label

Best For: Critical High-Level Metrics.

  • Use it when: You have one “hero” number that everyone needs to see immediately (e.g., Total Active Projects or Average Safety Score).
  • Design Tip: Place these at the very top of your dashboard. They act as the “headline” for the rest of your data.

The Table Widget

Best For: Granular Detail and Auditing.

  • Use it when: You need to see the raw data behind the charts (e.g., List of the 10 Most Recent Incident Reports).
  • Design Tip: Only include the most important columns (Date, ID, Status) to prevent horizontal scrolling on smaller screens.

Distill Query (AI Chat)

Best for: On-the-fly analysis and exploring data through natural language.

  • Use it when: You want to allow users to ask specific questions that aren’t already answered by a pre-built chart, such as “What was the main cause of delays last week?”
  • Design tip: Add a Heading widget next to the AI interface with a few “Sample Questions” to help users understand what kind of insights they can extract.
    • Related Articles

    • Navigating the Dashboard Designer

      The Dashboard Designer is a streamlined, three-pane workspace designed for a “what you see is what you get” (WYSIWYG) experience. This interface allows you to build, customize, and manage your data visualizations in a single cohesive environment. The ...
    • Introduction to Distill Dashboards

      Data is only as good as your ability to understand it. Distill allows you to organise raw operational data by syncing forms, data sources, and docs into structured datasets that can be queried, analysed, and visualised through Dashboards directly ...
    • Understanding Distill Datasets

      While the visual layer makes your data look professional, Distill Datasets and Dashboard configuration is where the real work happens. This is where you define exactly what data to fetch, how to link related sources, and how to calculate the metrics ...
    • Tutorial: Creating Your First Dashboard

      This guide will walk you through building your first visual insight using our Pie Chart widget. We’ll transform raw form entries into a clear, professional data visualization in just five steps. Prerequisites A published Form Synced to Distill with ...
    • Introduction to Distill

      Welcome to Distill! Think of this as your personal business intelligence hub. Whether you have stacks of PDFs or spreadsheets of data, Distill helps you find the patterns and get instant answers. Notes for the “Non-Techie” Artifacts = Words (The AI’s ...