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!

Askiavista updated to 6.0.3.5

We’re excited to announce that a new version, 6.0.3.5, of askiavista is available; as usual, this update contains some nice new features as well as some dead bugs!

New default expiry page

We have updated the default expired page for Portfolio Links which have been set with the Expiry date option. This new page is fully responsive and can be customised to better correspond to your needs.

Screenshot of askiavista's 6.0.3.5 new expiry page

This page is stored in at the root of the AskiaVistaReader.Net4 folder, so don’t hesitate to go crazy on your custom expiry pages!

You can read more about this new page if you want!

Updated log in page

We have updated askiavista’s log in page in order to get rid of some layout issues we had on the previous version and to improve the page’s responsiveness.

Screenshot of Askiavista 6.0.3.5's new login page

We also cleaned it up a tad, increased the size of the inputs & button and generally made a clearer version of the page; but, do remember that you can create your own custom login page!

Highcharts, improved & extended!

We have greatly improved our integration of Highcharts charting library by adding some extra components such as:

  • highcharts-more.js (allows new chart types, such as: Area range, Area spline range, …)
  • modules/funnel.js (adds support for Funnel charts)
  • modules/exporting.js (allows to activate chart export to print, JPG, PNG, SVG & PDF)
  • modules/solid-gauge.js (adds support for solid gauge charts)

We were therefore able to add several new charts to askiavista: Bubble, Spline, Area spline, Scatter & Waterfall charts:
Screenshot of Askiavista's new chart types

Improved search capabilities

We’ve drastically improved the Search questionnaire functionality that is located in the treeview:

  1. We have increased the maximum amount of search results from 30 results to… 500!
  2. When you have searched for a specific question or set of questions and select a search result, you no longer lose your selection(s) when you deactivate the search functionality.

Locate questions in the treeview structure

We have added an askianalyse-inspired feature: having the possibility to Locate a question in the treeview by selecting it directly from the Dimensions panel (Rows, Columns or Edges) in which you are using it.

Screenshot of Askiavista 6.0.3.5's locate feature

This feature is particularly useful when trying to locate a specific variable in the survey structure when said questionnaire is very large.

Fixed an issue with Portfolios and Filters imported from Analyse

We fixed an issue that some of our users experienced when running a Portfolio with a Filter imported from Analyse, the filter would appear twice in the Filter select menu. The portfolio would target the second filter and wouldn’t show any data in the table. All fixed now!

Fixed issue with table style & chart type refresh

Finally, we fixed two issues that concerned rendering issues with table styles and charts when these were refreshed:

  1. Table style refresh issue: when you added a new Table style, askiavista would not take the new CSS into account; the user had to manually trigger the table style refresh by drag and dropping one or more variables in Dimensions.
  2. Chart type refresh issue: when the application rendered more than one chart on a given Table definition and the user modified the Chart type, only the first rendered chart would adopt the newly selected chart type.

That’s all for version 6.0.3.5! Next update is just around the corner!