What neighbouring fields know
The rules in this guide come mostly from graphic design, cartography and visualization research. A planning dashboard also depends on work done in fields that seldom cite one another: forecasting, business reporting, retail operations research, table design, perception science, control-room engineering, research on dashboards themselves, and type design. Each has spent decades on one part of the problem.


Kay and Hullman, Fildes, Cleveland, Heer, Bertin, Vicente and Tory, among many others
This chapter reads each field for four things: what it found, how strong the evidence is, where its findings disagree, and what it changes on a planning dashboard. The examples come from an illustrative plan, in which a business plans four weeks of sales and stock for five products, A to E, works out the budget left to buy, and tests a price cut on Product E.
The evidence comes in very different strengths. Some findings rest on controlled experiments with hundreds of participants, some on the records of a few companies, and some on long practice that no one has tested. Each essay says which is which. Its references follow it, each with one line on what it contributes, and their details and links were checked on 3 October 2026. The figures use the example or an illustrative distribution, except where a figure redraws published results, and each says which.
Forecasts and their uncertainty
Readers judge a forecast best when they can count its outcomes, and a dashboard should show that spread only when a model with measured error supplies it.
In February 1996 the Bank of England began to publish its inflation forecast as a fan of probability bands. Erik Britton, Paul Fisher and John Whitley explained why in 1998. The earlier chart, a central line inside one shaded band, had often been read as giving upper and lower bounds. It also drew attention to small moves in the central projection. The fan shows the spread of likely outcomes without a spurious precision. The ECMWF meteogram treats an ensemble weather forecast in a related way, with a box-and-whisker plot for each variable at every step.
Experiments since then point one way. Matthew Kay and colleagues introduced the quantile dotplot in 2016: a distribution drawn as twenty or so dots of equal probability. Probability estimates read from it varied less than estimates read from a density curve. In 2018 Michael Fernandes and colleagues measured decisions. People chose when to leave for a bus, and those using a dotplot of fifty dots earned about 97% of the best possible payoff. Dotplots and cumulative curves beat intervals, density curves and text by one to five percentage points. Susan Joslyn and Jared LeClerc found in 2012 that uncertainty in a forecast improved decisions about salting roads. It also raised trust and reduced the harm done by forecast errors.
The evidence is consistent and narrow. The studies are controlled experiments, mostly with members of the public making everyday choices, and none tested buyers deciding stock. The findings also qualify each other. In Fernandes’s experiment fifty dots did better than twenty, and cumulative curves, often thought too technical for the public, came close behind. Jessica Hullman, Paul Resnick and Eytan Adar found in 2015 that animated draws beat error bars and violin plots for judging which of two quantities is larger. For most questions about one quantity, all three gave similar accuracy. Error bars on bars carry a bias of their own. George Newman and Brian Scholl showed in 2012 that values inside a bar look likelier than values outside it, and Michael Correll and Michael Gleicher found the same bias in 2014.
A plan’s arithmetic usually treats demand as one number. In the example, Product C enters the week of 19 October with 180 units, exactly that week’s expected demand. If 180 is the middle of the forecast, the chance of running out is one in two. Sam Savage calls this the flaw of averages: plans based on average assumptions are wrong on average. A planning dashboard should keep a place for the spread of demand. It should fill that place only when a forecast with measured error exists, because a band drawn without a model claims knowledge no one has.
- Britton, Fisher, WhitleyThe Inflation Report projections: understanding the fan chart, Bank of England Quarterly Bulletin, 1998Explains the fan chart the Bank has published since February 1996: the earlier shaded band was read as bounds, and the fan shows probabilities without spurious precision.
- ECMWFSection 8.1.4 Meteograms, Forecast User Guide, European Centre for Medium-Range Weather Forecasts (page last updated 24 May 2026), 2026Cloud cover, precipitation, wind and temperature for one place on a shared time axis, each step a box-and-whisker plot of the ensemble from minimum to maximum.
- Kay, Kola, Hullman, MunsonWhen (ish) is My Bus? User-centered Visualizations of Uncertainty in Everyday, Mobile Predictive Systems, CHI 2016, ACM, 2016Introduced the quantile dotplot; people’s probability estimates varied less with it than with a density plot.
- Fernandes, Walls, Munson, Hullman, KayUncertainty Displays Using Quantile Dotplots or CDFs Improve Transit Decision-Making, CHI 2018, ACM, 2018In an incentivised experiment, dotplots and cumulative curves led to better and more consistent decisions than intervals, densities, text or no uncertainty.
- Hullman, Resnick, AdarHypothetical Outcome Plots Outperform Error Bars and Violin Plots for Inferences about Reliability of Variable Ordering, PLOS ONE 10(11), 2015Animated draws gave much more accurate judgements about two or three quantities, and similar accuracy for most questions about one.
- Newman, SchollBar graphs depicting averages are perceptually misinterpreted: the within-the-bar bias, Psychonomic Bulletin & Review 19(4), 2012Readers judged values inside a bar likelier than values the same distance outside it.
- Correll, GleicherError Bars Considered Harmful: Exploring Alternate Encodings for Mean and Error, IEEE Transactions on Visualization and Computer Graphics 20(12), 2014Found the within-the-bar bias in inferences from bars with error bars, and proposed gradient and violin plots in their place.
- Joslyn, LeClercUncertainty forecasts improve weather-related decisions and attenuate the effects of forecast error, Journal of Experimental Psychology: Applied 18(1), 2012People deciding whether to salt roads did better and trusted the forecast more when it carried uncertainty, and forecast errors hurt them less.
- Spiegelhalter, Pearson, ShortVisualizing Uncertainty About the Future, Science 333(6048), 2011A review of visual forms for uncertainty in sport, weather, climate, health, economics and politics, which found limited experimental evidence on how they are understood.
- Padilla, Kay, HullmanUncertainty Visualization, Wiley StatsRef: Statistics Reference Online, 2021A review of uncertainty displays and of the cognitive theories that explain how each supports a reader’s judgement.
- SavageThe Flaw of Averages: Why We Underestimate Risk in the Face of Uncertainty, Wiley, 2009States the flaw of averages: plans based on average assumptions are wrong on average.
Business notation and accounting graphics
Business reporting has its own conventions for telling actual from plan, choosing a comparator and ranking assumptions, and most of them rest on practice more than on experiment.
Some of the earliest statistical charts were drawn for trade and accounts. William Playfair’s Commercial and Political Atlas of 1786 drew England’s imports and exports as two lines and tinted the area between them as the balance of trade. Willard Brinton’s Graphic Methods for Presenting Facts of 1914 collected the chart forms of its day for readers in business. Mary Eleanor Spear’s range bar of 1952 is regarded as a forerunner of the box plot. These forms spread through use, and none was tested as the perception studies test encodings.
Business reporting also has a notation standard. The International Business Communication Standards, developed by Rolf Hichert and colleagues and set out with Jürgen Faisst in Solid, Outlined, Hatched, tell scenarios apart by fill. Actual figures are solid dark grey, the previous year solid light grey, plans outlined and forecasts hatched, and hue is left for other jobs. Version 2.0 appeared in June 2026, aligned with ISO 24896, a notation for business reporting. The standard rests on consistency and practice, and has been studied far less than the encodings of the perception literature.
Practitioners disagree about comparators. Stephen Few’s bullet graph, specified in 2006 and revised in 2013, sets a measure against one or two comparators and up to five qualitative ranges in one bar. Nick Desbarats listed eleven downsides in 2022: problems do not stand out, measures where lower is better or a middle range is best need variants, and words such as good and poor mean different things to different readers. He now colours a single dot by four action thresholds. Donald Wheeler’s Understanding Variation of 1993 gives a comparator with a statistical basis, limits at 2.66 average moving ranges either side of the mean. Amazon’s weekly business review, as Cedric Chin describes it from Colin Bryar’s practice, draws most of its 400 to 500 metrics in one form, the trailing six weeks beside the trailing twelve months.
Decision analysts add a way to rank assumptions. A tornado diagram moves one input at a time between a low and a high value, draws the change in the result as a bar, and sorts the bars longest first. Operations researchers usually cite Ronald Howard’s review of 1988 for it. Practitioners take the low and high values from an assessment of each input, often its 10th and 90th percentiles, in place of a fixed percentage. Ted Eschenbach found in 1992 that it complements the spiderplot, which shows fewer variables in more detail. Together these conventions give a planning dashboard three disciplines: one fill per scenario, a named comparator for every figure, and assumptions ranked by what they do to margin.
- PlayfairThe Commercial and Political Atlas, London: Debrett, Robinson, Sewell and others, 1786Time-series charts of trade with the area between imports and exports tinted as the balance, and a bar chart of Scotland’s trade in 1780–81; an early case of an accounting identity drawn as a shape.
- BrintonGraphic Methods for Presenting Facts, The Engineering Magazine Company, New York, 1914An early American handbook of charts written for readers in business, with component bars among its first forms; the linked scan is of the 1914 edition.
- SpearCharting Statistics, McGraw-Hill, 1952Her range bar spans the lowest and highest values and can mark the median and the middle half of the data; it is regarded as a forerunner of the box plot.
- Hichert, FaisstSolid, Outlined, Hatched: How Visual Consistency Helps Better Understand Reports, Presentations and Dashboards, IBCS Media (German edition: Gefüllt, gerahmt, schraffiert, Vahlen), 2019The case for the IBCS notation: actual solid, previous year in light grey, plan outlined, forecast hatched.
- IBCS AssociationInternational Business Communication Standards, version 2.0, IBCS Association; aligned with ISO 24896:2026, Notation for business reporting, 2026The current version of the notation standard, released in June 2026 alongside the ISO standard.
- FewBullet Graph Design Specification, Perceptual Edge (first published 2006, last revised 10 October 2013), 2006Defines the bullet graph, designed to replace gauges: a label, a scale, the featured measure, one or two comparators and two to five qualitative ranges.
- DesbaratsWhy I Stopped Using Bullet Graphs (and What I Now Use Instead), Nightingale, 2022Eleven downsides of bullet graphs, and an alternative: dots coloured by four action thresholds.
- Chin, with BryarThe Amazon Weekly Business Review, Commoncog, 2024Amazon’s weekly review of 400 to 500 metrics, most drawn as one 6-12 chart: the trailing six weeks beside the trailing twelve months.
- Bryar, CarrWorking Backwards: Insights, Stories, and Secrets from Inside Amazon, St. Martin’s Press, 2021Two former Amazon executives describe the company’s practices, among them the weekly business review, where a metric’s trailing six weeks and trailing twelve months share one chart.
- WheelerUnderstanding Variation: The Key to Managing Chaos, SPC Press (2nd edition 2000), 1993Process behaviour charts for managers: limits at 2.66 average moving ranges around the mean separate routine variation from signals.
- HowardDecision Analysis: Practice and Promise, Management Science 34(6), 1988A review of decision analysis that the operations-research literature usually cites for the tornado diagram, though its abstract does not mention it.
- Abbas, Budescu, Yu, HaggertyA Comparison of Two Probability Encoding Methods: Fixed Probability vs. Fixed Variable Values, Decision Analysis 5(4), 2008Notes that practitioners elicit low, base and high values at the 10th, 50th and 90th percentiles for tornado sensitivity analysis.
- EschenbachSpiderplots versus Tornado Diagrams for Sensitivity Analysis, Interfaces 22(6), 1992Compares the two sensitivity charts and finds them complementary: the tornado summarises many variables, the spiderplot shows a few in more detail, with break-even points.
Retail planning and forecasting practice
Operations research has measured how forecasts and buying decisions fare inside real companies, and several of its findings translate directly into controls on a planning screen.
Merchandise planners work in a weekly grid of sales, stock and intake, from which the budget left to buy follows. Robert Fildes, Shaohui Ma and Stephan Kolassa reviewed retail forecasting research in 2022 and found little evidence for many of the complex methods proposed. The M5 competition asked thousands of teams to forecast 42,840 series of Walmart unit sales, many of them sporadic. Machine-learning methods won. Spyros Makridakis and his co-organisers found the gains mainly at the upper levels of the hierarchy and small for single products in single stores, where stock is decided.
Planners rarely accept a forecast as it comes. Fildes, Paul Goodwin, Michael Lawrence and Konstantinos Nikolopoulos examined more than 60,000 forecasts from four supply-chain companies in 2009. In three of them, adjustments improved accuracy on average. Larger adjustments tended to help and small ones often did harm. Upward adjustments helped less often than downward ones and more often went the wrong way, a sign of optimism. In an earlier experiment Goodwin found two controls that improved accuracy: making the statistical forecast the default, and asking for a reason before changing it. Michael Gilliland’s forecast value added measures each step of a process against a naive forecast, so a review that makes the forecast worse shows as a loss.
Other findings bear on what to buy. Marshall Fisher and colleagues described in 1994 how Sport Obermeyer, a skiwear maker, read the uncertainty of each style from the spread of its buyers’ independent forecasts, made predictable styles first, and halved the cost of stockouts and of price cuts on unsold stock. For a single buy before a season, the newsvendor model stocks to the quantile of demand given by the critical ratio: the cost of a lost sale over that cost plus the cost of an unsold unit. Aris Syntetos, John Boylan and John Croston sorted demand into four classes in 2005, with cut-offs at 1.32 for the average interval between sales and 0.49 for the variability of their sizes; Andrey Kostenko and Rob Hyndman replied in 2006 that only two classes matter. Field experiments at Zara and at Rue La La found that model-based clearance and pricing raised revenue, by about 6% and 10%.
This evidence comes from real companies, which makes it relevant and narrow. Its lessons for a planning screen are concrete. A forecast override should start from the statistical figure, ask for a reason and keep a record, so that its value can be measured later. A line’s demand class belongs beside its forecast. A stock target can come from the cost of a lost sale and the cost of an unsold unit, in place of a flat number of weeks.
- Boardman, Parker-Strak, HenningerMonitoring Retail Sales, in Fashion Buying and Merchandising: The Fashion Buyer in a Digital Society, 2nd edition, Routledge, 2026A textbook chapter on monitoring sales with the weekly sales, stock and intake plan and on open-to-buy budgets for reactive buying.
- Fildes, Ma, KolassaRetail forecasting: Research and practice, International Journal of Forecasting 38(4), 2022The standard review of retail forecasting, from a whole market to an item in a store; many complex methods have little evidence behind them.
- Makridakis, Spiliotis, AssimakopoulosM5 accuracy competition: Results, findings, and conclusions, International Journal of Forecasting 38(4), 202242,840 hierarchical series of Walmart unit sales, many intermittent; machine-learning methods won, with gains concentrated at the upper levels of the hierarchy.
- Fildes, Goodwin, Lawrence, NikolopoulosEffective forecasting and judgmental adjustments: an empirical evaluation and strategies for improvement in supply-chain planning, International Journal of Forecasting 25(1), 2009More than 60,000 forecasts from four companies: larger adjustments tended to help, small ones often hurt, and upward adjustments showed optimism.
- GoodwinImproving the voluntary integration of statistical forecasts and judgment, International Journal of Forecasting 16(1), 2000In an experiment, making the statistical forecast the default and asking for a reason for each change both improved accuracy.
- GillilandFVA: A Reality Check on Forecasting Practices, Foresight: The International Journal of Applied Forecasting 29, 2013Forecast value added: each step of a forecasting process is compared with a naive forecast and with the step before it, in a stairstep report.
- Syntetos, Boylan, CrostonOn the categorization of demand patterns, Journal of the Operational Research Society 56(5), 2005Four demand classes from the average inter-demand interval and the squared variation of demand sizes, with cut-offs at 1.32 and 0.49, checked on 3,000 automotive series.
- Kostenko, HyndmanA note on the categorization of demand patterns, Journal of the Operational Research Society 57(10), 2006The exact boundary behind the classes meets the axes at 4/3 and 0.5, only two classes matter, and a diagonal rule approximates the boundary well.
- Wickramasuriya, Athanasopoulos, HyndmanOptimal Forecast Reconciliation for Hierarchical and Grouped Time Series Through Trace Minimization, Journal of the American Statistical Association 114(526), 2019A method that makes forecasts for items, groups and the total add up while reducing their combined error.
- KhoujaThe single-period (news-vendor) problem: literature review and suggestions for future research, Omega 27(5), 1999A review of the newsvendor problem, whose solution stocks to the quantile of demand given by the critical ratio.
- Fisher, Hammond, Obermeyer, RamanMaking Supply Meet Demand in an Uncertain World, Harvard Business Review 72(3), 1994Sport Obermeyer read each style’s uncertainty from the spread of its buyers’ independent forecasts, made predictable styles first, and halved the cost of stockouts and markdowns.
- Caro, GallienClearance Pricing Optimization for a Fast-Fashion Retailer, Operations Research 60(6), 2012Zara’s markdown process rebuilt on a forecasting and pricing model; a field experiment in Belgium and Ireland raised clearance revenue by about 6%.
- Ferreira, Lee, Simchi-LeviAnalytics for an Online Retailer: Demand Forecasting and Price Optimization, Manufacturing & Service Operations Management 18(1), 2016Demand forecasting and price optimisation for new products at Rue La La; a field experiment estimated a revenue increase of about 9.7%.
- VandeputDemand Forecasting Best Practices, Manning, 2023A practitioner’s guide that argues against MAPE and for judging forecasts by an absolute error measure together with bias.
- Kolassa, Rostami-Tabar, SiemsenDemand Forecasting for Executives and Professionals, Chapman & Hall/CRC, 2023A current, readable text, with a free online edition at the link; print edition doi:10.1201/9781003399599.
- Vermorel, LokadPrioritized ordering, lokad.com (vendor), 2015Vendor material: rank every candidate unit by its expected return and buy down the list until a capital ceiling or a minimum return is reached.
- ForresterIndustrial Dynamics, MIT Press, with John Wiley & Sons, 1961Models a firm as levels and rates, the stock-and-flow notation behind inventory and order charts.
- StermanBusiness Dynamics: Systems Thinking and Modeling for a Complex World, Irwin/McGraw-Hill, 2000The standard text on stock-and-flow models of business systems, supply chains among them.
Tables, matrices and multiples
Planners read tables, the old advice on setting them is unusually consistent, and the experiments on small multiples show when splitting a chart helps.
Visualization tools usually treat the table as a preparatory step, a way of getting data ready for a chart. Lyn Bartram, Michael Correll and Melanie Tory interviewed twelve people who work with data in their jobs. They reported in 2022 that these people want to see and handle the table at every stage of an analysis. They reshape it, mark it up and build alternatives inside it. The authors argued that the interactive table is a visualization idiom in its own right. Their evidence is qualitative and their sample small.
The rules for setting a table have changed little in a century. Andrew Ehrenberg’s Rudiments of Numeracy, of 1977, asks for figures rounded to two effective digits, rows and columns ordered by size, and numbers to be compared placed in a column. Richard Rutter’s guide of 2017 quotes Jan Tschichold’s advice to do without rules where possible, and asks for numbers aligned right in tabular figures. Jonathan Schwabish’s ten guidelines of 2020 restate the same points for current software. These rules come from the practice of statisticians and typographers more than from experiments, and they rarely contradict one another.
A table can also become a graphic without losing its figures. Jacques Bertin’s reorderable matrix, set out in his book of 1977 on graphics and information processing, draws each cell as a mark, then moves rows and columns until groups appear. Charles Perin, Pierre Dragicevic and Jean-Daniel Fekete rebuilt the method as the web tool Bertifier in 2014. Ramana Rao and Stuart Card’s Table Lens of 1994 drew bars inside cells and opened a row to its figures on focus. LineUp, by Samuel Gratzl and colleagues in 2013, builds rankings from weighted bars in a table. Polaris, by Chris Stolte, Diane Tang and Pat Hanrahan in 2002, extended the pivot table into an algebra of small charts and became the research behind Tableau.
For series over time the evidence is experimental, and it depends on the task. Waqas Javed, Bryan McDonnel and Niklas Elmqvist found in 2010 that separate charts, such as small multiples, are generally more efficient for comparisons that span many series. One shared chart is more efficient for comparisons close together. Jeffrey Heer, Nicholas Kong and Maneesh Agrawala found in 2009 that mirroring negative values costs no accuracy. Below 24 pixels of height a two-band horizon graph read more accurately than a line chart, and four or more bands slowed readers down. On a planning screen the grid therefore stays a table, ordered by what matters and rounded to the digits that vary. Each product line gets its own small chart when lines are compared across the season.
- Bartram, Correll, ToryUntidy Data: The Unreasonable Effectiveness of Tables, IEEE Transactions on Visualization and Computer Graphics 28(1), 2022Interviews with twelve data workers, who wanted to see and handle the table throughout an analysis; argues that the interactive table is an idiom in its own right.
- EhrenbergRudiments of Numeracy, Journal of the Royal Statistical Society, Series A 140(3), 1977The classic paper on numeric tables: round to two effective digits, order rows by size, and put figures to be compared in a column.
- RutterWeb Typography: Designing Tables to be Read, Not Looked At, A List Apart (an extract from his book Web Typography), 2017Quotes Tschichold on doing without rules, applies Tufte’s data-ink idea to tables, and asks for numbers aligned right in tabular lining figures.
- SchwabishTen Guidelines for Better Tables, Journal of Benefit-Cost Analysis 11(2), 2020A current checklist, demonstrated by redesigning six published tables.
- BertinLa Graphique et le traitement graphique de l’information (English: Graphics and Graphic Information-Processing, 1981), Flammarion; English edition Walter de Gruyter, 1977Sets out the reorderable matrix: each cell drawn as a mark, then rows and columns permuted until similar ones form groups.
- Perin, Dragicevic, FeketeRevisiting Bertin Matrices: New Interactions for Crafting Tabular Visualizations, IEEE Transactions on Visualization and Computer Graphics 20(12), 2014Bertifier, a web tool that applies Bertin’s matrix method to a spreadsheet, with interactive reordering of rows and columns.
- Rao, CardThe Table Lens: Merging Graphical and Symbolic Representations in an Interactive Focus+Context Visualization for Tabular Information, CHI 1994, ACM, 1994A table whose cells are drawn as small bars, with rows that open to their figures on focus.
- Gratzl, Lex, Gehlenborg, Pfister, StreitLineUp: Visual Analysis of Multi-Attribute Rankings, IEEE Transactions on Visualization and Computer Graphics 19(12), 2013Ranks items on several weighted attributes with stacked bars inside a table; a model for a buying priority list.
- Stolte, Tang, HanrahanPolaris: A System for Query, Analysis, and Visualization of Multidimensional Relational Databases, IEEE Transactions on Visualization and Computer Graphics 8(1), 2002Extends the pivot table into a visual specification of tables of small charts; the research behind Tableau.
- Becker, Cleveland, ShyuThe Visual Design and Control of Trellis Display, Journal of Computational and Graphical Statistics 5(2), 1996Panels conditioned on other variables, laid out in rows, columns and pages with shared scales.
- Javed, McDonnel, ElmqvistGraphical Perception of Multiple Time Series, IEEE Transactions on Visualization and Computer Graphics 16(6), 2010Separate charts were generally more efficient for comparisons spanning many series, shared charts for comparisons close together.
- Heer, Kong, AgrawalaSizing the Horizon: The Effects of Chart Size and Layering on the Graphical Perception of Time Series Visualizations, CHI 2009, ACM, 2009Mirroring cost no accuracy, two-band horizon graphs read better than line charts below 24 pixels of height, and four or more bands slowed readers.
- Lönberg-Holm, SutnarCatalog Design Progress: Advancing Standards in Visual Communication, Sweet’s Catalog Service, New York; record of the Art Institute of Chicago, 1950A book on organising product information for fast lookup, which closes by summing up its method as function, flow and form.
- Crouwel, van de WouwDutch PTT telephone directory, Total Design for the PTT; described by Robin Kinross, ‘Critical spirit of a telephone book’, Eye 16, 1995, 1977The first fully automated Dutch directories, set in a condensed Univers, all lower case, with the number before the name so that no dot leaders were needed.
- TwymanA Schema for the Study of Graphic Language (Tutorial Paper), Processing of Visible Language, vol. 1, Plenum, 1979Classifies graphic language by mode and by configuration, from linear text to lists, matrices and branching structures; a vocabulary for deciding what a view is.
- TukeyExploratory Data Analysis, Addison-Wesley, 1977The case for looking at data for what was not expected, with the displays for doing it by hand, the box plot among them.
- WainerHow to Display Data Badly, The American Statistician 38(2), 1984Twelve common ways to display data badly, the dirty dozen, as a checklist of what to avoid.
Perception, shading and colour
Perception research ranks the ways a reader decodes a quantity, and its findings set firm limits on what tone and colour can carry.
In 1984 William Cleveland and Robert McGill ranked the elementary tasks a reader performs to decode a quantity from a chart. Position along a common scale came first, then position along separate scales, then length, direction and angle, then area, then volume and curvature, and shading and colour saturation last. Their experiments tested the upper part of the ranking. Jeffrey Heer and Michael Bostock repeated them in 2010 with workers recruited online and found the same order for position and length. They added angle and area. Both were read less accurately than position, area less accurately than angle, rectangles as poorly as circles, and squares worst of all.
The ranking has known limits. Theory predicts that angle is read less accurately than length, and neither study found it. The task in both is a judgement of proportion between two marked elements, which is a small part of reading a dashboard. Steven Franconeri and colleagues’ review of 2021 adds that a viewer extracts broad statistics from a display quickly while comparing subsets of values is slow. The order is reliable for decoding single values and says less about what a reader notices first.
Two older findings govern surfaces. Stephen Palmer showed in 1992 that elements inside a common region are seen as a group, strongly enough to overcome nearness and similarity. Josef Albers showed in Interaction of Color, 1963, that a colour is read against its surround, so one grey looks different on two parents. Colour also depends on size. Maureen Stone argued in 2012 that small marks need larger colour differences, and Danielle Albers Szafir measured the effect in 2018 for points, bars and lines. Cartographers reached the same restraint through practice. Eduard Imhof’s rules keep strong colours for small areas on muted grounds. Hand-drawn Swiss relief shading turns its light locally to bring out each landform, and in 2021 Bernhard Jenny and colleagues trained a neural network to imitate it.
On a planning dashboard the consequences are plain. Quantities go on aligned positions, bars from a common baseline or points on a shared scale, and the number is printed wherever the amount matters. Surface tone marks grouping and hierarchy, and because a tint is read against its parent it never carries a value from one surface to another. Saturated colour goes on few, small marks, with differences large enough for the size of the mark.
- Cleveland, McGillGraphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods, Journal of the American Statistical Association 79(387), 1984Ranks the elementary perceptual tasks from position on a common scale down to shading and colour saturation, and tests the upper part of the ranking.
- Heer, BostockCrowdsourcing Graphical Perception: Using Mechanical Turk to Assess Visualization Design, CHI 2010, ACM, 2010Replicated Cleveland and McGill online and added angle, circle, rectangle and treemap judgements; area came last and squares were judged worst.
- Franconeri, Padilla, Shah, Zacks, HullmanThe Science of Visual Data Communication: What Works, Psychological Science in the Public Interest 22(3), 2021A review of research-backed guidelines for communicating data, written for practitioners.
- PalmerCommon region: A new principle of perceptual grouping, Cognitive Psychology 24(3), 1992Elements inside a shared boundary group strongly enough to overcome proximity and similarity.
- AlbersInteraction of Color, Yale University Press, 1963Colour studies showing that a colour is always read against its surround; the publisher’s page is for the 50th anniversary edition.
- StoneIn Color Perception, Size Matters, IEEE Computer Graphics and Applications 32(2), 2012Small marks need larger colour differences to be told apart, a point colour advice for visualization seldom made.
- SzafirModeling Color Difference for Visualization Design, IEEE Transactions on Visualization and Computer Graphics 24(1), 2018Measured how perceptible colour differences vary for points, bars and lines, and turned the results into models designers can use.
- Harrison, Ishii, Vicente, BuxtonTransparent Layered User Interfaces: An Evaluation of a Display Design to Enhance Focused and Divided Attention, CHI 1995, ACM, 1995Measured how translucent layers trade attention to the foreground against awareness of the background.
- ImhofCartographic Relief Presentation (Kartographische Geländedarstellung, 1965), Walter de Gruyter; English edition 1982, reprinted by Esri Press 2007, 1965Rules for colour on maps, the first quoted by Tufte in Envisioning Information: strong colours are unbearable over large areas and effective in small ones on muted grounds.
- RobinsonThe Look of Maps: An Examination of Cartographic Design, University of Wisconsin Press; reissued by Esri Press 2010, 1952Argued that a map’s function should govern its design, and examined lettering, structure, including figure and ground, and colour.
- Jenny, Heitzler, Singh, Farmakis-Serebryakova, Liu, HurniCartographic Relief Shading with Neural Networks, IEEE Transactions on Visualization and Computer Graphics 27(2), 2021Networks trained on Swiss manual relief shading learned its principles: removing detail, turning the light locally and varying brightness for large landforms.
- PattersonShaded Relief, shadedrelief.com, online since at least 2004, 2004Tutorials on manual and Swiss-style relief shading, including turning the light locally for awkward landforms.
- Colby, SchollTransparency and blur as selective cues for complex visual information, Proceedings of SPIE 1460, 1991Work from the MIT Visible Language Workshop on translucency and blur as ways to bring information forward or set it back.
- CooperInformation Landscapes, MIT Media Lab Visible Language Workshop, shown at TED5, Monterey, 1994Dynamic, three-dimensional typography and information spaces from the Visible Language Workshop, shown months before Cooper’s death.
- GoogleMaterial Design 3, colour roles, m3.material.io; tone-based surfaces introduced March 2023, 2023Five surface container roles named by emphasis, from lowest to highest, as tokens for layered surfaces.
- Radix UIRadix Colors: understanding the scale, radix-ui.com, 2021Twelve-step colour scales in which each step has a job, from app background at step 1 to high-contrast text at step 12.
Displays for operators
Control-room engineering arrived at grey screens, marked normal ranges and scarce colour, and it offers a theory of drawing a system’s constraints so that a fault changes a shape.
Process plants are run from screens that hold many values and must make a deviation obvious at once. Bill Hollifield, Dana Oliver, Ian Nimmo and Eddie Habibi set out the high-performance approach in 2008: grey backgrounds, analog indicators with the normal range marked, and colour kept for abnormal conditions, so that colour itself becomes the signal. The ISA-101 standard of 2015 makes a written HMI philosophy and style guide part of each display’s life cycle, and leaves choices such as colour to them. In 2013 Alf Ove Braseth and Trond Are Øritsland set out principles for large overview screens, from the Information Rich Design concept developed in Halden.
Engineers also built a theory of such displays. Kim Vicente and Jens Rasmussen’s ecological interface design, published in 1992, asks a display to make the constraints of the work domain visible. Kevin Bennett and John Flach describe the result as a configural display: variables drawn so that their relation forms a shape, which a fault distorts. David Woods named visual momentum in 1984, the ease with which a reader carries what was just seen into the next view, and listed its aids, among them overviews, landmarks and fixed positions. Medicine has the same form at a small scale. Seth Powsner and Edward Tufte’s graphical summary of patient status, in 1994, put a patient’s results, vital signs and treatments on one page as a matrix of small graphs. Each shows its latest value and normal limits, on a time axis that gives today, the past week and the past month similar widths.
The evidence is uneven. Vicente’s own review of 2002 found that ecological interfaces improved problem solving in experiments, and that none had yet been evaluated with professional operators on a full-fidelity simulator. The high-performance guidance was written by practitioners from industrial experience. Practitioners also disagree about how much to show. Stephen Few’s bullet graph draws every measure with its qualitative ranges, while the control-room approach, like Nick Desbarats’s action dots, leaves normal states almost silent and spends emphasis only on exceptions.
For a planning dashboard the lesson is to make normal quiet. A measure inside its normal range can be a grey band and a pointer, with colour only when it leaves the range, so the eye goes where the problem is. Positions stay fixed from week to week, so a reader learns where each measure lives. A relation such as a cash balance or the budget left to buy can be drawn so that its terms form one figure, as the guide’s rule on drawing the identity asks.
- Hollifield, Oliver, Nimmo, HabibiThe High Performance HMI Handbook, PAS (Plant Automation Services), 2008Grey, low-contrast screens for normal operation, analog indicators that show a value against its normal and alarm ranges, and bright colour only for abnormal conditions.
- International Society of AutomationANSI/ISA-101.01-2015, Human Machine Interfaces for Process Automation Systems, ISA, 2015A standard for the life cycle of process displays, built on each site’s HMI philosophy and style guide; it does not itself prescribe grey screens.
- Braseth, ØritslandVisualizing complex processes on large screen displays: Design principles based on the Information Rich Design concept, Displays 34(3), 2013Design principles for large overview screens from the Information Rich Design concept, developed at the Institute for Energy Technology in Halden.
- Vicente, RasmussenEcological interface design: theoretical foundations, IEEE Transactions on Systems, Man, and Cybernetics 22(4), 1992A framework for interfaces that make the constraints of the work domain visible and support skill-, rule- and knowledge-based behaviour.
- VicenteEcological Interface Design: Progress and Challenges, Human Factors 44(1), 2002A review: ecological interfaces improved problem solving in experiments, but none had yet been evaluated with professional workers on a full-fidelity simulator.
- Bennett, FlachDisplay and Interface Design: Subtle Science, Exact Art, CRC Press, 2011Configural displays whose emergent features map onto the constraints of the work domain, so that a fault changes the shape.
- WoodsVisual momentum: a concept to improve the cognitive coupling of person and computer, International Journal of Man-Machine Studies 21(3), 1984How to keep a reader oriented across many displays, with overviews, landmarks, overlap and fixed positions.
- Powsner, TufteGraphical summary of patient status, The Lancet 344(8919), 1994A patient’s results, vital signs and treatments on one page as small graphs with normal limits, on a time axis that widens the recent past.
Dashboards as a research subject
Recent surveys catalogue what dashboards are and how they are built, and older work on views and comparison explains the trade-offs behind each choice.
Researchers have only recently studied dashboards as a genre. In 2019 Alper Sarikaya, Michael Correll, Lyn Bartram, Melanie Tory and Danyel Fisher coded 83 dashboards against fifteen factors, grouped under purpose, audience, visual and interactive features, and the meaning of the data. The dashboards fell into seven clusters, from strategic and operational decision-making to static displays, personal tracking and public communication. The word covers very different objects, and a design that suits one kind can fail another.
Benjamin Bach and colleagues extended the corpus to 144 dashboards and in 2023 published 41 design patterns in eight groups; an earlier preprint listed 42. Three groups, with 19 patterns, concern content: data information, meta information and visual representation. Five groups, with 22, concern composition: page layout, screen space, structure, interaction and colour. The authors also proposed a model of trade-offs. Abstraction, screen space, the number of pages and interaction pull against one another, so reducing one raises another.
Older work explains the parts. Michelle Wang Baldonado, Allison Woodruff and Allan Kuchinsky gave eight rules for multiple views in 2000, among them parsimony: add a view only when it earns its cost. Michael Gleicher and colleagues showed in 2011 that designs for comparison are assembled from three operations: juxtaposition, superposition and an explicit encoding of the difference. Nicholas Kong and Maneesh Agrawala described five kinds of overlay in 2012, from gridlines to annotations. In 2023 Chase Stokes and colleagues asked 302 people to rank line charts carrying different amounts of text. The most heavily annotated charts were preferred, both to charts with less text and to text alone.
Most of this work is descriptive, built by coding examples. The few experiments cut against strict minimalism. Scott Bateman and colleagues found in 2010 that embellished charts were described as accurately as plain ones and remembered better two to three weeks later. Ohad Inbar, Noam Tractinsky and Joachim Meyer found in 2007 that students preferred a standard bar chart to its most reduced version. Robin Kinross had argued in 1985 that even a railway timetable persuades, so a plain style is a choice with effects of its own. For a planning dashboard this leaves three decisions to make on purpose: which kind of dashboard it is, which comparison design each view uses, and what text sits at the marks.
- Sarikaya, Correll, Bartram, Tory, FisherWhat Do We Talk About When We Talk About Dashboards?, IEEE Transactions on Visualization and Computer Graphics 25(1), 2019A design space of fifteen factors from 83 dashboards, and seven clusters of dashboard types.
- Bach, Freeman, Abdul-Rahman, Turkay, Khan, Fan, ChenDashboard Design Patterns, IEEE Transactions on Visualization and Computer Graphics 29(1), 202341 design patterns in eight groups from 144 dashboards (the preprint had 42), six genres, and a model of the trade-offs between abstraction, screen space, pages and interaction.
- Wang Baldonado, Woodruff, KuchinskyGuidelines for Using Multiple Views in Information Visualization, AVI 2000, ACM, 2000Eight guidelines for multiple views, including parsimony: add a view only when it earns its cost.
- Gleicher, Albers, Walker, Jusufi, Hansen, RobertsVisual comparison for information visualization, Information Visualization 10(4), 2011Every comparison design is built from juxtaposition, superposition and explicit encoding, alone or combined.
- Kong, AgrawalaGraphical Overlays: Using Layered Elements to Aid Chart Reading, IEEE Transactions on Visualization and Computer Graphics 18(12), 2012Five kinds of overlay: reference structures, highlights, redundant encodings, summary statistics and annotations.
- Stokes, Setlur, Cogley, Satyanarayan, HearstStriking a Balance: Reader Takeaways and Preferences when Integrating Text and Charts, IEEE Transactions on Visualization and Computer Graphics 29(1), 2023302 participants preferred the most heavily annotated charts to charts with less text or text alone, and the placement of text changed what they took away.
- Bateman, Mandryk, Gutwin, Genest, McDine, BrooksUseful Junk? The Effects of Visual Embellishment on Comprehension and Memorability of Charts, CHI 2010, ACM, 2010Embellished charts were described as accurately as plain ones and recalled better after two to three weeks.
- Inbar, Tractinsky, MeyerMinimalism in Information Visualization: Attitudes towards Maximizing the Data-Ink Ratio, ECCE 2007, ACM, 200787 students preferred a standard bar chart to its minimalist version.
- KinrossThe Rhetoric of Neutrality, Design Issues 2(2), 1985Even a railway timetable persuades; a calm, exact style is a rhetorical choice.
- Sedlmair, Heinzl, Bruckner, Piringer, MöllerVisual Parameter Space Analysis: A Conceptual Framework, IEEE Transactions on Visualization and Computer Graphics 20(12), 2014A framework for exploring model inputs and outputs: a data flow model, four navigation strategies and six analysis tasks.
- ShneidermanThe Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations, IEEE Symposium on Visual Languages, 1996Overview first, zoom and filter, then details on demand, with seven tasks and seven data types.
- Segel, HeerNarrative Visualization: Telling Stories with Data, IEEE Transactions on Visualization and Computer Graphics 16(6), 2010Genres of narrative visualization and the balance between the author’s order and the reader’s exploration.
- NardiA Small Matter of Programming: Perspectives on End User Computing, MIT Press, 1993Why spreadsheets succeeded as programming for people who are not programmers.
- Ström-AwnUI Density, mattstromawn.com, 2024Defines UI density as the value a user gets from an interface divided by the time and space it occupies, and separates visual, information, design, temporal and value density.
- Setlur, CogleyFunctional Aesthetics for Data Visualization, Wiley, 2022Perception, semantics and intent treated together in the design of charts.
Type for figures
Typefaces drawn for directories and stock tables show what dense figures need, and the main requirement on a screen can be measured in a browser.
Dense figures have had their own typefaces for decades. Matthew Carter drew Bell Centennial in the late 1970s for AT&T’s telephone directories, set small and printed fast on cheap paper. Tobias Frere-Jones drew Retina in 1999 for the stock listings of The Wall Street Journal, at seven points and below. Adrian Frutiger planned Univers in 1957 as a family of twenty-one variants named by two-digit numbers, the first for weight and the second for width and slope, so that a page could use several and keep one design.
On a screen the requirements are few. Figures must be tabular, so that every digit has one width and columns align; OpenType calls the feature tnum. They should also keep that width when the weight changes, so that a selected row can turn bold without its columns moving. Variable fonts offer other routes. Roboto Flex has a grade axis, which changes how heavy letters look without changing their width. Instrument Sans has a width axis from 75 to 100, which gives narrower labels from the same family.
Seventeen open typefaces were measured for this guide in a browser, and seven are reported here. Instrument Sans, IBM Plex Sans and Hanken Grotesk keep every digit’s width between regular and bold. Their minus sign is as wide as a digit, so signed columns align, and Hanken Grotesk also keeps the width of its decimal point. Geist and Archivo widen their digits in bold. A recheck on 3 October 2026 qualified two results. In Red Hat Text the zero keeps its width, but the bold nine is wider than the other digits. Roboto Flex has an optical-size axis, so its result depends on size. At 1,000 pixels its bold zero is about a quarter wider; at 15 pixels the difference is under 0.5%.
The historical faces are evidence of practice. The width test is a measurement anyone can repeat, though its result depends on the font build and on the size at which it is made. On a planning dashboard, choose a face whose digits and minus sign keep one width in every weight the screen uses. Test it in the browser at those sizes, and use a true minus sign. Where a face fails, emphasis can come from grade or colour in place of weight.
- CarterBell Centennial, Commissioned by AT&T; Museum of Modern Art collection, 1978Drawn to replace Bell Gothic in AT&T’s directories, with wider letters and ink traps for fast printing on newsprint; MoMA dates it 1976 to 1978.
- Frere-JonesRetina, Hoefler & Frere-Jones for The Wall Street Journal; Museum of Modern Art collection, 1999A face for stock tables at seven points and below, with deep ink traps.
- FrutigerUnivers, Deberny & Peignot; now Monotype, 1957Issued as a family of twenty-one variants named by two-digit numbers, the first giving weight and the second width and slope.
- Microsoft and AdobeOpenType feature registry: tnum, tabular figures, OpenType specification, Microsoft Learn (page dated 29 May 2024), 2024The feature that replaces proportional figures with figures of one width, so that digits line up in columns.
- Font Bureau, Berlow and colleagues, for GoogleRoboto Flex, Google Fonts, 2022A variable face with thirteen axes, among them grade, which changes stroke weight without changing widths, and optical size.
- Fuenzalida, with Egstad, for InstrumentInstrument Sans, GitHub and Google Fonts, 2023An open variable sans with width (75 to 100) and weight (400 to 700) axes and tabular figures; the face of this guide.