Cluster Display Variants Sparklet Supports
Electric Two-Wheeler
Electric scooters and e-bikes have different primary display priorities than ICE motorcycles — battery state-of-charge and range estimate replace the fuel gauge, and often become the most important live parameters on screen. Sparklet's Meter widget renders a circular SOC arc with configurable colour zones (green → amber → red as charge depletes) and a range numeric from a single API call. The Graph widget plots range history or energy consumption as a session timeline. Ride mode indicators (Eco, Sport, Boost), regenerative braking state, and connectivity status (Bluetooth pairing, app sync) are all supported as standard widget instances.
Conventional Cluster
Traditional motorcycle instrument clusters — speedometer needle arc, engine RPM gauge, fuel level indicator, gear position, and warning icon panel — are straightforward to build in Sparklet using the Meter, ProgressBar, Static, and ImageHolder widgets. Flint UI Designer's WYSIWYG canvas renders the cluster exactly as it will appear on the 3.5-inch or 5-inch TFT. Needle sweep animations on the speedometer and RPM gauge are defined on Flint's keyframe animation timeline and exported as C code — no custom animation loop required. ICE cluster programs with CAN data integration have been delivered in under a week from Flint design to running hardware.
Hybrid & Mid-Range
Mid-range motorcycles and electric scooters with both ICE and electric drive modes require a cluster that can switch display layouts dynamically — from an RPM-focused ICE view to a SOC-focused EV view — without a screen flash or layout reflow. Sparklet's state machine editor in Flint maps the drive-mode switch event to a screen transition, animating the layout change as a defined keyframe sequence. Navigation turn guidance (arrow + distance), Bluetooth connectivity status, and DTE/range estimate are composited on the same 5-inch panel using Sparklet's overlay and layered widget architecture.
