Research on the Efficiency of Applying WebGL and D3.js in the Creation of Graphical Elements in Web Applications

Abstract

With the rising demand for data visualization in web applications, choosing an efficient tool has become critically important for developers. However, as data volumes grow, challenges related to performance and ensuring seamless interactive user experience arise, complicating the choice of the optimal visualization approach. This study compares two popular technologies—D3.js and WebGL—used for rendering graphical elements. The analysis is based on key criteria, including hardware rendering specifics, performance, community support, extensibility, and limitations. Recommendations are provided regarding the appropriate use of visualization technologies depending on task-specific requirements and application conditions, formulated through a multi-criteria analysis.