Our Visual Editing feature is live! 🎉 Learn more
Directus Logo
  • Use Cases and Features
    • Headless CMS
      Manage and deliver content with ease
    • Backend-as-a-Service
      Build and ship applications faster
    • Headless Commerce
      A single source of truth for products
    • 100+ More Use Cases
      Build anything (or everything)
    • Instant APIs
      Connect a database, get REST + GraphQL APIs
    • Granular Policy-Based Auth
      Provide secure, autonomous data access
    • Visual Automation Builder
      Automate content and data workflows with ease
    • 50+ More Features
      Get everything you need out-of-the-box
    Project Showcase
    Built With Directus

    Built With Directus

    See what everyone's been building with Directus

  • Learn More
    • Blog
      Read our latest articles and guides
    • Case Studies
      Case studies and success stories
    • Community
      Join our 13k member Discord community.
    • Agency Directory
      Browse our list of agency partners
    • About Us
      Learn more about Directus and the team
    • Wall of Love
      See what others are saying about us
    • Contact
      Have a general inquiry or question for us?
    • Support
      Reach out to Directus support
    Watch Directus TV
    Directus TV
    Video

    Directus TV

    Go down the rabbit hole with hours of original video content from our team.

  • Developers
  • Enterprise
  • Pricing
Chat With UsGet Started Free
GitHub logo30,287
Back
product
Monday, January 23, 2023

Directus Spotlight: No-code Dashboards

Dashboards make our lives easier. From our online banking accounts to sports stats to website metrics, dashboards sum it all up, giving us at-a-glance insights into whatever it is we’re tracking.
Directus Spotlight: No-code Dashboards

Dashboards make our lives easier. From our online banking accounts to sports stats to website metrics, dashboards sum it all up, giving us at-a-glance insights into whatever it is we’re tracking.

For developers creating digital projects, dashboards can be particularly useful, providing a snapshot of key analytics that help project owners improve and fine tune their work, better meet the needs of users, and understand a project’s adoption and impact. And with data volumes in the average enterprise growing about 63% per month, clean, customizable, easy-to-read dashboards are essential for understanding data and sharing results with key stakeholders.

Directus Dashboards provide quick and easy insight into key metrics about your project, enabling you to track and share the results that matter for any of your digital projects – from websites, to SaaS applications, to internal apps. They provide a simpler but equally insightful alternative or supplement to Google Analytics, and require absolutely no coding to configure.

What Are Directus Dashboards?

Delivered in the cloud or deployed locally, Directus Dashboards are highly configurable and provide actionable insights about data inside your database at-a-glance. Once you move your external raw data into your database from other sources – business intelligence apps, IoT devices, SaaS reporting and more – you can use the Dashboards to consolidate, normalize and structure the data, and explore and understand it with ease.

Directus Dashboards enable you to create charts and widgets in seconds with zero or minimal coding, and leverage drag-and-drop functionality to move them around and optimize your dashboard design. Using Directus Dashboards, users in a variety of roles can visualize any type of data – content, customer records, inventory, financials, geospatial and temporal data, digital assets and more – without having to consult technical experts.

Drag-and-Drop Panels Make Visualizing Data Easy

Each Dashboard you create in Directus is a blank canvas to which you can add any number or “panels.” These panels are like building blocks to organize your data and create a story from the metrics.

There are five panel types to choose from:

  1. Label: The Label panel simply displays a header describing other groups of panels. It doesn’t have any analysis capabilities.
  2. List: The List panel lists items in a collection.
  3. Metric: The metric panel displays single-number metrics such as sum, average, or minimum/maximum.
  4. Time series: A time series graph displays how metrics change over time.
  5. Global variables: For these panels, you can set a variable that’s globally accessible across all the other panels.

The list, metric and time series panels offer sort and filter capabilities, and the metric and time series panels offer aggregate functions, which take a list of values and return a single value – such as the count, the average, the sum, minimum or maximum, first or last, etc.

There are a few other great features that enhance Directus Dashboards:

  • Infinite scalability: You can add as many panels as you need – the dashboard will automatically expand to fit them. You can configure panel headers, as well, with different colors, names, notes and icons, and there are a variety of style and format options for all the panels.

  • Granular permissions: In the interest of democratizing data while ensuring complete control and security, we’ve made it easy to set permissions for viewing and editing dashboards, without having to write any code. These permissions are fully configurable per user role.

  • Extensibility: As you know, Directus is architected to be completely configurable and extensible, so you’ll never hit a feature ceiling. To that end, you can create any type of panel extension and customize it to meet your needs. Simply load it to your Directus instance, and you can use the new panel on any Dashboard.

Directus Dashboards help to democratize data access, enabling both technical and non-technical users alike to quickly get the information they need, without relying on highly skilled data scientists. To learn more about each of the types of panels and how to configure them to create the perfect Dashboard for your project, consult our documentation.

Posted By

Rijk van Zanten

Rijk van Zanten

CTO, Co-Founder

Share

LinkedIn LogoTwitter LogoReddit LogoDev.to Logo

Sign up for updates 🐇

Get insights, releases, and exciting news delivered directly to your inbox once a month. No spam - we promise. 🙂

  • Directus LogoDirectus Logo

    A composable backend to build your Headless CMS, BaaS, and more. 

  • Solutions
    • Headless CMS
    • Backend-as-a-Service
    • Product Information
    • 100+ Things to Build
  • Resources
    • Documentation
    • Guides
    • Community
    • Release Notes
  • Support
    • Issue Tracker
    • Feature Requests
    • Community Chat
    • Cloud Dashboard
  • Organization
    • About
    • Careers
    • Brand Assets
    • Contact
©2025 Monospace Inc
  • Cloud Policies
  • License
  • Terms
  • Privacy