Visuall is a library or template to jump start software developers in building a visual web based component for analysis of relational information represented as a graph.
The library assumes a certain graphical user interface with utmost flexibility for customization. Hence, all components of the GUI from menus to toolbar to panels as well as the canvas are customizable. Most customization can be done via a model description file.
Visuall is open source but not free software. Please contact i-Vis Research Lab for terms of use of this software.
npm install
for loading dependencies
node style-generator.js {application description filename}
to generate customized application, this changes styles.css and index.html. Notice that the application description file is inside the assets
folder.
npm run ng serve
for development and debugging
npm run serve-public
for making development server accesible on network
npm run ng test
for unit tests
npm run ng build
to generate a production build, npm run build-prod
to generate a minified, uglified production build
npm run ng build
and npm run build-prod
commands generate files inside dist\ng-visuall folder. An HTTP server should serve these files. You should use server.js file to run a server with command node server.js
.
A User Guide for the sample application of Visuall can be found here. An application based on Visuall could naturally base their User Guide on this guide.
A Developer Guide that details how a custom application can be built using Visuall can be found here.
Icons made by Freepik, Daniel Bruce, TutsPlus, Robin Kylander, Catalin Fertu, Yannick, Icon Works, Flaticon and licensed with Creative Commons BY 3.0
Third-party libraries: Cytoscape.js and many of its extensions, Angular, Google Charts and npm dependecies inside package.json file.
For database it uses free and openly available Neo4j movie database. It can be installed using :play movies
on Neo4j Browser
Visuall is being developed by i-Vis Research Lab at Bilkent University.