{"id":13445729,"url":"https://github.com/awslabs/diagram-maker","last_synced_at":"2025-03-21T05:31:06.689Z","repository":{"id":38026292,"uuid":"291806291","full_name":"awslabs/diagram-maker","owner":"awslabs","description":"A library to display an interactive editor for any graph-like data.","archived":true,"fork":false,"pushed_at":"2023-04-26T19:24:44.000Z","size":8617,"stargazers_count":2408,"open_issues_count":2,"forks_count":136,"subscribers_count":50,"default_branch":"master","last_synced_at":"2025-03-13T02:37:50.254Z","etag":null,"topics":["aws","canvas","cloud","diagram","diagram-editor","diagram-maker","diagrams","drag","drop","editor","flowchart","graph","interactive","interactive-demos","state-machine","visualization","workflow"],"latest_commit_sha":null,"homepage":"https://awslabs.github.io/diagram-maker","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/awslabs.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-08-31T19:30:19.000Z","updated_at":"2025-03-05T13:48:40.000Z","dependencies_parsed_at":"2024-01-07T21:16:25.093Z","dependency_job_id":null,"html_url":"https://github.com/awslabs/diagram-maker","commit_stats":{"total_commits":82,"total_committers":12,"mean_commits":6.833333333333333,"dds":0.5365853658536586,"last_synced_commit":"b0971917b36000f9a38cac3e782d50263d48c1fd"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awslabs%2Fdiagram-maker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awslabs%2Fdiagram-maker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awslabs%2Fdiagram-maker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awslabs%2Fdiagram-maker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/awslabs","download_url":"https://codeload.github.com/awslabs/diagram-maker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244745692,"owners_count":20503044,"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":["aws","canvas","cloud","diagram","diagram-editor","diagram-maker","diagrams","drag","drop","editor","flowchart","graph","interactive","interactive-demos","state-machine","visualization","workflow"],"created_at":"2024-07-31T05:00:38.457Z","updated_at":"2025-03-21T05:31:06.250Z","avatar_url":"https://github.com/awslabs.png","language":"TypeScript","funding_links":[],"categories":["Libraries","TypeScript","HarmonyOS","cloud","📦 Legacy \u0026 Inactive Projects"],"sub_categories":["Graph Editing","Windows Manager"],"readme":"# Diagram Maker\n[![Build Status](https://travis-ci.com/awslabs/diagram-maker.svg?branch=master)](https://travis-ci.com/awslabs/diagram-maker)\n[![NPM Version](https://img.shields.io/npm/v/diagram-maker)](https://npmjs.org/package/diagram-maker)\n[![License](https://img.shields.io/npm/l/diagram-maker)](https://github.com/awslabs/diagram-maker/blob/master/LICENSE)\n[![Bundle Size](https://img.shields.io/bundlephobia/minzip/diagram-maker)](https://bundlephobia.com/result?p=diagram-maker)\n[![Downloads](https://img.shields.io/npm/dw/diagram-maker)](https://npmjs.org/package/diagram-maker)\n[![Github Stars](https://img.shields.io/github/stars/awslabs/diagram-maker?style=social)](https://github.com/awslabs/diagram-maker)\n\n[Diagram Maker](https://awslabs.github.io/diagram-maker) is a library to display an interactive editor for any graph-like data.\n\nFollowing is a screenshot from one of the consumers of this library, [AWS IoT Events Console](https://console.aws.amazon.com/iotevents/home?region=us-east-1#/create/detectormodel) with Diagram Maker in action.\n![IoT Events Screenshot](storybook/assets/IoTEventsScreenshot.png)\n\nFollowing is a screenshot from another one of the consumers of this library, [AWS IoT Things Graph Console](https://console.aws.amazon.com/thingsgraph/home?region=us-east-1#/flows/create) with Diagram Maker in action.\n![IoT Things Graph Screenshot](storybook/assets/IoTThingsGraphScreenshot.png)\n\n## Why Diagram Maker?\nDiagram Maker is a framework \u0026 data format agnostic library that is fully customizable in terms of look \u0026 feel as well as behavior. It also exposes a declarative interface to reduce the code required to integrate the library in any application and comes with many interactive features built in. Read more about the features of the library [here](https://awslabs.github.io/diagram-maker/?path=/story/docs-features--page).\n\n## Explore\n\n### Interactive Demo\nCheck out one of our interactive demos [here](https://awslabs.github.io/diagram-maker/?path=/story/demos-diagram-maker--left-right-rectangular) or see the full list of interactive demos [here](https://awslabs.github.io/diagram-maker/?path=/story/docs-explore-demos--page). The code for these demos can be found [here](https://github.com/awslabs/diagram-maker/tree/master/integ/demos.stories.ts).\n\n### Plugins\nCheck out the plugins that can be used alongside the library for additional functionality [here](https://awslabs.github.io/diagram-maker/?path=/story/docs-explore-plugins--page).\n\n### Showcase\nCheck out some of the consumers of this library [here](https://awslabs.github.io/diagram-maker/?path=/story/docs-explore-showcase--page).\n\n## How do I use it?\n\n### Installation\nCheck out our installation guide [here](https://awslabs.github.io/diagram-maker/?path=/story/docs-getting-started-installation--page).\n\n### Usage\nCheck out our usage guide [here](https://awslabs.github.io/diagram-maker/?path=/story/docs-usage-initialization--page).\n\n### Architecture\nRead more about the architecture of diagram maker [here](https://awslabs.github.io/diagram-maker/?path=/story/docs-usage-architecture--page).\n\n## Docs\nCheck out our full documentation [here](https://awslabs.github.io/diagram-maker).\n\n## Typedoc generated documentation\nCheck out the [typedoc](http://typedoc.org/) generated documentation [here](https://awslabs.github.io/diagram-maker/typedoc/modules.html) to find out more information about any of our exported symbols.\n\n## Security\n\nSee [CONTRIBUTING](CONTRIBUTING.md#security-issue-notifications) for more information.\n\n## License\n\nThis project is licensed under the Apache-2.0 License.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawslabs%2Fdiagram-maker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fawslabs%2Fdiagram-maker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawslabs%2Fdiagram-maker/lists"}