CubeViz is utilizing the RDF DataCube vocabulary which is the state-of-the-art in representing statistical data in Resource Description Framework (RDF). This vocabulary is compatible with SDMX and increasingly being adopted. Based on the vocabulary and the encoded Data Cube, CubeViz is generating a faceted browsing widget that can be used to filter interactively observations to be visualized in charts. Based on the selected structure, CubeViz offer beneficiary chart types and options which can be selected by users.
This document tries to give an overview about CubeViz.js and some of its features.
To start developing just clone the repository and download all necessary dependencies.
After that start the Webpack server and open your browser at
Webpack will automaticly build a new bundle file if the source code will be changed. To build a production bundle of CubeViz.js just run
npm run build
and Webpack will build a bundle to the
If you just want to use CubeViz.js you could find further instructions on the demo page. To use the latest release version link to
dist/cubeviz.min.js in the master branch and respectively to develop branch if you want to use the current development version.
Different parts (if available) of a data cube could be selected to visualize a specific set of observation points in a cube. The user can select data sets, measures, attributes and dimension properties.
Appropriate Chart Visualization
After the user selected all necessary components CubeViz.js tries to suggest reasonable chart visualizations which will be ordered by relevance. The steps can be understood by looking into the log box.
- Chrome ✔
- Firefox ✔
- Safari ✔
- Opera ✔
- Internet Explorer
If data is imported through a SPARQL endpoint then of course all RDF formats of the store will be supported.
At the time CubeViz.js supports the following formats:
Internally, CubeViz.js handles all RDF related data as JSON-LD data.
For importing data through an file URL or SPARQL endpoint from another domain (which is usually the case) please keep in mind that CORS has to be activated on the respective server to allow the request.
Because of the Redux implementation CubeViz.js shows a new log statement every time the user or the application changes state. So the application behavior can be understood more easy. For further understanding of the chart selection process the UI Log Box shows helpful logs.