Graphics display capabilities in web browsers

Damian Sołtysiuk

damian.soltysiuk@pollub.edu.pl
Politechnika Lubelska (Poland)

Maria Skublewska-Paszkowska


Politechnika Lubelska (Poland)

Abstract

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.


Keywords:

graphics, web browser, graphics engine, comparison

Statystyki użycia różnych formatów zdjęć na stronach internetowych, https://w3techs.com/technologies/overview/image_format, [25.03.2021].
  Google Scholar

Statystyki użycia SVG na stronach internetowych, https://w3techs.com/technologies/details/im-svg, [25.03.2021].
  Google Scholar

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

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.
  Google Scholar

A. Lindberg, Performance Evaluation of JavaScript Rendering Frameworks, Master thesis, Linköping University, Linköping, 2020, http://www.diva-portal.org/smash/get/diva2:1411632/FULLTEXT01.pdf, [25.03.2021].
  Google Scholar

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

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.
  Google Scholar

Download


Published
2021-09-30

Cited by

Sołtysiuk, D., & Skublewska-Paszkowska, M. (2021). Graphics display capabilities in web browsers. Journal of Computer Sciences Institute, 20, 237–242. https://doi.org/10.35784/jcsi.2694

Authors

Damian Sołtysiuk 
damian.soltysiuk@pollub.edu.pl
Politechnika Lubelska Poland

Authors

Maria Skublewska-Paszkowska 

Politechnika Lubelska Poland

Statistics

Abstract views: 286
PDF downloads: 206