{"id":13503544,"url":"https://github.com/visjs/vis-graph3d","last_synced_at":"2025-05-16T05:04:14.236Z","repository":{"id":37270779,"uuid":"197192526","full_name":"visjs/vis-graph3d","owner":"visjs","description":"📊 Create interactive, animated 3d graphs. Surfaces, lines, dots and block styling out of the box.","archived":false,"fork":false,"pushed_at":"2025-05-15T16:36:09.000Z","size":444054,"stargazers_count":332,"open_issues_count":17,"forks_count":45,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-05-16T05:04:05.704Z","etag":null,"topics":["3d","chart","hacktoberfest","vis"],"latest_commit_sha":null,"homepage":"https://visjs.github.io/vis-graph3d/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/visjs.png","metadata":{"files":{"readme":"README.md","changelog":"HISTORY.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE-APACHE-2.0","code_of_conduct":"CODE-OF-CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":".github/SUPPORT.md","governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":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-16T12:45:52.000Z","updated_at":"2025-05-10T16:45:38.000Z","dependencies_parsed_at":"2023-10-16T11:05:01.336Z","dependency_job_id":"6884bba2-454e-4dc1-8524-91d61cea0e64","html_url":"https://github.com/visjs/vis-graph3d","commit_stats":{"total_commits":2986,"total_committers":85,"mean_commits":"35.129411764705885","dds":0.6912257200267917,"last_synced_commit":"1bfb0fb8eaf10452b53954c06e9309ba64b79944"},"previous_names":[],"tags_count":43,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visjs%2Fvis-graph3d","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visjs%2Fvis-graph3d/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visjs%2Fvis-graph3d/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/visjs%2Fvis-graph3d/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/visjs","download_url":"https://codeload.github.com/visjs/vis-graph3d/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254471061,"owners_count":22076585,"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":["3d","chart","hacktoberfest","vis"],"created_at":"2024-07-31T23:00:39.324Z","updated_at":"2025-05-16T05:04:14.208Z","avatar_url":"https://github.com/visjs.png","language":"JavaScript","funding_links":["https://opencollective.com/visjs"],"categories":["Libraries"],"sub_categories":["Documentation \u0026 Help"],"readme":"# vis-graph3d\n\n![example chart](docs/img/graph3d.png)\n\nGraph3d is an interactive visualization chart to draw data in a three dimensional graph. You can freely move and zoom in the graph by dragging and scrolling in the window. Graph3d also supports animation of a graph.\n\nGraph3d uses HTML canvas to render graphs, and can render up to a few thousands of data points smoothly.\n\n## Badges\n\n[![GitHub contributors](https://img.shields.io/github/contributors/visjs/vis-graph3d.svg)](https://github.com/visjs/vis-graph3d/graphs/contributors)\n[![GitHub stars](https://img.shields.io/github/stars/visjs/vis-graph3d.svg)](https://github.com/almende/vis/stargazers)\n\n[![Backers on Open Collective](https://opencollective.com/visjs/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/visjs/sponsors/badge.svg)](#sponsors) [![Greenkeeper badge](https://badges.greenkeeper.io/visjs/vis-graph3d.svg)](https://greenkeeper.io/)\n\n## Install\n\nInstall via npm:\n\n    $ npm install vis-graph3d\n\n## Example\n\nA basic example on loading a Timeline is shown below. More examples can be\nfound in the [examples directory](https://github.com/visjs/vis-graph3d/tree/master/examples/graph3d)\nof the project.\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003ctitle\u003eGraph 3D demo\u003c/title\u003e\n    \u003cscript\n      type=\"text/javascript\"\n      src=\"https://unpkg.com/vis-graph3d@latest/dist/vis-graph3d.min.js\"\n    \u003e\u003c/script\u003e\n    \u003cscript type=\"text/javascript\"\u003e\n      var data = null;\n      var graph = null;\n\n      function custom(x, y) {\n        return Math.sin(x / 50) * Math.cos(y / 50) * 50 + 50;\n      }\n\n      // Called when the Visualization API is loaded.\n      function drawVisualization() {\n        // Create and populate a data table.\n        data = new vis.DataSet();\n        // create some nice looking data with sin/cos\n        var counter = 0;\n        var steps = 50; // number of datapoints will be steps*steps\n        var axisMax = 314;\n        var axisStep = axisMax / steps;\n        for (var x = 0; x \u003c axisMax; x += axisStep) {\n          for (var y = 0; y \u003c axisMax; y += axisStep) {\n            var value = custom(x, y);\n            data.add({ id: counter++, x: x, y: y, z: value, style: value });\n          }\n        }\n\n        // specify options\n        var options = {\n          width: \"600px\",\n          height: \"600px\",\n          style: \"surface\",\n          showPerspective: true,\n          showGrid: true,\n          showShadow: false,\n          keepAspectRatio: true,\n          verticalRatio: 0.5,\n        };\n\n        // Instantiate our graph object.\n        var container = document.getElementById(\"mygraph\");\n        graph = new vis.Graph3d(container, data, options);\n      }\n    \u003c/script\u003e\n  \u003c/head\u003e\n  \u003cbody onload=\"drawVisualization();\"\u003e\n    \u003cdiv id=\"mygraph\"\u003e\u003c/div\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n## Build\n\nTo build the library from source, clone the project from github\n\n    $ git clone git://github.com/visjs/vis-graph3d.git\n\nThe source code uses the module style of node (require and module.exports) to\norganize dependencies. To install all dependencies and build the library,\nrun `npm install` in the root of the project.\n\n    $ cd vis-graph3d\n    $ npm install\n\nThen, the project can be build running:\n\n    $ npm run build\n\n## Test\n\nTo test the library, install the project dependencies once:\n\n    $ npm install\n\nThen run the tests:\n\n    $ npm run test\n\n## Contribute\n\nContributions to the vis.js library are very welcome! We can't do this alone!\n\n### Backers\n\nThank you to all our backers! 🙏\n\n\u003ca href=\"https://opencollective.com/visjs#backers\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/visjs/backers.svg?width=890\"\u003e\u003c/a\u003e\n\n### Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website.\n\n\u003ca href=\"https://opencollective.com/visjs/sponsor/0/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/visjs/sponsor/0/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/visjs/sponsor/1/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/visjs/sponsor/1/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/visjs/sponsor/2/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/visjs/sponsor/2/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/visjs/sponsor/3/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/visjs/sponsor/3/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/visjs/sponsor/4/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/visjs/sponsor/4/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/visjs/sponsor/5/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/visjs/sponsor/5/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/visjs/sponsor/6/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/visjs/sponsor/6/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/visjs/sponsor/7/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/visjs/sponsor/7/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/visjs/sponsor/8/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/visjs/sponsor/8/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/visjs/sponsor/9/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/visjs/sponsor/9/avatar.svg\"\u003e\u003c/a\u003e\n\n## License\n\nCopyright (C) 2010-2018 Almende B.V. and Contributors\n\nVis.js is dual licensed under both\n\n- The Apache 2.0 License\n  http://www.apache.org/licenses/LICENSE-2.0\n\nand\n\n- The MIT License\n  http://opensource.org/licenses/MIT\n\nVis.js may be distributed under either license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvisjs%2Fvis-graph3d","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvisjs%2Fvis-graph3d","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvisjs%2Fvis-graph3d/lists"}