A clean, dark-themed comparison line chart widget 📈 built for finance dashboards. The primary series pops with a neon line and soft area fill 💡, while the comparison series uses a contrasting dashed line ➖ for instant context. A vertical cursor marks the selected day ⏱️ and shows precise values in compact badges 🏷️. Tappable/hoverable points 🔵 reveal tooltips, and the smooth curves + rounded corners keep everything modern and friendly. Perfect when you need glanceable trends and an easy way to compare against targets or previous periods.

Functionality

• 🔹 Primary smoothed line with optional area fill; 🔸 secondary dashed comparison line

• 🎯 Interactive vertical cursor with value tooltip badges

• 🔵 Point markers (active/inactive) with tap/hover highlights

• 📅 Custom start/end dates, tick formatting, and currency display

• 🪄 Animations on load and range changes; fully responsive for mobile/desktop

• 🌓 Light/Dark ready; configurable colors, opacities, stroke widths

Use cases

• 💵 Compare daily/weekly revenue vs last period or target forecast

• 📊 Monitor marketing KPIs (conversions vs goal) in product analytics

• 📈 Track MRR/ARR trajectory vs projections for subscriptions

• 🛍️ Visualize store sales vs rolling average in retail BI

• 🧭 Present KPI trends clearly in executive/investor reports

Keywords (one line)
comparison line chart widget, dual line chart flutterflow, area chart custom widget flutterflow, revenue line chart widget, sales trend chart widget, dashed comparison line widget flutterflow, time series chart custom widget, finance analytics chart flutterflow, kpi dashboard widget flutterflow, tooltip cursor line chart, value badges chart widget, responsive chart widget flutterflow, dark mode chart widget, light mode chart widget, mobile dashboard chart, smooth curve line chart, flutter chart widget, flutterflow custom chart widget, business intelligence chart widget