{"id":16921001,"url":"https://github.com/crazylxr/3d-tag-cloud-for-react","last_synced_at":"2025-08-01T17:34:57.059Z","repository":{"id":35000957,"uuid":"167161206","full_name":"crazylxr/3d-tag-cloud-for-react","owner":"crazylxr","description":"基于 react 的 3d 标签云","archived":false,"fork":false,"pushed_at":"2022-12-09T11:21:56.000Z","size":951,"stargazers_count":25,"open_issues_count":22,"forks_count":23,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-28T11:41:39.468Z","etag":null,"topics":["3d","react","tag","tagcloud"],"latest_commit_sha":null,"homepage":"https://crazylxr.github.io/3d-tag-cloud-for-react/","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/crazylxr.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}},"created_at":"2019-01-23T10:05:59.000Z","updated_at":"2023-09-11T14:03:50.000Z","dependencies_parsed_at":"2023-01-15T11:47:43.514Z","dependency_job_id":null,"html_url":"https://github.com/crazylxr/3d-tag-cloud-for-react","commit_stats":null,"previous_names":["crazylxr/3dtagcloudforeact"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crazylxr%2F3d-tag-cloud-for-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crazylxr%2F3d-tag-cloud-for-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crazylxr%2F3d-tag-cloud-for-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crazylxr%2F3d-tag-cloud-for-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/crazylxr","download_url":"https://codeload.github.com/crazylxr/3d-tag-cloud-for-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244951154,"owners_count":20537328,"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","react","tag","tagcloud"],"created_at":"2024-10-13T19:50:20.463Z","updated_at":"2025-03-22T11:30:52.129Z","avatar_url":"https://github.com/crazylxr.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# 3DTagCloud\n\n![](https://img.shields.io/badge/npm-0.12-orange.svg) ![](https://img.shields.io/github/issues/crazylxr/3dtagcloudforeact.svg) ![](https://img.shields.io/github/forks/crazylxr/3dtagcloudforeact.svg) ![](https://img.shields.io/github/stars/crazylxr/3dtagcloudforeact.svg) ![](https://img.shields.io/github/license/crazylxr/3dtagcloudforeact.svg)\n\n基于 react 的 3d 标签云, [在线 demo](https://crazylxr.github.io/3d-tag-cloud-for-react/)\n\n## Installation\n\n```bash\nnpm install react3dtagcloud --save\n```\n\n## Usage\n\n```javascript\nimport React from 'react'\nimport TagCloud from 'react3dtagcloud'\n\nclass Demo extends React.Component {\n  render() {\n    const tagName = ['java', 'javscript', 'C', 'C++', '前端', 'React', 'Vue', 'redux', '写作', '程序员', '编程']\n\t  return (\n\t\t\u003cdiv style={{ width: '1000px', height: '1000px' }}\u003e\n\t\t  \u003cTagCloud tagName={tagName}\u003e\u003c/TagCloud\u003e\n\t\t\u003c/div\u003e\n\t  )\n   }\n}\n```\n\n## API\n对于标签云可以设置一些自定义属性，具体如下：\n\n| 属性 | 说明 | 类型 | 默认值\n| --- | --- | --- | -- |\n| tagName | 标签数组 | Array\u0026lt;string\u0026gt;| []\n| speed | 球体旋转速度 | number | 10\n| radius | 球的半径 | number | 200 |\n| url | 前缀url | string | ''\n\n## License\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrazylxr%2F3d-tag-cloud-for-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcrazylxr%2F3d-tag-cloud-for-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrazylxr%2F3d-tag-cloud-for-react/lists"}