{"id":25170117,"url":"https://github.com/codaxy/cx-diagrams","last_synced_at":"2025-10-26T21:32:50.036Z","repository":{"id":66962898,"uuid":"461845356","full_name":"codaxy/cx-diagrams","owner":"codaxy","description":"A library for creating diagrams within CxJS applications","archived":false,"fork":false,"pushed_at":"2024-02-12T12:57:44.000Z","size":564,"stargazers_count":9,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-10-16T11:31:22.201Z","etag":null,"topics":["cxjs","diagram","svg"],"latest_commit_sha":null,"homepage":"https://diagrams.cxjs.io","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/codaxy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2022-02-21T12:10:52.000Z","updated_at":"2024-05-02T13:18:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"0ffb0b7f-0eba-4f48-9dfc-7721648241f3","html_url":"https://github.com/codaxy/cx-diagrams","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codaxy/cx-diagrams","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaxy%2Fcx-diagrams","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaxy%2Fcx-diagrams/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaxy%2Fcx-diagrams/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaxy%2Fcx-diagrams/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codaxy","download_url":"https://codeload.github.com/codaxy/cx-diagrams/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaxy%2Fcx-diagrams/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281178955,"owners_count":26456678,"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","status":"online","status_checked_at":"2025-10-26T02:00:06.575Z","response_time":61,"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"}},"keywords":["cxjs","diagram","svg"],"created_at":"2025-02-09T08:38:34.197Z","updated_at":"2025-10-26T21:32:50.007Z","avatar_url":"https://github.com/codaxy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cbr /\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://diagrams.cxjs.io\"\u003e\n    \u003cimg src=\"./docs/assets/img/logo.svg\" height=\"142\" alt=\"logo\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\" style=\"font-weight: bold; font-size: 24px\"\u003e\nCxJS Diagrams\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/cx-diagrams\" alt=\"version\" /\u003e \n\u003c/p\u003e\n\n\u003cbr /\u003e\n\nThis is a simple library that allows you to create diagrams within CxJS applications.\n\n```js\nimport { Diagram, Flow, Cell, Shape } from \"cx-diagrams\";\n\n\u003cSvg class=\"w-auto h-full bg-white\"\u003e\n  \u003cDiagram unitSize={32} showGrid center\u003e\n    \u003cFlow gap={1}\u003e\n      \u003cCell width={2}\u003e\n        \u003cShape stroke=\"red\" fill=\"white\" text=\"Red\" /\u003e\n      \u003c/Cell\u003e\n      \u003cCell width={2}\u003e\n        \u003cShape stroke=\"blue\" fill=\"white\" text=\"Blue\" /\u003e\n      \u003c/Cell\u003e\n    \u003c/Flow\u003e\n  \u003c/Diagram\u003e\n\u003c/Svg\u003e;\n```\n\n## Links\n\n- [Documentation](https://diagrams.cxjs.io)\n- [NPM](https://www.npmjs.com/package/cx-diagrams)\n\n## Repository\n\nThis is a mono repo containing the source code for the package and the documentation. Please use the `yarn` package manager as this repo uses its workspace features.\n\nTo start the documentation locally.\n\n```\ncd docs\nyarn start\n```\n\n## License\n\nThis project is available under the terms of [the MIT license](LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodaxy%2Fcx-diagrams","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodaxy%2Fcx-diagrams","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodaxy%2Fcx-diagrams/lists"}