Overview
Flottplot helps you to quickly build a user interface to navigate a collection of images named with a common pattern. It defines custom HTML tags and converts them into control and other elements that interact with each other. Flottplot does not create new images, it just arranges images already plotted elsewhere.
The project was conceived as tool to view plots of meteorological and climate data with the ability to put multiple images containing different variables next to each other and click through them synchronously.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>A Page With Flottplot Elements</title>
<script type="text/javascript" src="flottplot-scan-min.js"></script>
</head>
<body>
<p>
Function:
<fp-select id="func">
<fp-option name="sin">sine</fp-option>
<fp-option name="cos">cosine</fp-option>
</fp-select>
with wavenumber
<fp-range id="waven" type="slider" min="1" max="3" step="1" init="2" wrap="both"></fp-range>
<fp-animation target="waven"></fp-animation>
</p>
<p>
<fp-plot src="plot/{func.name}-{waven}x.png"></fp-plot>
</p>
</body>
</html>
Function:
Flottplot is in a usable state, but also under active development. Some features (e.g. error reporting) are still a little rough around the edges. If you run into a problem, please open an issue on GitHub.