minichart-grid
An embeddable online tool that allows to track all the Binance futures markets on one page
The online tool itself can be found at letiliel.github.io/minichart-grid.
API
The simplest way is to embed it via global variable minichartGrid.
<!DOCTYPE html>
<html>
<head>
<!-- The tool originally uses a dark bootstrap theme, but you can replace it by the regulatstrap CSS -->
<link rel="stylesheet" href="https://letiliel.github.io/minichart-grid/bootstrap-bootswatch-darkly.min.css">
<link rel="stylesheet" href="https://letiliel.github.io/minichart-grid/style.css">
</head>
<body>
<div id="root" class="m-4"></div>
<script src="https://letiliel.github.io/minichart-grid/minichartGrid.js"></script>
<script> minichartGrid('#root'); </script>
</body>
</html>The function also accepts options as second argument. By the time being the only option is onSymbolSelect handler that is called when user clicks symbol name.
minichartGrid('#root', {
onSymbolSelect: (symbol) => console.log(symbol),
});It can also be installed via NPM to be imported as a module.
npm i minichart-grid
import minichartGrid from 'minichart-grid';
// ...