{"id":54056,"url":"https://github.com/visjs/awesome-visjs","name":"awesome-visjs","description":"🕶️ A curated list of resources around vis.js","projects_count":40,"last_synced_at":"2026-07-30T02:00:21.842Z","repository":{"id":56074469,"uuid":"196971630","full_name":"visjs/awesome-visjs","owner":"visjs","description":"🕶️ A curated list of resources around vis.js","archived":false,"fork":false,"pushed_at":"2024-08-17T10:02:21.000Z","size":411,"stargazers_count":165,"open_issues_count":5,"forks_count":18,"subscribers_count":8,"default_branch":"master","last_synced_at":"2026-07-11T02:03:14.214Z","etag":null,"topics":["awesome","awesome-list","hacktoberfest","vis","vis-js","vis-network","vis-timeline"],"latest_commit_sha":null,"homepage":"https://github.com/visjs/awesome-visjs/blob/master/README.md","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc-by-sa-4.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/visjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":".github/CODE-OF-CONDUCT.md","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},"funding":{"github":null,"patreon":null,"open_collective":"visjs","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2019-07-15T09:51:37.000Z","updated_at":"2026-05-22T19:55:38.000Z","dependencies_parsed_at":"2024-11-06T07:34:22.649Z","dependency_job_id":null,"html_url":"https://github.com/visjs/awesome-visjs","commit_stats":{"total_commits":26,"total_committers":8,"mean_commits":3.25,"dds":0.3076923076923077,"last_synced_commit":"51275b286687161915b631d94ecabe7ca5926034"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/visjs/awesome-visjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visjs%2Fawesome-visjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visjs%2Fawesome-visjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visjs%2Fawesome-visjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visjs%2Fawesome-visjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/visjs","download_url":"https://codeload.github.com/visjs/awesome-visjs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visjs%2Fawesome-visjs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36056276,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-07-20T02:08:10.276Z","status":"online","status_checked_at":"2026-07-30T02:00:05.956Z","response_time":106,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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"}},"created_at":"2024-01-16T09:56:04.898Z","updated_at":"2026-07-30T02:00:21.843Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Misc","Libraries","Resources","Showcases"],"sub_categories":["License","Alternatives","CDNs","Documentation \u0026 Help","vis.js based libraries","Blogposts \u0026 Tutorials","Misc","Network"],"readme":"# Awesome vis.js\n\u003e A curated list around vis.js\n\n**Feel free to add to the list!!**. If you think this is helpful **Please give a Star ★**.\n\n## Resources\n\n- https://www.visjs.org\n- [visjs@npm](https://www.npmjs.com/org/visjs)\n\n### CDNs\n\n- [vis.js via cdnjs](https://cdnjs.com/libraries/vis)\n- [vis.js via unpkg](https://unpkg.com/vis)\n\n### Documentation \u0026 Help\n\n- [vis-data documentation](https://visjs.github.io/vis-data/)\n- [StackOverflow - vis.js questions \u0026 answers](https://stackoverflow.com/questions/tagged/vis.js)\n\n## Libraries\n\n- [vis-network](https://github.com/visjs/vis-network) - Display dynamic, automatically organised, customizable network views.\n- [vis-timeline](https://github.com/visjs/vis-timeline) - Create a fully customizable, interactive timelines and 2d-graphs with items and ranges.\n- [vis-graph3d](https://github.com/visjs/vis-graph3d) - Create interactive, animated 3d graphs. Surfaces, lines, dots and block styling out of the box.\n- [vis-data](https://github.com/visjs/vis-data) - Manage unstructured data using DataSet. Add, update, and remove data, and listen for changes in the data.\n\n### vis.js based libraries\n\n#### Add-Ons\n- [timeline-arrows](https://github.com/javdome/timeline-arrows) - Class to easily draw lines to connect items in the vis Timeline module.     \n\n#### Vue\n- [vue-visjs](https://www.npmjs.com/package/vue-visjs) - Vue2 component that helps with Visjs interaction.\n- [vue-vis-network](https://github.com/r3code/vue-vis-network) - Integrate vis Network module to your Vue 2 application do draw network diagrams.\n- [vue2vis](https://www.npmjs.com/package/vue2vis) - Vue2 component that helps with Visjs interaction [Deprecated]\n\n#### React\n- [react-graph3d-vis](https://github.com/auquan/react-graph3d-vis) - A react component to create interactive 3d graphs.\n- [react-graph-vis](https://github.com/crubier/react-graph-vis) - A react component to render NETWORK graphs.\n\n#### AngularJS\n- [angular-visjs](https://github.com/visjs/angular-visjs) - AngularJS directive module for vis.js components.\n\n#### Angular\n- [timeline-dep-graph](https://github.com/SarAhmed/timeline-dep-graph) - Interavtive Angular-based library to visualize tasks’ hierarchies and dependencies.\n- [ngx-vis](https://github.com/visjs/ngx-vis) - An angular 5+ vis.js project.\n\n#### Misc\n- [vis.js Drupal integration](https://www.drupal.org/project/visjs)\n- [vaadin vis.js component](https://vaadin.com/directory/component/visjs-vaadin-component)\n- [CHAP Links](https://almende.github.io/chap-links-library/) - The vis.js predecessor library.\n- [bespoke-vis](https://www.npmjs.com/package/bespoke-vis) - Use visjs to include timelines in your bespoke.js presentation.\n- [visNetwork](https://github.com/datastorm-open/visNetwork) - R package, using vis.js library for network visualization\n- [neovis.js](https://github.com/neo4j-contrib/neovis.js) - Graph visualizations powered by vis.js with data from Neo4j.\n\n\n### Blogposts \u0026 Tutorials\n\n- [2018-08-19, vis.js Network Examples](https://www.thetaranights.com/visjs-network-examples/)\n- [2018-04-18, Graph Visualization With Neo4j Using Neovis.js](https://medium.com/neo4j/graph-visualization-with-neo4j-using-neovis-js-a2ecaaa7c379)\n- [2014-09-14, vis.js - based on JavaScript dynamic visualization library browser](https://www.programering.com/a/MTN2YDNwATI.html)\n- [2014-05-26, Creating Network Diagrams With vis.js](https://appendto.com/2017/05/creating-network-diagrams-vis-js/)\n\n### Misc\n\n- [@visjs twitter account](https://twitter.com/visjs) [Not updated anymore]\n\n### Alternatives\n\n#### Timeline\n\n- [Ruimdetijd/timeline](https://github.com/Ruimdetijd/timeline) - Slime timeline component\n- [KronoGraph](https://cambridge-intelligence.com/kronograph/features/) - Commercial tool by CambridgeIntelligence.\n\n#### Network\n\n- [sigmajs.org](http://sigmajs.org/)\n- [amcharts force-directed-network](https://www.amcharts.com/demos/force-directed-network/)\n- [js.cytoscape.org](http://js.cytoscape.org/)\n- [jsnetworkx.org](http://jsnetworkx.org/)\n\n## Showcases\n\n### Timeline\n\n- https://agyletime.com/\n\n### Network\n\n- [Plunker - vis.js HTML overlay demo](https://embed.plnkr.co/dznE73/)\n\n#### Star Citizen Route Planner\n\n![](./assets/star_citizen_route_planner.png)\nhttps://starcitizen.center/route-planner\n\nThis interactive route planner and map for the SciFi Universe StarCitize makes use of graph features such as physics enabled on links, manual persistent positions for the nodes (user can make custom layouts), and custom icons based on the logic.\n\n#### Mininet Editor\n\n![Mininet Editor - Canvas](./assets/mininet_editor.png)\nhttps://thomaash.github.io/me/\n\nSDN topology editor in your web browser with Mininet, image and addressing plan export.\n\n#### Skyebridge\n\n![](https://github.com/emsk/skyebridge/raw/master/diagram.png)\nhttps://github.com/emsk/skyebridge\n\nFlow diagram generator\n\n## Misc\n\n### Contributing\nSee the [Contribution Guide](CONTRIBUTING.md) for details on how to contribute.\n\n### Code of Conduct\nSee the [Code of Conduct](CODE-OF-CONDUCT.md) for details. Basically, it comes down to:\n\u003e In the interest of fostering an open and welcoming environment, we as\ncontributors and maintainers pledge to making participation in our project and\nour community a harassment-free experience for everyone, regardless of age, body\nsize, disability, ethnicity, gender identity and expression, level of experience,\nnationality, personal appearance, race, religion, or sexual identity and orientation.\n\n\n### License\n[![CC0](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-sa.svg)](https://creativecommons.org/licenses/by-sa/4.0/)\n\nThis work is licensed under a [Creative Commons Attribution-ShareAlike 4.0 International License](https://creativecommons.org/licenses/by-sa/4.0/).\nLicense holders are [all contributors](http://github.com/visjs/awesome-visjs/graphs/contributors).\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/visjs%2Fawesome-visjs/projects"}