Maybe use this library for that - https://frappe.io/charts what do you think?
Or maybe it is possible to build a chart without libraries

Frappe chart 'A Month-wise Heatmap'

When trying to generate a new badge for my username AaronCrvl, I get:

Something went wrong!
A JSONObject text must begin with '{' at 1 [character 2 line 1]

Problem:

The acceptance % and acceptance text are not displaying on Safari but are displaying on Chrome.

On Safari:

On Chrome:

Fix:
To wrap <text> in <g> tag and Safari can now read the text without being wonky. There's a PR in the works, and I can make a PR once I get that working on local. I tested it on element inspector.

On Safari after the fix:

Chrome does not get affected by this:

Is there Any way we can support leetcode-cn.com

Steps to reproduce

1. Open browser
2. Go to https://leetcode-stats.vercel.app
3. Enter your name
4. Click "Generate"
5. See the page

Expected behavior

Stats should be shown

Actual behavior

The following error is shown: