Data visualization

Standardized Design of Electronic Procedures

Home

First steps First steps

What is DINTEL?

Designers

Developers

Resources

Frequently Asked Questions

Foundations Foundations

Color

Typography

Box shadow

Spacing

Grid

Border

Border radius

Iconography

Illustrations

Animations

Accessibility

Design tokens

Writing guidelines

Data visualization

Interface elements Interface elements

Modules

Templates

Components

Updates

Contact

Foundations

Data visualization

At DINTEL we will use design guidelines to maintain a consistent style and format to ensure that data is presented in a clean, truthful and accurate manner.

Color palette

For data visualization in DINTEL, color palettes have been used to ensure good readability and harmony of the graphs presented. The decision making will be based on the type of data, the number of data and the meaning of the data.

Categorical colors

Selection of different colors that are used to distinguish unrelated data. The color palette is formed from different color series that should always follow the same order of use.

Semantic colors

It is used when you want to give a meaning to the color used, for example, graphics related to alerts or themes with specific colors such as political parties.

Sequential colors

When the variable assigned for coloring is numeric or has inherently ordered values, then it can be represented with a sequential palette. Typically, lower values are associated with lighter colors and higher values with darker colors.

Divergent colors

If our numeric variable has a significant central value, such as zero, then we can apply a diverging palette. A diverging palette is essentially a combination of two sequential palettes with a shared endpoint located at the central value.

Composition

The graphics are designed to work in different situations and are made up of a series of elements that can be played with according to the needs of the data.