Problem guide
How to Build a Dashboard That Does Not Look Like a Generic Dashboard
Start with the question and reading path, not a grid of cards. Let the AI help find the right fields and visual form, then use hierarchy, direct labels, local controls, and narrative text to make the page feel like one coherent answer instead of a generic BI screen.
Written for: Data storytellers, communications teams, consultants, and research organizations
Start with the question and reading path, not a grid of cards. Let the AI help find the right fields and visual form, then use hierarchy, direct labels, local controls, and narrative text to make the page feel like one coherent answer instead of a generic BI screen.
Stop treating the grid as the product
Many dashboards look alike because they begin with a grid of cards rather than a communication problem. A grid is useful for operational monitoring, where readers repeatedly scan familiar metrics. It is less effective for a public explainer, research finding, impact report, or client narrative that has a beginning, emphasis, and sequence.
To build a dashboard that does not feel like a generic dashboard, begin with the reading experience. Identify the first conclusion, the comparison that complicates it, and the detail that lets the reader act. Compose the page around those moments. The result may still contain several interactive components, but they should feel like parts of one argument.
Ask the question before you pick the fields
Many dashboard tools begin with the mechanics: pick a chart, drag a dimension here, drop a measure there, add a filter, repeat. Rhubarb can begin with the question instead. Ask, “What is driving the change in revenue?”, “Which programs improved while serving more people?”, or “What should the executive team look at first?”
The assistant can inspect the available data, choose a useful first analysis, and build the visual. If the first answer raises a better question, ask it. This makes Rhubarb a strong ideation tool: you do not have to know the final chart before you start, and you do not have to build five candidate dashboards just to learn which view is useful.
Create hierarchy with scale and space
A page cannot emphasize everything. Choose one primary visual or statement for the first screen. Secondary metrics should support it rather than compete with identical card size and color.
Use size, placement, spacing, and typography to create hierarchy:
- one strong page title and explanatory deck;
- a dominant opening visual or number;
- section headings that state findings;
- generous space around transitions;
- smaller supporting charts and details;
- consistent alignment across the composition.
Remove decorative borders around every object. Containers are useful when they group related controls or isolate a reusable component, but a border around each chart can make the page feel like a control panel. Shared background, alignment, and spacing often create enough structure.
Write section titles as claims
Replace “Revenue by Region” with a title that tells the reader what matters: “Growth came from two regions while the rest remained flat.” The subtitle can define the period and measure. The visualization then provides evidence and exploration.
A claim title must be defensible and should update if the data changes materially. For recurring reports, either calculate the title from controlled rules or use a more durable statement that does not become false after refresh. Avoid sensational language and causal claims the analysis cannot support.
Narrative titles reduce the amount of annotation required inside the chart and make a long page scannable.
Use controls as part of the sentence
Traditional dashboards often place a large filter bar at the top. Consider placing each control near the question it changes. A metric switch can sit in the section heading; a geography search can sit beside the map; a demographic comparison can sit above a survey crosstab.
Local controls make scope clearer and allow sections to tell independent stories. Use a global filter only when the entire page genuinely represents one shared analytical state. Show active selections in text and provide a reset.
Style controls like ordinary interface elements, not decorative pills whose state is difficult to see. Use native selects, buttons, and inputs when possible for keyboard and mobile reliability.
Mix visual forms around the analytical task
A custom dashboard does not require a different chart type in every section. It requires the right form for each question and a coherent visual language.
A narrative sequence might use:
- an annotated trend for the overall change;
- a visual crosstab for group differences;
- a map for geographic concentration;
- a Sankey for movement through stages;
- a ranked table for exact action items.
Reuse colors semantically across components. If green represents a program in one section, do not use the same green to mean above target elsewhere. Keep typography, number formatting, and interaction behavior consistent.
Integrate text without burying the data
Narrative text should orient and interpret, not reproduce every number. Use short paragraphs before or between sections to explain why the next view matters. Put definitions and caveats where the reader encounters the measure.
Long methodology belongs in a disclosure or linked section, but critical limitations should remain visible. A short note such as “Percentages use valid responses; bases vary by question” prevents a major misunderstanding.
Use annotations on the visualization for specific events or thresholds. Use prose for broader context and transitions.
Design responsive composition, not just responsive charts
On desktop, two complementary components may sit side by side. On mobile, decide which comes first and whether their relationship remains clear after stacking. A dashboard grid that simply collapses by source order can create a confusing narrative.
Define a mobile reading order deliberately. Move explanatory text with its chart. Replace a wide filter row with a compact disclosure. Convert large tables to a scrollable or prioritized form. Keep key values outside hover.
Test the page with enlarged text. Fixed-height cards and absolute positioning often clip content. Let sections grow with labels and explanations.
Reduce chrome and increase direct labeling
Legends, axis titles, card headers, and repeated menus add interface weight. Use direct labels where practical. State units in the title or number format. Place source notes once per coherent section rather than under every small chart.
Do not remove necessary orientation in the name of minimalism. A clean design still needs scales, denominators, selection states, and no-data explanations. The goal is to remove repeated furniture, not evidence.
Subtle transitions and highlights can guide attention, but avoid animation that makes the page feel like a demo. The strongest custom feel usually comes from composition and precise typography rather than visual effects.
Keep the data reusable and the pieces easy to test
A custom page is easier to maintain when each visualization takes a small, clearly defined input and can be tested on its own. Prepare shared measures once in the data layer, then give each component only what it needs.
Do not copy the same calculation into several chart scripts. A change to the definition could make the page internally inconsistent. Centralize formatting and color definitions where the platform permits, and document component dependencies.
Independent components can refresh together while still having local controls. They can also be rearranged without rewriting the analytical logic.
Assemble the page in Rhubarb
Rhubarb supports custom visualizations and dashboards without forcing you to start from a fixed catalog of cards. Use the assistant to explore the data and find the views worth keeping, then assemble those views into a deliberate page. The same conversation can revise the analysis, the visual form, and the interaction while the underlying code remains visible.
Use the dashboard layout to establish the desktop composition and test the responsive behavior at actual widths. Keep the most important section first in the document order. Use shared brand and semantic color values, but allow each visual form to fit its question.
Save versions before major layout changes. A beautiful page is not useful if a later edit pushes controls off-screen or quietly changes the data a component expects.
Know when a conventional dashboard is better
A familiar KPI grid is appropriate for repeated operational monitoring, especially when trained users need dense information and quick scanning. Do not turn a daily operations console into a long narrative merely to make it distinctive.
Use the narrative approach when the audience is broader, the report is occasional or public, the findings need explanation, or the visual form itself helps communicate the subject. Many products need both: an internal operational dashboard and a separate public or executive experience built from the same governed measures.
One last design test
Remove the charts temporarily and read only the titles and text. The page should still have a coherent argument. Then hide the text and inspect the visual hierarchy: one element should clearly lead, related sections should group, and controls should appear near the content they change.
Finally, ask a first-time reader where they looked first, what they concluded, and what they clicked. A dashboard stops looking generic when its structure reflects the reader’s path through the evidence rather than the software’s default grid.
Frequently asked questions
What makes a dashboard look generic?
Beginning with an equal card grid, repeated borders, a large global filter bar, label-only section titles, and no clear visual hierarchy often makes the software’s default structure more visible than the story.
Are conventional dashboards bad?
No. Familiar KPI grids are efficient for repeated operational monitoring. Narrative composition is better when a broader audience needs explanation, emphasis, and a guided path.
How can a dashboard feel custom without excessive animation?
Use deliberate composition, scale, space, typography, finding-led titles, direct labels, semantic color, and controls placed near the question they change.