UW Interactive Data Lab
IDL logo

Lyra: An Interactive Visualization Design Environment

Arvind Satyanarayan, Jeffrey Heer. Computer Graphics Forum (Proc. EuroVis), 2014
Figure for Lyra: An Interactive Visualization Design Environment
William Playfair’s classic chart comparing the price of wheat and wages in England recreated in the Lyra visualization design environment (VDE).
We present Lyra, an interactive environment for designing customized visualizations without writing code. Using drag-and-drop interactions, designers can bind data to the properties of graphical marks to author expressive visualization designs. Marks can be moved, rotated and resized using handles; relatively positioned using connectors; and parameterized by data fields using property drop zones. Lyra also provides a data pipeline interface for iterative, visual specification of data transformations and layout algorithms. Visualizations created with Lyra are represented as specifications in Vega, a declarative visualization grammar that enables sharing and reuse. We evaluate Lyra’s expressivity and accessibility through diverse examples and studies with journalists and visualization designers. We find that Lyra enables users to rapidly develop customized visualizations, covering a design space comparable to existing programming-based tools.
  title = {Lyra: An Interactive Visualization Design Environment},
  author = {Satyanarayan, Arvind AND Heer, Jeffrey},
  journal = {Computer Graphics Forum (Proc. EuroVis)},
  year = {2014},
  url = {https://idl.uw.edu/papers/lyra},
  doi = {10.1111/cgf.12391}