Time Series Visualization on OnlyMapJS
OnlyMapJS makes time series visualizations easy and flexible.
This layer was constructed using the om-layer component.
<om-layer id="earthquakes"
  type="GeoJsonLayer"
  data="usgs-earthquakes.geojson"
  get-fill-color="scale($mag, sequential, …)"
  filter-field="time"
  filter-range="[start, end]">
</om-layer>
Widgets can be customized to display whatever you want about your data in the current range.
<om-widget
  watch="data:earthquakes layers">
  <script type="om/widget">
    this.render = (ctx) => {
      const stats = ctx.stats(
        "earthquakes", "mag"
      );
    };
  </script>
</om-widget>
You can even set the date range interactively using natively supported interfaces.
<input id="start-slider"
  type="range" />
<input id="end-slider"
  type="range" />

ctx.emit("filter-layer", {
  field: "time", range: [start, end]
});
Let's see it in action now:
Try it today: Check out OnlyMapJS on npm at @nika-js/onlymap
npm install @nika-js/onlymap