Design your ideal popup in 4 prompts

The default popup renders your data fields as a plain stacked list, with no visual hierarchy to guide the eye. A card layout gives the popup a defined structure: a clear header, a thin divider, fields laid out with labels and values side by side. This makes it much easier to scan at a glance.

Redesign the popup as a card – Year at the top in large text, a thin divider underneath, then each data field on its own row with the label in category colors and the value in black.

When one number matters more than the rest (the Renewables share, the Coal decline), it should dominate the popup visually. A KPI-style layout puts that figure large and centered at the top, with supporting context in smaller text below, so the audience lands on the most important number first.

Design the popup like a KPI card: big main figure in the center, the year above it as a caption, and a row of secondary figures underneath in a lighter style.

A list of numbers tells you the values, but a small visual shows you the proportions at a glance. Embedding a simple inline bar chart inside the popup, with each energy source represented as a proportional bar, turns the tooltip into a mini visualization that reinforces the story in the main chart.

Create a card-style popup with the selected year at the top in large bold black text, a thin divider underneath, a mini proportional stacked bar chart with one segment per energy source color-matched to the chart, and a list of each source with its value below.

Our example chart's popup carries over ten data fields: Solar, Wind, Hydropower, and more. A single-column list gets long and hard to scan. A two-column grid compresses the same information into something more compact and readable, without dropping any detail.

To ensure all fields are shown in the popup, bind each column you want to display to the Info metadata bindings in the Data tab first.

Build a compact two-column popup card: full-width header with the selected year in large bold black text, the main energy sources (Renewables, Coal, Oil & Gas, Nuclear) listed on the left, a faint vertical divider, then the Renewables breakdown (Solar, Wind, Hydropower, Bioenergy, and Other) on the right

Open any chart in the Flourish editor and paste one of the prompts above into the Assistant. They work across all visualization types, so you don’t need to use the example chart. Start by making sure your data columns are bound to the popup, then customize the prompt to mention the specific column names, categories, or fields in your own dataset. Each one works on its own, so you don't have to work through them in order.