DevExtreme v24.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

Overview Dashboard Vue Template

The DevExtreme Vue Overview Dashboard template helps you construct a high-level dashboard UI layout in an Vue-powered BI or analytics application.

UI Components

  • DevExtreme Vue Charts – visualize data via interactive charts. More than 30 chart series types are available out-of-the-box.

  • DevExtreme Vue DataGrid – visualizes data summary items and allows users to sort and filter values as needs dictate. You can also render sparklines or use custom inline data visualization components.

  • DevExtreme Vue Tabs – allow users to switch between predefined time periods (day, week, month, year, etc.).

  • DevExtreme Vue Toolbar – organizes action controls into a single responsive UI block.

  • DevExtreme Vue Buttons, Menus, Drop-Down Lists – allows users to execute custom actions against the dashboard or its individual cards.

Usage Scenarios

  • Visualize data trends

  • Visualize sales dynamics

  • Visualize sales funnel

  • Visualize top N items as a table

  • Switch time periods (day, week, month, etc.)

  • Customize dashboard cards (hide/display)

  • Create new custom dashboard card(s)