Variance Charts New Territory for Visualization Libraries
Ryan Lucas spells out exactly what makes Variance unique:
Ryan and Kevin Lynagh created Variance as a tool to speed up production of their work at Keming Labs.
The simplicity and flexibility of Variance is revealed in the getting started tutorial. It shows just how easy it is to create a simple dot plot and transform it into a bar chart using the grammar of the Variance language.
Variance's HTML tags are based on the “grammar of graphics” concept first conceived of by Leland Wilkinson and further refined by Hadley Wickham in his excellent ggplot2 library for R. Rather than picking a fixed chart type (line, bar, etc.), with Variance you compose together basic elements — like geometries, guides, and annotations — using a set of rules, much like a language’s grammar.
Each of the examples have a link to Codepen so anyone can play with Variance with zero setup.
Variance makes a lot of things possible because of its simple structure built on common web languages.
Using just HTML and CSS makes it lightning fast to prototype. From a prototype, front-end designers and developers can work cooperatively with data scientists and analysts, so modifying the data, structure, and user experience of a chart can always be done by the correct person for the job.
It's also easy to employ responsive design, CSS animations and integrate Variance charts into existing systems, webpages and apps.
I think the team is taking the right approach by charging a one time license fee for commercial use in order to insure Variance can be sustainable.
We wanted to make this power available to a larger market, offer support options, and be able to continue to develop the product. So we’ve released Variance under simple terms. It’s completely free to use for evaluation and non-commercial purposes. Commercial usage only requires a one-time licensing fee per-designer/developer. In our experience, the time-savings more than recoups that fee in just a single project.
Ryan and Kevin are waiting to see who picks up Variance and what they build before they commit to a specific roadmap but they mentioned a few potential extensions:
In terms of far-future crazy ideas, we've been thinking about doing layout/positioning with an explicit constraint solver (using CSS just for styling). You'd be able to state constraints like "put this axis 20px underneath the data frame" and "the chart and its ordinate axis should always fill this container, but only show the ordinate minor ticks if there is at least 80px of horizontal space".
Variance is exciting because it's accessible. I can foresee it being adopted by less specialized developers because it's a natural extension of the way the web works. If it can build a thriving community I think Variance can become the standard for the majority of charting done on the web.