Skip to content
TopStats

Custom Widgets

Fetch a Widget

Terminal window
GET https://widgets.topstats.gg/custom/:type

Query Parameters

{
  "name": "<string>",
  "type": "<string>" [
    'graph',
    'graph.png,
  ],
  "name": "<string>",
  "data_points": "<JSON:string>",
  "color": "<string>"
}

JSON String

[
  {
    "id": "Alpha",
    "x": 1712000000,
    "y": 500
  },
  {
    "id": "Beta",
    "x": 1712001800,
    "y": 700
  },
  {
    "id": "Gamma",
    "x": 1712000000,
    "y": 100
  },
  {
    "id": "Delta",
    "x": 1712004600,
    "y": 280
  },
  {
    "id": "Epsilon",
    "x": 1712000000,
    "y": 450
  },
]

Usage Example

Terminal window
https://widgets.topstats.gg/custom/graph.png?name=Hello+there&color=%23F44F4F&data_points=%5B++%7B%22id%22%3A+%22Alpha%22%2C+%22x%22%3A+1712000000%2C+%22y%22%3A+500%7D%2C++%7B%22id%22%3A+%22Alpha%22%2C+%22x%22%3A+1712001400%2C+%22y%22%3A+450%7D%2C++%7B%22id%22%3A+%22Alpha%22%2C+%22x%22%3A+1712002900%2C+%22y%22%3A+320%7D%2C++%7B%22id%22%3A+%22Alpha%22%2C+%22x%22%3A+1712004700%2C+%22y%22%3A+150%7D%2C++%7B%22id%22%3A+%22Beta%22%2C+%22x%22%3A+1712000000%2C+%22y%22%3A+600%7D%2C++%7B%22id%22%3A+%22Beta%22%2C+%22x%22%3A+1712001800%2C+%22y%22%3A+700%7D%2C++%7B%22id%22%3A+%22Beta%22%2C+%22x%22%3A+1712003100%2C+%22y%22%3A+750%7D%2C++%7B%22id%22%3A+%22Beta%22%2C+%22x%22%3A+1712005200%2C+%22y%22%3A+680%7D%2C++%7B%22id%22%3A+%22Gamma%22%2C+%22x%22%3A+1712000000%2C+%22y%22%3A+100%7D%2C++%7B%22id%22%3A+%22Gamma%22%2C+%22x%22%3A+1712001200%2C+%22y%22%3A+180%7D%2C++%7B%22id%22%3A+%22Gamma%22%2C+%22x%22%3A+1712002500%2C+%22y%22%3A+250%7D%2C++%7B%22id%22%3A+%22Gamma%22%2C+%22x%22%3A+1712003900%2C+%22y%22%3A+300%7D%2C++%7B%22id%22%3A+%22Delta%22%2C+%22x%22%3A+1712000000%2C+%22y%22%3A+50%7D%2C++%7B%22id%22%3A+%22Delta%22%2C+%22x%22%3A+1712001300%2C+%22y%22%3A+150%7D%2C++%7B%22id%22%3A+%22Delta%22%2C+%22x%22%3A+1712002700%2C+%22y%22%3A+200%7D%2C++%7B%22id%22%3A+%22Delta%22%2C+%22x%22%3A+1712004600%2C+%22y%22%3A+280%7D%2C++%7B%22id%22%3A+%22Epsilon%22%2C+%22x%22%3A+1712000000%2C+%22y%22%3A+450%7D%2C++%7B%22id%22%3A+%22Epsilon%22%2C+%22x%22%3A+1712001500%2C+%22y%22%3A+500%7D%2C++%7B%22id%22%3A+%22Epsilon%22%2C+%22x%22%3A+1712003300%2C+%22y%22%3A+550%7D%2C++%7B%22id%22%3A+%22Epsilon%22%2C+%22x%22%3A+1712004900%2C+%22y%22%3A+600%7D%5D&color=%23F44FFF&color=%235EBD3E&color=%235EBDAA&color=%235E4488
custom graph