{"id":20874074,"url":"https://github.com/prg-titech/kanon","last_synced_at":"2025-04-09T16:09:23.426Z","repository":{"id":43764856,"uuid":"73276943","full_name":"prg-titech/Kanon","owner":"prg-titech","description":"A live programming environment specialized for data structure programming.","archived":false,"fork":false,"pushed_at":"2025-01-25T03:33:03.000Z","size":37303,"stargazers_count":68,"open_issues_count":19,"forks_count":4,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-04-09T16:09:15.754Z","etag":null,"topics":["data-structures","javascript","live","object-graph","programming-environment","visualization"],"latest_commit_sha":null,"homepage":"https://prg-titech.github.io/Kanon/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/prg-titech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-11-09T11:10:35.000Z","updated_at":"2024-12-08T05:29:24.000Z","dependencies_parsed_at":"2024-12-22T07:26:49.230Z","dependency_job_id":"a2a287a5-fc1c-4f0b-b831-ab0287ca4a0f","html_url":"https://github.com/prg-titech/Kanon","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prg-titech%2FKanon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prg-titech%2FKanon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prg-titech%2FKanon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prg-titech%2FKanon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/prg-titech","download_url":"https://codeload.github.com/prg-titech/Kanon/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248065283,"owners_count":21041871,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["data-structures","javascript","live","object-graph","programming-environment","visualization"],"created_at":"2024-11-18T06:29:09.614Z","updated_at":"2025-04-09T16:09:23.403Z","avatar_url":"https://github.com/prg-titech.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Kanon\n\n__Kanon__ is a live programming environment for data structures.\nWhile you write JavaScript code in the editor on the left-hand side,\nthe data structures constructed during the execution of the code appears as a graph on the right-hand side.\n\n![](./example.gif)\n\n## How to use\n\nKanon runs on your browser.  Open the following page: [https://prg-titech.github.io/Kanon/](https://prg-titech.github.io/Kanon/).\n\n## How to build\n\nTo build __Kanon__ in your local environment,\nexecute the following command.\n```\ngit clone https://github.com/prg-titech/Kanon.git\n```\nThis will copy the source code of Kanon.\nAfter downloaded, go to the Kanon directory and execute the following command.\n\n```\nnpm install\n```\n\nThen, execute a following command and open http://localhost:8000/ to view the application.\n\n```\nnpm start\n```\n\n(You can change the port by using `npm start -- --port=8001`).\n\n### Desptop Application\n\nYou can also use __Kanon__ by desktop application.\n\n```\nnpm run-script app\n```\n\n## Samples\n\nit 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.\n\n---\n\n## Notes\n\n__Kanon__ uses the following libraries.\n\n- [vis.js](http://visjs.org) (https://github.com/almende/vis)\n\n- [Ace](https://ace.c9.io) (https://github.com/ajaxorg/ace)\n\n- [esprima](http://esprima.org) (https://github.com/jquery/esprima/tree/3.1.1)\n  [*]\n\n- escodegen (https://github.com/estools/escodegen)\n\n- [jQuery](https://jquery.com/) (https://github.com/jquery/jquery)\n\n- [jQuery UI](https://jqueryui.com/) (https://github.com/jquery/jquery-ui) \n\n\n## References\n\n- Live Editor (https://github.com/Khan/live-editor)\n\n## LICENSE\n\nKanon is distributed under the MIT License. See [LICENSE](https://github.com/prg-titech/Kanon/blob/master/LICENSE) for more information.\n\n[*]: Our repository includes esprima.js in the externals directory, which is taken from https://unpkg.com/esprima@3.1.1/dist/esprima.js .\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprg-titech%2Fkanon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprg-titech%2Fkanon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprg-titech%2Fkanon/lists"}