{"id":20399969,"url":"https://github.com/kitware/react-vtk-js","last_synced_at":"2025-04-04T19:14:36.035Z","repository":{"id":37864860,"uuid":"329132963","full_name":"Kitware/react-vtk-js","owner":"Kitware","description":"Declarative library exposing vtk.js visualization pipeline as React components","archived":false,"fork":false,"pushed_at":"2024-11-21T02:15:30.000Z","size":5260,"stargazers_count":77,"open_issues_count":16,"forks_count":24,"subscribers_count":9,"default_branch":"beta","last_synced_at":"2024-12-30T11:44:10.589Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://kitware.github.io/react-vtk-js/","language":"TypeScript","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":"CONTRIBUTING.md","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-01-12T22:51:08.000Z","updated_at":"2024-11-21T02:15:34.000Z","dependencies_parsed_at":"2025-01-09T20:23:57.282Z","dependency_job_id":"2b475d8f-10f4-4724-bd29-7b550e43faee","html_url":"https://github.com/Kitware/react-vtk-js","commit_stats":{"total_commits":260,"total_committers":16,"mean_commits":16.25,"dds":0.5423076923076924,"last_synced_commit":"02c9c68c86dd13f16725183ae119ccadc09e38bc"},"previous_names":[],"tags_count":89,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kitware%2Freact-vtk-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kitware%2Freact-vtk-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kitware%2Freact-vtk-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kitware%2Freact-vtk-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Kitware","download_url":"https://codeload.github.com/Kitware/react-vtk-js/tar.gz/refs/heads/beta","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247234923,"owners_count":20905854,"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:35:36.167Z","updated_at":"2025-04-04T19:14:36.019Z","avatar_url":"https://github.com/Kitware.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-vtk-js\n\nReact based declarative vtk.js visualization pipeline.\nIn other words this project allow you to leverage vtk.js using React/XML syntax to describe your 3D scene. Kind of like X3dom with the X3D format except that here we leverage React components that could be extended to build your own tools.\n\n## Usage\n\nSimple example of a geometric dataset render into a view.\n\n```\n\u003cView\u003e\n  \u003cGeometryRepresentation\u003e\n    \u003cPolyData\n      points={[0,0,0,0,1,0,1,0,0]}\n      polys={[3,0,1,2]}\n    \u003e\n      \u003cPointData\u003e\n        \u003cDataArray\n          registration=\"setScalars\"\n          name=\"temperature\"\n          values={[0, 0.5, 1]}\n        /\u003e\n      \u003c/PointData\u003e\n    \u003c/PolyData\u003e\n  \u003c/GeometryRepresentation\u003e\n\u003c/View\u003e\n```\n\n## Building library\n\n`npm run build:debug` for development package or `npm run build` for optimized bundle.\n\n## Using library inside your React application\n\n```\nimport { View, GeometryRepresentation, Reader } from 'react-vtk-js';\n\nfunction ObjViewer(props) {\n  return (\n    \u003cView\u003e\n      \u003cGeometryRepresentation\u003e\n        \u003cReader vtkClass=\"vtkOBJReader\" url={props.url} /\u003e\n      \u003c/GeometryRepresentation\u003e\n    \u003c/View\u003e\n  );\n}\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkitware%2Freact-vtk-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkitware%2Freact-vtk-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkitware%2Freact-vtk-js/lists"}