How to create Anki like statistics graphics?

Development
1

I’m collecting some data to keep record of the statistical use of my addon. I’m saving this data to a json file with this format:

{
    "27/01/2023": {
        "assessments": 1.0,
        "words": 8.0,
        "avg_accuracy": 93.0,
        "avg_fluency": 99.0,
        "avg_pronunciation": 95.6,
        "pronunciation_time": 4.01
    }
}

Now I want to create some graphs for vizualizing it and I found the built-in Anki graphics pretty beutiful. I looked at the source code and find out that it is built using Svelte and Typescript, but I’m not familiar with these technologies. Someone can provide me more details how to build these graphics or if are there addons that can give me some north?

2

You probably have to get familiar with Svelte and Typescript and maybe read Anki’s source code to learn how to display similar graphs. Alternatively, check how the following add-ons visualize things:
https://ankiweb.net/shared/info/993120073
https://ankiweb.net/shared/info/836753889

2 Likes
3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.