Automated Class Diagrams

SmartDraw's Class Diagram data visualizer 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.

The class diagram visualizer will work with C#, C, Java, JavaScript, Ruby and Python.

Watch the video to see how you can use the Class Diagram visualizer.

Open the Class Diagram Visualizer

Click the + icon to switch the SmartPanel into the Insert Content view.

Once on the Insert Content view, select the Add Data Visualizer section and click on Class Diagram.

Launch the class diagram visualizer

Select Your Repository

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

For Github

Authenticate with Github

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

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".
Class diagram Github

For a Local Repository

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

Once you 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.

Class diagram
By continuing to use the website, you consent to the use of cookies.   Read More