Skip to main content
Sign in

Generate a Class Diagram from Data

  • Updated
SmartDraw's Class Diagram Extension allows you to create a visual of your classes and their properties automatically by pointing it at a code repository.
You can create a diagram using any local code file or a remote repository on Github.

Launch the Class Diagram Extension

To get started, select Automatic Class Diagram in the Extensions category.

mceclip0.png

You'll be asked to choose whether you want to create a class diagram using a local repository or Github. 

mceclip1.png

If you selected Github, you'll be asked to sign in.

 

Selecting Your Repository

For Github

  1. Authenticate with Github
    1. Choose Github radio button.
    2. Click Authenticate with Github.
    3. Follow Github prompts to log-in and allow SmartDraw to connect.

mceclip2.png

  1. Select a repository
    1. In the User Name field, enter the user name of the repository owner. (e.g. facebook)
    2. In the Repository Name field, enter the repository name. (e.g. react)
    3. Click Load Source.

mceclip3.png

For Local Repository

  1. Select a local repository
    1. Click Browse to open a file browser.
    2. Locate the local repository you want to visualize, select a code file, and click Open.
    3. Click Show Classes to parse code file for classes.

Build a Class Diagram

Once you've connected SmartDraw to your repository, you're ready to choose the classes you want to visualize.

When you're ready, click Build Diagram to draw your class diagram automatically.

mceclip4.png