I noticed that the following visual renders correctly for Chrome/Firefox but not in WebView. Here is the link:
radar chart with an interactive legend
I have tracked it down to a glow filter. I am convinced that this is a webview bug, but wanted to discuss here first.
<g transform="translate(350,350)">
<defs>
<filter id="glow">
<feGaussianBlur stdDeviation="2.5" result="coloredBlur"></feGaussianBlur>
<feMerge>
<feMergeNode in="coloredBlur"></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
</defs>
<g class="axisWrapper">
<circle class="gridCircle" r="250" style="fill: rgb(205, 205, 205); stroke: rgb(205, 205, 205); fill-opacity: 0.1; filter: url(#glow);"></circle>
<circle class="gridCircle" r="200" style="fill: rgb(205, 205, 205); stroke: rgb(205, 205, 205); fill-opacity: 0.1; filter: url(#glow);"></circle>
....
</g>
</g>
Thanks,
- Pat