Skip to content

Commit 5e9d285

Browse files
authored
Update README.md
1 parent a6b773b commit 5e9d285

File tree

1 file changed

+54
-5
lines changed

1 file changed

+54
-5
lines changed

README.md

Lines changed: 54 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,13 @@
22

33
[![dhtmlx.com](https://img.shields.io/badge/made%20by-DHTMLX-blue)](https://dhtmlx.com/)
44

5+
[How to start](#how-to-start) | [Key features](#key-features) | [License](#license) | [Useful links](#links) | [Other examples](#examples) | [Join our online community](#join)
6+
57
![DHTMLX Diagram with Angular Demo](https://raw.githubusercontent.com/DHTMLX/angular-diagram-demo/master/diagram.png)
68

9+
The DHTMLX [JavaScript Diagram library](https://dhtmlx.com/docs/products/dhtmlxDiagram/) allows developers to create interactive, customizable diagrams such as flowcharts, organizational charts, network diagrams, mind maps, etc. It simplifies complex data visualization by organizing it into a clear hierarchical structure using automatic layouts and live editors.
10+
11+
<a name="how-to-start"></a>
712
## How to start
813

914
Clone the repository or download files.
@@ -22,17 +27,61 @@ npm run start
2227

2328
You can also use [GitHub Codespaces](https://docs.github.com/en/codespaces/developing-in-a-codespace/creating-a-codespace-for-a-repository) to run online.
2429

30+
<a name="key-features"></a>
31+
## DHTMLX Diagram key features
32+
33+
- Live Diagram, Org chart, and Mindmap editors for a quick diagram arrangement
34+
- Orthogonal and Radial auto layout modes
35+
- Adding partner and assistant shapes
36+
- Searching and filtering
37+
38+
[![diagram-shape-searching](https://dhtmlx.com/blog/wp-content/uploads/2024/05/image8-1.gif)](https://snippet.dhtmlx.com/846cz71r?tag=diagram_editor&mode=wide)
39+
40+
- Creating swimlanes and groups
41+
- Expanding and collapsing branches
42+
- Creating custom shapes
43+
44+
[![diagram-custom-shapes](https://dhtmlx.com/blog/wp-content/uploads/2024/05/image12.jpg)](https://snippet.dhtmlx.com/plqsq611?tag=diagram_editor&mode=wide)
45+
46+
- Group work with multiple objects (select, copy, move, delete)
47+
- Intuitive drag-n-drop behavior
48+
- Snap lines
49+
- Configurable Toolbar, Shapebar, and Editbar elements
50+
51+
[![diagram-configurable toolbar](https://dhtmlx.com/blog/wp-content/uploads/2024/05/Toolbar-menu.gif)](https://snippet.dhtmlx.com/1qh2r0ub?tag=diagram_editor&mode=wide)
52+
53+
- Built-in themes
54+
- Inline editing
55+
- Touch support
56+
- Keyboard navigation
57+
- Cross-browser support
58+
- Export to PDF and PNG
59+
60+
<a name="license"></a>
61+
## License ##
62+
This demo is available under the Evaluation license. To use it in your projects, please choose a proper license on the DHTMLX website: [https://dhtmlx.com/docs/products/licenses.shtml](https://dhtmlx.com/docs/products/licenses.shtml)
63+
64+
<a name="links"></a>
2565
## Useful links
2666

27-
- **[Online demo](https://replit.com/@dhtmlx/dhtmlx-diagram-with-angular)**
2867
- [More demos about the DHTMLX Diagram functionality](https://snippet.dhtmlx.com/a9t2z2dt?tag=diagram&mode=wide)
2968
- [Technical support ](https://forum.dhtmlx.com/c/diagram)
3069
- [Online documentation](https://docs.dhtmlx.com/diagram/)
3170

32-
## Follow us
71+
<a name="examples"></a>
72+
## Other examples
73+
74+
Check out examples of using DHTMLX Diagram with other technologies:
75+
76+
| JavaScript | React | Vue |
77+
| ----- | ----- | ----- |
78+
| [![javascript](https://dhtmlx.com/images/common/technologies/js.svg)](https://dhtmlx.com/docs/products/dhtmlxDiagram/) | [![react](https://dhtmlx.com/images/common/technologies/react.svg)](https://github.com/DHTMLX/react-diagram-demo/) | [![vue](https://dhtmlx.com/images/common/technologies/vue.svg)](https://github.com/DHTMLX/vue-diagram-demo) |
79+
80+
<a name="join"></a>
81+
## Join our online community
3382

3483
- Star our GitHub repo :star:
35-
- Watch our tutorials on [YouTube](https://www.youtube.com/user/dhtmlx/videos) :eyes:
84+
- Watch our tutorials on [YouTube](https://www.youtube.com/user/dhtmlx/videos) :tv:
3685
- Read us on [Medium](https://dhtmlx.medium.com) :newspaper:
37-
- Follow us on [Twitter](https://twitter.com/dhtmlx) :feet:
38-
- Like our page on [Facebook](https://www.facebook.com/dhtmlx/) :thumbsup:
86+
- Follow us on [X](https://x.com/dhtmlx) :bird:
87+
- Check our news and updates on [Facebook](https://www.facebook.com/dhtmlx/) :feet:

0 commit comments

Comments
 (0)