Skip to content
This repository has been archived by the owner on May 22, 2023. It is now read-only.
/ mashup-demo Public archive

Another demo showing the interaction between TableEditorWidget and ChartWidget

License

Notifications You must be signed in to change notification settings

LaxarJS/mashup-demo

Repository files navigation

LaxarJS MashupDemo

The LaxarJS MashupDemo is a web application which combines two external libraries, a data grid editor (Handsontable) and a charting library (Angular-nvD3) by using the LaxarJS event bus. The MashupDemo is implemented using the LaxarJS web application framework.

The demo consists of a small set of LaxarJS widgets implemented in AngularJS.

Running the MashupDemo

To fetch the required tools and libraries, make sure that you have npm (comes with NodeJS) installed on your machine.

Use a shell to issue the following commands:

git clone --recursive https://github.com/LaxarJS/mashup-demo.git
cd mashup-demo
npm install
npm start

Afterwards, open the demo at http://localhost:8001/debug.html.

Next Steps

For an optimized version more suitable for production, stop the server (using Ctrl-C) and run:

npm run dist
npm start

Now you can browse the optimized demo at http://localhost:8001/index.html.

Instead of using npm start, you can use any web server on your machine by having it serve the mashup-demo directory.

Try modifying the widgets under includes/widgets/mashup-demo to get a feel for how a LaxarJS application works.

Read the tutorial to get further information about how this application was implemented.

About

Another demo showing the interaction between TableEditorWidget and ChartWidget

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages