Performance Check for Line drawing with SVG, Canavs2D and WebGL

SVG:

SVG Performance Test

Drawing with Lines vs Paths. Possibility for simplify

Canvas2D:

Canvas2D Performance Test

Drawing with Lines. Possibility for simplify

WebGL:

WebGL Performance Test

Drawing with Lines vs Polygons


Perfomance Result:

Tested with 1000,10000 and 100000 data points for 10 iterations.

Results are average milliseconds (ms)

Laptop (1) IPhone (2) IPad (3) Samsung Smartphone (4) Tablet (5)
SVG Path: 1000 10000 100000   1.03 12.89 164.12   6.11 49.33 494.56   12.33 114.78 1089.22   8.34 104.5 1375.85   4.14 60.24 638.48
SVG Lines: 1000 10000 100000   28.76 678.32 2687.21   81.77 879.45 error   150.44 error error   234.45 2876.38 error   181.20 2093.29 19625.21
Canvas2D Path: 1000 10000 100000   0.39 3.94 56.1   2.09 22.56 255.22   4.44 50.56 539.44   4.33 46.17 530.74   1.94 26.38 277.84
Canvas2D Lines: 1000 10000 100000   8.26 86.73 812.95   49.78 526.54 5339.44   97.11 784.78 7997.11   92.08 1136.28 8121.92   69.53 574.24 5269.38
WebGL Polygones: 1000 10000 100000   0.15 3.76 76.84   0.89 8.44 83.33   3.04 10.22 error   not supported not supported not supported   not supported not supported not supported
WebGL Lines: 1000 10000 100000   0.06 0.45 1.06   0.78 3.44 27.33   1.67 7.76 40.56   not supported not supported not supported   not supported not supported not supported

(1) Laptop: Processor 1.2GHz quad-core, 1GB RAM , Android 4.2 with Chrome version 43

(2) IPhone 5: Processor ARMv7s (Apple Swift: 1.3 GHz), 1024MB LPDDR2 1066 MHz, Graficprocessor PowerVR SGX 543, Safari

(3) IPad 2: 1 GHz dual-core ARM Cortex-A9, 512 MB DDR, Graphics PowerVR SGX543MP2, Safari

(4) Samsung Smartphone: Intel(R) Core(TM) i5-4200, CPU @ 1.60 GHz 2.30 GHz, 8GB RAM, AMD Radeon HD 8670M 2GB, Windows 8 whit Chrome version 43

(5) Samsung Tablet Galaxy Pro: Exynos-Prozessor 5420 Octa, 2 GB RAM, Adreno 330-GPU, Android 4.4.2