Clinisys · Data Visualization · Case study

Data Visualization Requirements & Design System

Clinisys needed a data visualization tool that worked across its full product portfolio, but the requests reaching me described reports, not visualizations. "We need turnaround reports" was a real request, with no definition of what to measure or how. I built the research, the process, and the design system that turned those requests into requirements a visualization could actually be designed from.

Data visualization chart selection framework

01 · Executive summary

"We need turnaround reports" is a request. It is not a visualization.

The team included a Data Scientist, Database Administrator, Product Owner, and Business Analyst, but no shared process existed for turning their respective knowledge into a complete visualization requirement. I researched data visualization as a discipline, then built a requirements process that defined the user, purpose, data, and relationship before any chart was selected.

That process became the foundation for a chart-selection framework and an extension of the Clinisys design system. Implementation constraints later exposed another problem: a visualization could be easier to build while communicating something different from what the data actually supported.

The tool shipped, and the requirements process, principles, and design system gave the team a way to define and review visualization work without ongoing UX involvement.

02 · Approach

Self-directed study, taught into a working method, tested against real implementations.

Contributions

  • Built the Data Visualization Requirements process, translating vague chart requests into defined purpose, measures, relationships, and context
  • Developed a chart selection framework narrowing visualization choice by data relationship and structure
  • Extended the design system with data visualization standards, including 10-color categorical palettes
  • Built a five-gate framework for evaluating Power BI implementation feasibility without compromising meaning
  • Authored five Data Visualization Principles from recurring implementation review findings

Method

I worked through established data visualization research and practice, then taught those principles to a cross-functional team who had no shared methodology for translating a request into a visualization. The requirements process and design system were built iteratively from that collaboration, then tested against real implementations through an ongoing review cycle.

03 · Context & problem

No shared definition of what needed to be known before design could begin.

Clinisys was developing an application-agnostic data visualization tool intended to support its full product portfolio. I was asked to design the interface and extend the existing design system for data visualization, but the requirements arriving in Design described desired reports without defining the measures, calculations, dimensions, context, or questions those visualizations needed to answer.

There was also ambiguity around the scope of Design. I was asked to develop the visualizations directly in Power BI as well. My role stayed focused on designing the interface and the visual representation of the data; implementation in Power BI remained with the development team.

04 · Research: learning data visualization

The visualization had to be downstream of the data, not the starting point.

My first role in IT was in report writing, so I came into the project with a foundation in structured data, queries, calculations, and reporting logic, but that experience was very different from designing data visualizations. In application design, I was accustomed to starting with the user and their work; data visualization required a different way of thinking, since the representation itself carries meaning. I studied established data visualization research and practice, including Good Charts, Storytelling with Data, and Fundamentals of Data Visualization, and became much more conscious of how aggregation, scales, baselines, axes, and omitted context can alter perception. A visualization can contain accurate values and still create a misleading impression.

Key discovery

A request such as "show turnaround time" did not provide enough information to design from. The team still needed to define how turnaround time was calculated, what data was included, how it was segmented, what relationship mattered, and what context someone needed to interpret the result.

05 · Research: the requirements process

Changing the conversation from "what chart" to "what question."

I translated the research into a Data Visualization Requirements process. Instead of asking the requesting team to specify a chart, the requirements forced us to define the user and purpose first, followed by the underlying data and the relationship that needed to be communicated. Ownership was deliberate: the Product Owner and Business Analyst were responsible for defining the user and goals, while the Data Scientist and Database Administrator were responsible for defining the data. Interaction requirements, including filtering, highlighting, drill-down, drill-through, and contextual information, were defined separately. View the Data Visualization Requirements form ↗

What changed

"What chart should we use?"

became

"What question are we asking, what does the data actually support, and how should that relationship be represented?"

06 · Design: from requirements to visualization

Chart selection moved to the end of the process, where it became the result of the requirement rather than the starting point.

PURPOSE & SCOPE

Who the visualization was for, the question it needed to answer, the decision it supported, and the boundaries of the analysis.

MEASURES & DIMENSIONS

What was being measured, how it was calculated, and the categories, time periods, or hierarchies through which the data could be examined.

DATA RELATIONSHIP

What the user needed to understand from those measures and dimensions: comparison, change over time, distribution, composition, ranking, or deviation.

CONTEXT

The reference points needed to interpret the result, including targets, thresholds, benchmarks, comparison periods, and known limitations.

VISUAL REPRESENTATION

Chart type, encoding, scale, labels, color, and interaction, determined from the defined requirements above.

07 · Design: selecting the appropriate visualization

The data relationship narrowed the range of appropriate visualizations; it did not determine the chart alone.

I developed a chart selection framework that considered the relationship alongside the structure and dimensionality of the data. Comparison, change over time, distribution, composition, correlation, ranking, and other relationships each introduced different possibilities; the number of measures and categories, whether the data was continuous or categorical, whether time was involved, and the level of precision required further narrowed the selection. The goal was not to prescribe a chart from a single characteristic of the data, but to systematically narrow the available representations until the chart matched both the analytic relationship and the data's structure.

Chart selection framework: from "What does the user need to understand?" into Comparison, Relationship, Distribution, Composition, Deviation, Change Over Time, Ranking, and Geography / KPI, each narrowed by data characteristics to a recommended chart type
Defined requirements → chart selection → visual representation

I also extended the existing design system to establish data visualization conventions it hadn't addressed: standards for chart selection and anatomy, axes and scales, labels and legends, interaction, visual hierarchy, and the use of color, including 10-color categorical palettes so visualizations with different numbers of data series could remain distinguishable and consistent across products. View the Data Visualization Design System ↗

08 · Design: Power BI constraints & the five gates

Implementation could be simplified. It could not change what the data communicated.

The visualizations ultimately had to be implemented in Power BI, which introduced a significant constraint: the implementation team primarily relied on Power BI's graphical interface and lacked the proficiency to use its more advanced capabilities. I accounted for that constraint where possible, but implementation capability could not determine how the data was represented. A visualization could be simplified if the alternative preserved the same meaning; it could not simply be replaced with something easier to build if doing so changed what the data communicated.

GateQuestionAction
1. MeaningDoes the chart accurately represent the defined relationship?If no, choose another representation.
2. Native supportCan a standard Power BI visual reproduce the essential encoding?If yes, specify native settings and continue.
3. GUI feasibilityCan the implementation team reproduce and maintain it with current GUI proficiency?If no, simplify without changing meaning, or escalate capability.
4. Equivalent fallbackIs there a simpler visual that preserves the same analytic task?Document the fallback and the tradeoff.
5. ReviewDoes the implemented visual preserve scale, hierarchy, comparison, labels, and context?Approve only if informational equivalence is maintained.

09 · Validation: reviewing the implementation

The problems found in review went beyond visual fidelity.

My involvement continued after the visualizations were handed off for implementation: the team would recreate the designs in Power BI and return them to me for review and approval. In some cases, implementation decisions changed how the data itself was represented. Units of measurement could change between charts on the same page. Related visualizations could use their axes inconsistently. Numerical values were sometimes represented out of proportion because the accurate representation was considered visually undesirable. In other cases, a different chart was substituted because it was easier to produce in Power BI, even though it communicated a different relationship in the data. These were not differences in styling; they changed what a user could reasonably conclude from the visualization. When that happened, the visualization went back for revision before approval.

10 · Data visualization principles

Recurring review findings, turned into a shared standard the team could apply without me.

01 · Represent the data truthfully

  • Preserve proportional magnitude
  • Preserve scale and baseline integrity
  • Do not conceal meaningful variation
  • Distinguish zero from missing data

02 · Make comparisons valid

  • Preserve units of measurement
  • Maintain comparable scales
  • Maintain consistent timeframes and definitions
  • Make aggregation explicit

03 · Match representation to data

  • Select the visualization based on the relationship
  • Use axes consistently
  • Use visual encoding consistently

04 · Provide context for interpretation

  • Identify what is being measured
  • Provide meaningful reference points
  • Preserve relevant limitations
  • Provide data provenance when needed

05 · Design for comprehension

  • Prioritize legibility over decoration
  • Use color intentionally, never as the only cue
  • Maintain readable labeling
  • Design interaction to support understanding

11 · Outcome

Data visualization knowledge moved out of individual conversations and into a shared way of working.

The clearest evidence of impact

The data visualization tool shipped as part of the Clinisys product portfolio. The Data Visualization Requirements framework established what needed to be defined before visualization design began, and assigned ownership of those decisions across Product, Business Analysis, Data Science, Database Administration, and Design. The Data Visualization Principles established the rules representations needed to preserve, and the Design System translated those principles into repeatable standards across Clinisys products. Together, they gave the team enough structure to define, evaluate, and manage visualization work without depending on a UX designer to reconstruct the underlying data logic each time.

Next case studyReport Composer →