Skip to main content
Sign in

Generate a Class Diagram from Data

  • Updated
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.
 

Class Diagram Data Visualizer

To get started, 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.

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

class-diagram-visualizer-options.png

 

 

Build a Class Diagram from GitHub

Click on GitHub in the Class Diagram Visualizer dialog to generate a class diagram from your GitHub account.

Authenticate with Github

Click Authenticate with Github and follow the prompts to login and allow SmartDraw to connect.

class-diagram-github-authenticate.png

 

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.

Next, check the classes you want to visualize.

Click import to generate your class diagram. Once complete, you can edit it like any other SmartDraw diagram.

Build a Class Diagram from a Local Repository

Click on Local File in the Class Diagram Visualizer dialog to generate a class diagram from your local code base.

Drag-and-drop your cs file or click Choose a File to open a file browser.

Click Show Classes to parse the code file for classes.

 

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

The generated class diagram will work like any other SmartDraw diagram. You can edit it as needed.

Hover over the blue icons to see the shape data associated with a function or class.