A Javascript library for generating meteoblue "rainSPOT" visualizations with SVG or Canvas
A "rainSPOT" is a neat visualization of localized precipitation data developped by meteoblue.com.
See: https://content.meteoblue.com/en/private-customers/website-help/7-day-weather/rainspot
Have a play with the DEMO
or check out the basic example.
If you are not familair with the "new" ways of using Javascript in your web projects
(i.e.: you still just pull a script in with <script src="script.js"> and then call the function),
you need to quickly learn about modules and importing them.
The usage examples below use that method. It's mostly the same, just adds flexibility and tidiness.
npm i rainspotjs
then include either directly
<script type='module'>
import { create_rainSPOT_SVG } from './node_modules/rainspotjs/dist/rainSPOT.svg.min.js';
import { create_rainSPOT_Canvas } from './node_modules/rainspotjs/dist/rainSPOT.canvas.min.js';
</script>or however you normally do it with all those fancy tools you have. 🔧🔨🪛
Simply clone or download this repo, or grab the archive over in Releases.
rainSPOT provides two versions: SVG and Canvas. You can choose the one that best fits your needs.
<script type='module'>
import { create_rainSPOT_SVG } from './rainSPOT.svg.min.js';
</script><script type='module'>
import { create_rainSPOT_Canvas } from './rainSPOT.canvas.min.js';
</script>rainSPOTjs has some built-in default styling which reflect the original style from meteoblue. These can be customized a little bit (maybe too much) via an options object (a.k.a. associative array, hash, etc…).
MIT