diff --git a/README.md b/README.md index 1f6cf57..5ab5161 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,14 @@ # Graphical Illustration of Code Structure -In this project, we have implemented an information visualization application using D3.js. This application have two functions: 1. visualize the structure of html with tree structure, 2. show the function relationship of java with hierarchical edge bundling. This project can help the developers to visualize the structure of html and easily understand how the java program works. In addition, in java visualization, one can click the specific parts to learn more. In this way, the application can help the users to quickly understand the program. +*Code Structue Illustrator* is an information visualization application using D3.js. The main features of this web application are: +1. Visualize the structure of html with tree structure. +2. Show the function relationship of java with hierarchical edge bundling. +This project can help developers to visualize the structure of html and easily understand how the java program works. In addition, in java visualization, one can click the specific parts to learn more. In this way, the application can help the users to quickly understand the program. -The index.html is the welcome and introduction page. +```index.html``` is the welcome and introduction page. To use the whole system, please open the ```index.html```. -To use the whole system, please open the ```index.html```. - -```java.html``` and ```html.html``` are the subpage for parsing the java and html files. +```java.html``` and ```html.html``` are subpages for parsing the java and html files. @@ -15,4 +16,4 @@ Here is the demo link: https://wenhaosu.github.io/code-structure-illustrator/ -Please have a try! \ No newline at end of file +Welcome to a try!