{"id":20399859,"url":"https://github.com/kitware/vue-vtk-js","last_synced_at":"2026-05-23T01:05:00.313Z","repository":{"id":38213707,"uuid":"346168175","full_name":"Kitware/vue-vtk-js","owner":"Kitware","description":"Vue.js based components for vtk.js","archived":false,"fork":false,"pushed_at":"2025-02-20T16:16:45.000Z","size":2634,"stargazers_count":37,"open_issues_count":1,"forks_count":12,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-06-17T19:04:04.734Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Kitware.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2021-03-09T23:03:07.000Z","updated_at":"2025-06-16T06:17:39.000Z","dependencies_parsed_at":"2023-11-07T17:39:10.665Z","dependency_job_id":"f4aa58ee-a303-4d48-86d8-030d7e8e8262","html_url":"https://github.com/Kitware/vue-vtk-js","commit_stats":{"total_commits":76,"total_committers":3,"mean_commits":"25.333333333333332","dds":0.03947368421052633,"last_synced_commit":"fd2a7cc96cd374f91a14e1f13e6829723d6c879d"},"previous_names":[],"tags_count":57,"template":false,"template_full_name":null,"purl":"pkg:github/Kitware/vue-vtk-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kitware%2Fvue-vtk-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kitware%2Fvue-vtk-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kitware%2Fvue-vtk-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kitware%2Fvue-vtk-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Kitware","download_url":"https://codeload.github.com/Kitware/vue-vtk-js/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kitware%2Fvue-vtk-js/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260424782,"owners_count":23007044,"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":[],"created_at":"2024-11-15T04:34:40.043Z","updated_at":"2026-05-23T01:05:00.261Z","avatar_url":"https://github.com/Kitware.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-vtk-js\n\nVue.js based declarative vtk.js visualization pipeline.\nIn other words this project allow you to leverage vtk.js using Vue component syntax to describe your 3D scene. Kind of like X3dom with the X3D format except that here we leverage Vue components that could be extended to build your own tools.\n\n## Usage\n\n```js\nimport Vue from 'vue';\nimport App from './App.vue';\nimport VTK from 'vue-vtk-js';\n\n// Add vue-vtk-js components to Vue\nVue.use(VTK);\n\nnew Vue({\n  render: (h) =\u003e h(App),\n}).$mount('#app');\n```\n\nSimple example of a geometric dataset render into a view.\n\n```\n\u003cvtk-view\u003e\n  \u003cvtk-geometry-representation\u003e\n    \u003cvtk-polydata\n      :points=\"[0,0,0,0,1,0,1,0,0]\"\n      :polys=\"[3,0,1,2]\"\n    \u003e\n      \u003cvtk-point-data\u003e\n        \u003cvtk-data-array\n          registration=\"setScalars\"\n          name=\"temperature\"\n          :values=\"[0, 0.5, 1]\"\n        /\u003e\n      \u003c/vtk-point-data\u003e\n    \u003c/vtk-polydata\u003e\n  \u003c/vtk-geometry-representation\u003e\n\u003c/vtk-view\u003e\n```\n\nor something like\n\n```\n\u003cvtk-view\u003e\n  \u003cvtk-geometry-representation\u003e\n    \u003cvtk-reader vtkClass=\"vtkOBJReader\" :url=\"url\" /\u003e\n  \u003c/vtk-geometry-representation\u003e\n\u003c/vtk-view\u003e\n```\n\n## Building library\n\n`npm run build:debug` for development package or `npm run build` for optimized bundle.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkitware%2Fvue-vtk-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkitware%2Fvue-vtk-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkitware%2Fvue-vtk-js/lists"}