Variance was co-designed and developed with Kevin Lynagh to support our own work building data-driven interfaces for clients in health, weather, and energy verticals. The library was subsequently made available to the public in both commercial and non-commercial editions.
Just as a language's grammar allows for the combination of words into sentences, elements in Variance could be freely mixed together under a basic set of rules. Instead of picking a fixed chart type, the user could combine geometry, guide, and annotation elements to explore a dataset across many different representations.
These structural, semantic elements of a chart were defined within HTML via custom tags like
<annotation>. Layout and styling of the graphic could then be controlled entirely using standard CSS.
The result was a lightweight, easy to learn syntax that still supported complex presentational capabilities, like animated charts or mobile breakpoints.
Variance made exploring and creating novel data visualizations accessible to teams without the resources for a dedicated graphics department like the New York Times or National Geographic.
Next Project →
Improving the efficiency of wind farm operations