https://github.com/prg-titech/kanon
A live programming environment specialized for data structure programming.
https://github.com/prg-titech/kanon
data-structures javascript live object-graph programming-environment visualization
Last synced: 23 days ago
JSON representation
A live programming environment specialized for data structure programming.
- Host: GitHub
- URL: https://github.com/prg-titech/kanon
- Owner: prg-titech
- License: mit
- Created: 2016-11-09T11:10:35.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2025-01-25T03:33:03.000Z (3 months ago)
- Last Synced: 2025-04-09T16:09:15.754Z (23 days ago)
- Topics: data-structures, javascript, live, object-graph, programming-environment, visualization
- Language: JavaScript
- Homepage: https://prg-titech.github.io/Kanon/
- Size: 35.6 MB
- Stars: 68
- Watchers: 9
- Forks: 4
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Kanon
__Kanon__ is a live programming environment for data structures.
While you write JavaScript code in the editor on the left-hand side,
the data structures constructed during the execution of the code appears as a graph on the right-hand side.
## How to use
Kanon runs on your browser. Open the following page: [https://prg-titech.github.io/Kanon/](https://prg-titech.github.io/Kanon/).
## How to build
To build __Kanon__ in your local environment,
execute the following command.
```
git clone https://github.com/prg-titech/Kanon.git
```
This will copy the source code of Kanon.
After downloaded, go to the Kanon directory and execute the following command.
```
npm install
```
Then, execute a following command and open http://localhost:8000/ to view the application.
```
npm start
```
(You can change the port by using `npm start -- --port=8001`).
### Desptop Application
You can also use __Kanon__ by desktop application.
```
npm run-script app
```
## Samples
it is recommended that you try to use sample code that is in [samples](https://github.com/prg-titech/Kanon/tree/master/samples) directory if you have never used Kanon.
---
## Notes
__Kanon__ uses the following libraries.
- [vis.js](http://visjs.org) (https://github.com/almende/vis)
- [Ace](https://ace.c9.io) (https://github.com/ajaxorg/ace)
- [esprima](http://esprima.org) (https://github.com/jquery/esprima/tree/3.1.1)
[*]
- escodegen (https://github.com/estools/escodegen)
- [jQuery](https://jquery.com/) (https://github.com/jquery/jquery)
- [jQuery UI](https://jqueryui.com/) (https://github.com/jquery/jquery-ui)
## References
- Live Editor (https://github.com/Khan/live-editor)
## LICENSE
Kanon is distributed under the MIT License. See [LICENSE](https://github.com/prg-titech/Kanon/blob/master/LICENSE) for more information.
[*]: Our repository includes esprima.js in the externals directory, which is taken from https://unpkg.com/[email protected]/dist/esprima.js .