Graphicacy: Polling Data Timeseries Dataviz Development

Survey Data Visualization Development with Graphicacy
A timeseries chart of a fake polling question

Clients

Graphicacy + Client (A survey analytics product platform, used by the world’s leading polling & market research firms).

Prompt

How might we build robust, product-ready polling data visualizations?

Background

The client’s product is a purpose-built analytics tool for pollsters and market researchers to visualize and analyze large-scale survey results. Because surveys unfold over time (e.g. for longitudinal studies, research panels), time is an important component in comprehending survey data. Given the importance of time series data and growing pains with their off-the-shelf charting library, the client saw time series use-cases as an opportunity for improving both comprehension and UX.

Screenshots of various edge cases for the dataviz component

Challenges

  • Time series analysis was an important use-case for the client’s users, but Plotly (their off-the-shelf charting library) didn’t provide the flexibility or interactivity to deliver on the needed UX.
  • Graphicacy wanted expertise on delivering their designs as embedded, in-product data visualizations that played nicely with the client’s existing react codebase.
  • Survey data, like all data, can be messy. The visualization needed to be robust against missing or misformatted data and a variety of users.

Insight

Embrace the chaos! In-product dataviz is only as good as the test dataset. In addition to developing the visualization components, automated tests can ensure the dataviz renders properly in even the weirdest conditions, so edge-cases won’t creep through to end-users,

Interacting with the graph moves the inspector bar, letting users see the values of each trendline

Solutions

  • Developed a custom, dynamic time series graph as configurable, maintainable React components, fully integrated into their existing codebase.
  • Developed a test framework and full coverage of automated tests so issues are spotted early and effortlessly and their engineers can maintain the code with confidence.

Results

“We were looking for help developing an in-product data visualization for one of our clients. We needed to make sure it was well-architected, robustly tested, and performant. We're very happy we worked with 3iap. Eli understood exactly what we needed, kept us updated at every stage of the development process, and even helped us clarify the open UX questions. The results were great, the final product worked well, looked clean, and gave us a happy client." Chris Lanoue, Director of Engineering and Innovation, Graphicacy

gif of test cases passing

a curious guinea pig
Would you like to be a guinea pig?

Join 3iap’s mailing list for early access to the latest dataviz research, writing, and experiments.

(Note: No guinea pigs –or humans– have been harmed in the course of 3iap’s research, writing, or experiments.)