Glowing Bar Chart
A dark card with bars that rise as glowing pills, cooling from accent to white at the base, the peak capped with a dot.
What Is the Ember Bars?
Ember Bars is the dark-surface bar chart in this family. A title and a headline figure sit above a row of labelled pill bars whose gradient runs hot at the top and cools to white at the base, each with a soft glow around it. The tallest bar gets a glowing dot cap and a brighter label when it lands, so the peak is marked without a tooltip. The dark card reads as a device screen, which is why it suits screen time, energy usage, activity and any dashboard-flavoured data. It is the same underlying chart as the light bar chart card, styled for videos with dark footage or a night-mode aesthetic.
How It Works
Bars rise from the base with a short stagger and an eased curve, each one carrying a vertical gradient plus a blurred copy behind it for the glow. The headline figure counts up above them across the same window. When the tallest bar lands, its dot cap scales in and its label brightens, which draws the eye to the peak after the motion settles rather than during it.
Best For
- -Screen time or app usage by day
- -Workouts, steps or activity across a week
- -Sales or traffic by weekday
- -Energy and utility usage dashboards
- -Any weekly pattern with one clear peak
Best Platforms for Ember Bars
TikTok
Screen-time reveals and habit-tracking videos are usually shot against dark backgrounds. A dark chart card sits in that footage without the white rectangle that a light card would punch into the frame.
Instagram Reels
Fitness and productivity Reels often use a dark aesthetic throughout. The glowing bars match that palette and the peak cap gives the week's standout day a marker that reads while scrolling.
Ember Bars or the light bar chart card: same data, different footage
These two elements plot the same thing and the choice is about what is behind them. The light bar chart card has a white surface, a tooltip on the accent bar and a manual choice of which bar to highlight; it suits bright footage, screen recordings and anything where you want to call out a specific bar with words. Ember Bars is dark, drops the tooltip and marks the tallest bar automatically with a glowing cap; it suits dark footage and data where the peak is self-evidently the story, such as the day you spent six hours on your phone. If your video mixes both palettes, pick one and stay with it rather than alternating, because the surface colour is the strongest visual signature either card has.
Reading a weekly pattern at phone size
Seven bars for seven days is the shape this card was designed around, and the labels are short by necessity: Mon, Tue, Wed rather than full weekday names. Enter the values in day order so the pattern reads chronologically, because a sorted chart hides exactly the thing a weekly view is meant to show, which is when the peak happened. The glow makes small bars more visible than a flat fill would, so a quiet day still registers instead of disappearing into the baseline. The headline figure above the chart is independent of the bars, so use it for the total, the daily average, or the peak value, whichever your narration says first.
Frequently Asked Questions
Everything you need to know before you start.
Can't find what you're looking for? Contact us