Components

Graphs

We have a lot of graphing libraries in our codebase to render graphs. In an effort to improve maintainability, new graphs should use D3.js. If a new graph is fairly simple, consider implementing it in SVGs or HTML5 canvas.

We chose D3 as our library going forward because of the following features:

Tree shaking webpack capabilities.
Compatible with vue.js as well as vanilla JavaScript.

D3 is very popular across many projects outside of GitLab:

The New York Times
plot.ly
Droptask

Within GitLab, D3 has been used for the following notable features

Prometheus graphs
Contribution calendars

1 KiB Raw Blame History

Components

Graphs

1 KiB

Raw Blame History