{"id":30303747,"url":"https://github.com/yworks/yfiles-angular-integration-basic","last_synced_at":"2026-03-15T09:32:52.058Z","repository":{"id":53141533,"uuid":"237192637","full_name":"yWorks/yfiles-angular-integration-basic","owner":"yWorks","description":"A basic sample app for the integration of yFiles for HTML with Angular","archived":false,"fork":false,"pushed_at":"2025-08-15T07:50:24.000Z","size":544,"stargazers_count":6,"open_issues_count":1,"forks_count":3,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-08-15T09:24:55.564Z","etag":null,"topics":["angular","angular-cli","diagramming","graph","typescript","yfiles"],"latest_commit_sha":null,"homepage":"https://yworks.com/yfileshtml","language":"TypeScript","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/yWorks.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-01-30T10:48:06.000Z","updated_at":"2025-08-15T07:50:27.000Z","dependencies_parsed_at":"2025-02-27T17:14:52.351Z","dependency_job_id":"fe9efbf4-5b20-43a4-b838-1ede00d267d5","html_url":"https://github.com/yWorks/yfiles-angular-integration-basic","commit_stats":null,"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"purl":"pkg:github/yWorks/yfiles-angular-integration-basic","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yWorks%2Fyfiles-angular-integration-basic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yWorks%2Fyfiles-angular-integration-basic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yWorks%2Fyfiles-angular-integration-basic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yWorks%2Fyfiles-angular-integration-basic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yWorks","download_url":"https://codeload.github.com/yWorks/yfiles-angular-integration-basic/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yWorks%2Fyfiles-angular-integration-basic/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270811911,"owners_count":24650075,"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-08-17T02:00:09.016Z","response_time":129,"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":["angular","angular-cli","diagramming","graph","typescript","yfiles"],"created_at":"2025-08-17T06:05:27.283Z","updated_at":"2026-03-15T09:32:47.005Z","avatar_url":"https://github.com/yWorks.png","language":"TypeScript","readme":"\u003cimg src=\"./src/assets/yfiles-logo.svg\" alt=\"yFiles logo\" height=\"100\"/\u003e\n\n# yFiles integration for Angular CLI\n\nThis sample application serves as a basic scaffold of how to integrate [yFiles for HTML](https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html) in an [Angular CLI](https://cli.angular.io/) application.\n\n**To run this project, a valid [yFiles for HTML](https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html) version is required. You can evaluate yFiles 60 days free of charge on [my.yworks.com](https://my.yworks.com/signup?product=YFILES_HTML_EVAL).**\n\n## Version Information\n\n- Angular CLI 19\n- yFiles for HTML 3.0\n\n## Getting Started\n\nJust clone this repository with\n\n```\ngit clone https://github.com/yWorks/yfiles-angular-integration-basic\n```\n\nThen, extract a yFiles Evaluation package besides it and run\n\n```\nnpm install\n```\n\nYou can serve the application on [http://localhost:4200/](http://localhost:4200/) with\n\n```\nnpm run start\n```\n\n## Under the Hood\n\nThis project is a default Angular CLI application, where yFiles was added as an additional dependency to integrate a basic graph component.\n\nA step-by-step description of how to integrate yFiles in an Angular application can be found [here](integration-howto.md).\n\n## What's next?\n\nThis basic yFiles integration can be used as a starting point to test the capabilities of yFiles or to implement your own use case. yFiles for HTML comes with a lot of [source-code demos](https://www.yfiles.com/demos) that show different aspects of the library.\n\nYou can browse through the demos and look for features that you find interesting for your use case and integrate it in this basic component to build a more sophisticated application.\n\nThe yFiles package also contains a more extensive [Angular CLI integration demo](https://www.yfiles.com/demos/toolkit/angular/) ([GitHub](https://github.com/yWorks/yfiles-for-html-demos/tree/master/demos/toolkit/angular)).\n\nFurthermore, there is an extensive [Developer's Guide](https://docs.yworks.com/yfileshtml/#/dguide/introduction#top) that covers anything from graph creation and styling to automatic layouts and advanced customizations.\n\n## Create a Diagram Application with Angular\n\nThe [App Generator](https://www.yworks.com/products/app-generator) is a tool that lets you interactively create a diagram\napplication prototype to visualize your data. Select features like editing, context menu, graph search, or printing\nand customize the interaction with the graph. Generate Angular code for your prototype and use it with a valid\n[yFiles for HTML](https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html) version.\n\n## Support\n\nIf you need help with your setup or a certain feature, don't hesitate to contact our support through\nthe [Customer Center](https://my.yworks.com/) or by email [yfileshtml@yworks.com](mailto:yfileshtml@yworks.com).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyworks%2Fyfiles-angular-integration-basic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyworks%2Fyfiles-angular-integration-basic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyworks%2Fyfiles-angular-integration-basic/lists"}