Widget graph is not anti-aliased, and is consuming too much resources

[roxk]

Dev Home version

0.137.141.0

Windows build number

22624.1755

Other software

No response

Steps to reproduce the bug

Code: At https://github.com/microsoft/devhome/blob/main/CoreWidgetProvider/Helpers/ChartHelper.cs#L9, it's evident that the graph are rendered with system.drawing, which shouldn't really be used, given XAML's path rendering capability and RenderTargetBitmap. An alternative that is even better in terms of payload bandwidth and performance is svg. Graph rendering should just use svg.

App:

1. Launch dev home, pin any graph widget.

Expected result

Graph is anti-aliased. Also consume little resources.

Actual result

Graph is not anti-aliased (pixelated). Consumes lots of resources (also see #716).

Image showing graph is not AA-ed. Enlarged for reference (not to scale, was using paint)

Included System Information

No response

Included Extensions Information

No response