About this dashboard

A comprehensive view to track carbon footprint, renewable energy share, waste diversion, and ESG score by site.

KPIs tracked

Carbon FootprintRenewable Energy ShareWaste Diversion RateESG ScoreEfficiency ScoreCustomer SatisfactionPerformance IndexTarget Achievement

Charts

Gauge ChartDonut ChartMulti-Line ChartHeatmapActivity Feed WidgetProgress Ring

Strategic insights

Design recommendations

Color Palette Strategy

High

Utilize the slate-citrus palette effectively: use slate for backgrounds to enhance readability, citrus for highlighting key metrics, and complementary colors for alerts. Ensure a contrast ratio of at least 4.5:1 for text and backgrounds to maintain accessibility.

Slate · Background and headers
Citrus · Key metrics and highlights
Accent · Secondary elements
Highlight · Important data points
Muted · Subtle backgrounds
Light · Light accents

Layout & Grid System

High

Implement a 12-column grid for a 4:3 aspect ratio. Position large KPI cards prominently at the top. Use the middle sections for charts and visual insights, and sidebars for filters. Maintain 16-24px padding and 16-20px gaps between components.

Typography Hierarchy

Medium

Use a consistent font family such as Inter. Set the dashboard title at 24-28px bold, section headers at 18-20px semibold, card titles at 14-16px medium, and body text at 12-14px regular for clarity.

Data Visualization UX

High

Choose chart types that match the data narrative. Use gauge charts for performance targets, multi-line charts for trend analysis, and donut charts for proportions. Limit colors in each chart to 5-7, and ensure consistent axis formatting.

Visual Hierarchy & Focus

Medium

Establish a clear visual hierarchy by using the largest elements for key metrics. Utilize whitespace effectively to separate sections, and apply conditional formatting to highlight critical data points, such as negative trends in red.

Interaction & Feedback

Low

Add hover states to interactive elements, such as charts and filters. Implement loading skeletons during data refresh and provide visual feedback on selections. Consider drill-through navigation for detailed exploration of metrics.

Related dashboards

See all

We use cookies to enhance your experience and analyze site usage. Learn more