Skip to content
Gallery
JS Flowchart Pack
Share
Explore
JS Flowchart

icon picker
Abstraction Levels

The DrawFlowchart formula also allows you to demonstrate your code logic from different abstractions levels. Let's say you would like to omit some details, e.g. for a given module, you are interested only in what the module exports, or, what classes it contains. There is a list of defined levels you can do that with, you can include one or more of these abstraction levels in your formula as a list:
FUNCTION
FUNCTION_DEPENDENCIES
CLASS
IMPORT
EXPORT
Let's take an example of this module, we want to abstract it by EXPORT and IMPORT
import {format, trim} from 'formattier';
import {log} from 'logger';

const data = [];

export default print = (list) => {
list.forEach(i => {
console.log(i);
});
}

export const formatString = (str) => formatter(str);
export const MAX_STR_LENGTH = 15;

Before abstraction:

We have a flowchart with Functions, Imports and Exports

After abstraction:

We only have Imports and Exports

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.