Uploaded from codepen.io/monfera/pen/oLoRgX with blockbuilder.org
This bl.ock shows
- rendering of 500 points with just one
<polyline> and a <marker> (to switch off line and haze, set <polyline> fill-opacity and stroke-width to zero)
- styling of the marker with CSS
- SVG attribute update without going through string serialization / parsing (due to a probable bug in Safari, it’s much slower there than the string-based equivalent)
- pseudo 3D transformation
- proof that SVG rendering, unlike HTML element rendering, isn’t GPU accelerated for
transform: open Dev Tools, Rendering -> Paint Flashing shows green rectangles