Playing with D3js and AskiaVista

As you may already know, we added support for the Highcharts visualisation library as of version 6.0 of askiavista; and while it provides all the necessary visualisation needs for our online data analysis application, we had designed askiavista’s API to be agnostic when it comes to charting libraries.

From our initial use of NevronDundas Charts in version 5 to our use of Google Charts in one our initial demos of askiavista’s AJAX capabilities, we have always wanted to provide our users with the flexibility to chose their preferred charting library.

One such library we have always wanted to play around with is the amazing open source D3js visualisation components. This JavaScript library that produces dynamic, interactive data visualisations in web browsers. It makes use of the widely implemented SVG, HTML5 and CSS standards. While, D3 provides all basic types of charting components (bar, column, pie, area, …), it also provides many more advanced visualisations.

We have therefore played with both of those types of charts; from simple visualisations:

Classic bar chart

Diverging Stacked Bar Chart

… to more complex and advanced charts:

Sunburst Chart

Bubble Cross Tab

These Lab type demos are hooked up from a classic Askia survey via askiavista’s API to the D3 components. While D3 is not integrated by default in our API tooling, it is a simple proof-of-concept of such an implementation.

To view all the components we played around with, check out the full demo! Props to Brice de la Brière for making this possible!