A clean, high-contrast grouped bar chart to compare daily transaction metrics at a glance. Two data series (e.g., income vs. expenses, approved vs. declined) are color-coded for instant differentiation on dark backgrounds. Crisp gridlines, readable tick labels (0 → 10.4K), and short weekday captions make the chart compact yet legible on mobile. Bars animate on load and update smoothly when the dataset changes. Tooltips surface exact values on tap/hover, while optional legends and thresholds help explain context. Ideal for finance and analytics screens where quick comparison beats long tables.

Functionality

• Dual-series grouped bars with distinct, themeable colors

• Axis with configurable ticks, formats (K, M), and gridlines

• Animated render & update; smooth transitions on data change

• Value tooltips on tap/hover; optional legend and series labels

• Min/Max/Target lines and highlight bands (e.g., weekends)

• Responsive layout; Light/Dark mode ready; RTL/localization friendly

Use cases

• Finance dashboards: income vs. expense per day/week

• Fintech apps: approved vs. declined transactions by weekday

• Ecommerce analytics: orders vs. returns, paid vs. pending

• KPI screens: conversions vs. drop-offs for product funnels

• Operations: tickets opened vs. closed by day for support teams

Keywords

bar chart, grouped bar chart, transactions chart, finance chart, analytics chart, mobile chart, dashboard widget, KPI visualization, weekly chart, dual series, tooltip, gridlines, axis labels, animated chart, dark mode, Flutter chart, FlutterFlow component