The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.
Consequently, we have decided to not include support for IE in the Design Library website.
Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.
A graph is a visualization of different types of data, such as showing the increase of a certain share for the last month. Graphs should be used to make data more digestive and easier to understand.
Data is typically represented in plain numbers or a table with an option to visualize it in a graph. To cater for different needs, it can be useful to allow users to select the type of diagram that suits them and have the option to switch between diagrams and table.
Using graphs is a good exemple of how we as a bank can present insights to our users, rather than just numbers. The idea is that the user feels like they have learnt something after having spent time in our applications.
We use basic geometric shapes as the foundation of our graphs and charts. When possible, choose to use mainly line diagrams or bar charts, instead of circle charts - as our brand concept is based on a square. The shapes are without visual effect. Outlines and graphs should be flat and not in 3D.
The preferred library for implementing interactive grahps is High charts. We are working simplifying the use of charts and graphs into your build, but for now you can ask firstname.lastname@example.org if you have any questions.
When there is a need for multiple colours in charts and graphs, use percentages of SEB's primary colours and tints. They can be used freely but make sure that the contrast between the colour tints chosen are sufficient. It is common to use blue to show positive result, and red to show negative result.