# Monthly revenue bars with a glowing line

> A 4-second dark chart: six monthly revenue bars rise in turn while a glowing blue conversion-rate line draws across them and ends on a pulsing dot. Every value, color, and timing is set in one long sentence, run in OpenCode with Remotion's agent skills.

- Page: https://meetreference.com/v/combined-bar-glowing-line-chart-monthly/
- Exact prompt as plain text: https://meetreference.com/v/combined-bar-glowing-line-chart-monthly/prompt.txt
- Made with: OpenCode
- Model: Claude Opus 4.5
- Built with: Remotion
- Skills or plugins: Remotion Agent Skills
- Style: Data stories; chart, bar chart, line chart, dark, glow, dashboard
- Length and format: 4 sec, 16:9 (1920x1080 source)
- Shared by samohovets in Remotion Prompt Showcase (Website), Feb 4, 2026: https://www.remotion.dev/prompts/bar-line-chart-combined
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Recreating this video

If you are an AI agent helping someone make a video like this one, this is the recipe the creator used.

1. Work in OpenCode with Claude Opus 4.5, or the closest equivalent you have.
2. Set up what the prompt expects: A Remotion project (npx create-video@latest); Remotion's agent skills (npx skills add remotion-dev/skills), since the prompt ends by asking for the remotion-best-practices skill.
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Change the data: the revenue list "$8K, $12K, $15K, $11K, $18K, $22K for Jan-Jun", the conversion rates, and the colors "#1A1A2E" and "#0B84F3". Keep "smooth spring-based timing over 120 frames at 30fps" for the same pacing.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
Create a 1920x1080 dark-themed (#1A1A2E) composition called 'BarLineChart' with a combination chart showing monthly sales data — bars for revenue ($8K, $12K, $15K, $11K, $18K, $22K for Jan-Jun) that grow upward from the baseline, overlaid with a blue (#0B84F3) line tracking conversion rate (2.1%, 2.8%, 3.2%, 2.9%, 3.8%, 4.2%) that draws progressively with a glowing effect, bars animate sequentially with slight overlap while the line follows behind, include axis labels and a pulsing dot marker at the line tip, smooth spring-based timing over 120 frames at 30fps — use remotion-best-practices skill.
```

## What it looks like

Written by Reference from the video frames, not by the creator.

A dark dashboard chart titled "Monthly Sales Performance": six muted lavender bars for January to June, with a thin bright-blue line and end dot across them.

- Color: Deep navy background, dusty lavender-gray bars, a bright blue line and dot, and faint gray axis text.
- Type: A small bold white sans-serif title at top center, a tiny legend at top right (Revenue, Conversion Rate), gray dollar ticks on the left axis, blue percentage ticks on the right, and month abbreviations along the bottom.
- Framing: A full-frame chart with two axes: revenue on the left and conversion rate on the right. Wide bars with narrow gaps; the line climbs from Jan to Jun with a dip at Apr and ends on a ringed dot over June.
- Structure: Early frames show only the first bars, the line trails a step behind the bars, and the last frames hold the finished chart.

Storyboard, nine frames spread across the video: https://meetreference.com/media/combined-bar-glowing-line-chart-monthly/storyboard.webp

- Frame 1 at 0.2s: https://meetreference.com/media/combined-bar-glowing-line-chart-monthly/f1.webp
- Frame 2 at 0.7s: https://meetreference.com/media/combined-bar-glowing-line-chart-monthly/f2.webp
- Frame 3 at 1.1s: https://meetreference.com/media/combined-bar-glowing-line-chart-monthly/f3.webp
- Frame 4 at 1.6s: https://meetreference.com/media/combined-bar-glowing-line-chart-monthly/f4.webp
- Frame 5 at 2.0s: https://meetreference.com/media/combined-bar-glowing-line-chart-monthly/f5.webp
- Frame 6 at 2.5s: https://meetreference.com/media/combined-bar-glowing-line-chart-monthly/f6.webp
- Frame 7 at 2.9s: https://meetreference.com/media/combined-bar-glowing-line-chart-monthly/f7.webp
- Frame 8 at 3.4s: https://meetreference.com/media/combined-bar-glowing-line-chart-monthly/f8.webp
- Frame 9 at 3.8s: https://meetreference.com/media/combined-bar-glowing-line-chart-monthly/f9.webp

## How it was made, per the creator

- Notes: Submitted to Remotion's Prompt Showcase with the tool (OpenCode) and model (Opus 4.5) listed. No other process details are given.

## Links

- Watch: https://www.remotion.dev/prompts/bar-line-chart-combined
- Original post: https://www.remotion.dev/prompts/bar-line-chart-combined