Skip to content

Commit 8152da2

Browse files
author
Anto Gibson
authored
Update README.md
1 parent 3b055a4 commit 8152da2

File tree

1 file changed

+15
-2
lines changed

1 file changed

+15
-2
lines changed

README.md

+15-2
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,15 @@
1-
# how-to-create-and-position-an-organization-chart-using-react-diagram
2-
A simple React Application on how to make use of the Data manager interface and import data into the Syncfusion Diagram Component and automatically arrange the nodes using the organizational layout.
1+
# How to create and position an Organization chart using React Diagram
2+
A simple React Application on how to use the Data Manager interface and import data into the Syncfusion Diagram Component and automatically arrange the nodes using the organizational layout.
3+
4+
Refer to the following documentation to learn about the React Diagram Component:
5+
[https://ej2.syncfusion.com/react/documentation/diagram/getting-started#dependencies](https://ej2.syncfusion.com/react/documentation/diagram/automatic-layout)
6+
7+
Check out this online example of the React Diagram Component:
8+
[https://ej2.syncfusion.com/react/demos/#/material3/diagram/default-functionality](https://ej2.syncfusion.com/react/demos/#/material3/diagram/organization-model)
9+
10+
## Project prerequisites
11+
Make sure that you have the compatible versions of [Visual Studio Code](https://code.visualstudio.com/download ) and [NodeJS](https://nodejs.org/en/download) or later version in your machine before starting to work on this project.
12+
13+
## How to run this application
14+
To run this application, you need to first clone the
15+
`how-to-create-and-position-an-organization-chart-using-react-diagram` repository and then open it in Visual Studio Code. Now, simply build and run your project using `npm run` command to view the output.

0 commit comments

Comments
 (0)