Chess Stats Tracker

Preview

How use it ?

What is Chess Stats Tracker ?

Chess Stats Tracker is a tool that allow you to get your stats on Chess.com. You can use it for example to display your stats on your stream.

Enter your Chess.com name, select bullet, blitz or rapid and 'Global' if you want your stats from the beginning or Session if you want to see your stats of your session. If your launch the page at 1 PM, each game ending after 1 PM will count to your session stats

I am a streamer. How could I use this tool ?

This tool is built for you. Fill in the form and use the "Copy Link" button. Then go to your streaming software.
I will take OBS Studio as example.
Scenes > Sources -> Add -> Browser
Paste the URL.
Custom CSS is important. The default configuration on OBS is : body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }
background-color: rgba(0, 0, 0, 0); means the background will be transparent. By default text color is black.You may let it black or change it to white by adding color:white; The configuration for CSS may look like : 

body { 
    background-color: rgba(0, 0, 0, 0); 
    margin: 0px auto; 
    overflow: hidden; 
    color: white;
    font-size: 48px;
}
In your software the render will be something like 
3177 : 915 / 257 / 334
Using CSS classes "elo", "win" , "draw" and "loss" you can customize as you wish. You can try this configuration. 
body { 
    background-color: rgba(0, 0, 0, 0); 
    margin: 0px auto; 
    overflow: hidden; 
    color: white;
    font-size: 48px;
}

.win {
    color : green;
}

.draw {
    color : gray;
}

.loss {
    color : red;
}

The render will be something like : 3177 : 915 / 257 / 334