Abstraction Levels
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.

Abstraction LevelsAbstraction Levels

Before abstraction:

After abstraction:

Abstraction Levels
Abstraction Levels