altamoon-minicharts
An embeddable online tool that allows to track all the Binance futures markets on one page
The online tool itself can be found at altamoon.github.io/altamoon-minicharts.
API
The simplest way is to embed it via global variable altamoonMinicharts.
<!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://altamoon.github.io/altamoon-minicharts/bootstrap-bootswatch-darkly.min.css">
<link rel="stylesheet" href="https://altamoon.github.io/altamoon-minicharts/style.css">
</head>
<body>
<div id="root" class="m-4"></div>
<script src="https://altamoon.github.io/altamoon-minicharts/altamoonMinicharts.js"></script>
<script> altamoonMinicharts('#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.
altamoonMinicharts('#root', {
onSymbolSelect: (symbol) => console.log(symbol),
});It can also be installed via NPM to be imported as a module.
npm i altamoon-minicharts
import altamoonMinicharts from 'altamoon-minicharts';
// ...