Overview Dashboard React Template

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

UI Components

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

• DevExtreme React 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 React Tabs – allow users to switch between predefined time periods (day, week, month, year, etc.).

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

• DevExtreme React 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)