TableCanoniser is an interactive visualization system designed to help transform messy data (non-aligned tables) into canonical/tidy tables (axis-aligned tables).
It is implemented using Vue.js 3.0 as the frontend framework, with Handsontable for table rendering, Monaco Editor for code display, and D3.js for visualization. This system is entirely frontend-based, eliminating the need for user-side deployment. It can be accessed directly through a web browser (TableCanoniser URL). We expect that the ease of access and the rich visualization and interaction features of TableCanoniser can significantly enhance the efficiency of table transformation for users, while also fostering greater trust in the results.
Our declarative grammar, table-canoniser (which has been built and published as an open-source NPM package), is defined in src/table-canoniser/
npm install
- use
node --versionto check current node version, we expect it to be 19.5.0. To install multiple version of node, we recommend using nvm.
npm run serve
Now the project is running on http://localhost:8080/TableCanoniser/.
npm run build