Graphics display capabilities in web browsers


The article discusses the issue of displaying graphics in web browsers. A couple of methods related to its display can be distinguished. The methods discussed are: SVG, HTML5 Canvas and the WebGl graphics engine. The research was done using a dedicated web application written in Angular and TypeScript language along with the help of Two.js library for displaying 2D graphics. After analyzing all the results it concluded that, guided by the rendering time of the elements, HTML5 Canvas turned out to be the best method. On the other hand, the best method which achieves the highest number of FPS for animation is WebGl.


graphics; web browser; graphics engine; comparison

Statystyki użycia różnych formatów zdjęć na stronach internetowych,, [25.03.2021].

Statystyki użycia SVG na stronach internetowych,, [25.03.2021].

D.E. Kee, L. Salowitz, R. Chang, Comparing Interactive Web-Based Visualization Rendering Techniques, VisWeek 2012 Poster Program, Washington, 2012.

T. Horak, U. Kister, R. Dachselt, Comparing Rendering Performance of Common Web Technologies for Large Graphs, Poster Program of the 2018 IEEE VIS Conference, Berlin, 2018.

A. Lindberg, Performance Evaluation of JavaScript Rendering Frameworks, Master thesis, Linköping University, Linköping, 2020,, [25.03.2021].

K. Andrews, B. Wright, FluidDiagrams: Web-Based Information Visualisation using JavaScript and WebGl, Eurographics Conference on Visualization EuroVis (2014) 43-47.

D.W. Johnson, T.J. Jankun-Kelly, A Scalability Study of Web-Native Information Visualization, Proceedings of the Graphics Interface 2008 Conference (2008) 163–168.


Published : 2021-09-30

Sołtysiuk, D., & Skublewska-Paszkowska, M. (2021). Graphics display capabilities in web browsers. Journal of Computer Sciences Institute, 20, 237-242.

Damian Sołtysiuk
Maria Skublewska-Paszkowska 
Politechnika Lubelska  Poland