About

An interactive date histogram with a dual-handle brush underneath. Drag the brush to pick a window; in-range bars pop while the rest fade, giving instant focus for trends, peaks, and seasonality—ideal for analytics dashboards and date-based filters.

Functionality

  • Per-day/weekly bins with configurable bucket size and rounding.

  • Brush range selector: dual handles, drag to pan, snap to ticks (optional).

  • Live filtering callbacks to update lists, KPIs, or maps outside the chart.

  • Hover tooltips showing date + value; optional crosshair.

  • Auto Y-axis rescale based on the selected window (toggleable).

  • Zoom to selection / reset actions; keyboard nudge support.

  • Styled bars (rounded caps, gradients) with out-of-range dimming.

  • Axes & gridlines: localized date labels, custom tick density.

  • Empty/error/loading states with skeletons.

  • Themeable: colors, fonts, grid, bar radius; Light/Dark ready.

  • Data binding: Firestore / Supabase / REST / CSV; streaming updates.

  • Performance: virtualized rendering and GPU-accelerated animation.

  • Accessibility: high-contrast palette, ARIA labels, screen-reader values.

Keywords: histogram, date histogram, time series chart, brush, range slider, dual handle, time window, bar chart, buckets, bin width, aggregation, zoom, pan, autoscale, tooltips, hover, crosshair, gridlines, interactive chart, analytics dashboard, data filter, seasonality, peaks, trends, counts, events timeline, FlutterFlow chart, Flutter widget, responsive visualization, dark mode, light mode, Firestore binding, Supabase integration, REST API, CSV data, performance, accessibility, rounded bars, gradient fill, KPI update, real-time updates.

Time-Range Histogram & Slider

We’ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.