oi-lume-charts

Open Innovations charting in Lume

At Open Innovations, we've started using the Lume Static Site Generator to build data microsites for people. This gives us the benefits of a static HTML site, with associated manageability, efficiency, and maintainability benefits, whilst giving us a framework

To support some of the more complex visualisations we undertake, we've encapsulated a number of our charting libraries in this

To use this in your Lume project, include the following in yout Lume _config.js or _config.ts file. WARNING! This is strictly a pre-release version, and interfaces are very likely to change.

import oiCharts from 'oi-lume-charts/mod.ts';

site.use(oiCharts({
  assetPath: 'assets/oi',
  componentNamespace: 'oi.charts',
}));

You can provide the following options:

  • assetPath path to locate the javascript assets that are loaded (default: /assets)
  • componentNamespace namespace where the charts are accessible e.g. comp.oi.charts.dashboard() (default: oi.charts)

Available Charts

TODO add some documentation!

dashboard

Creates a simple panelled dashboard.

chart.line

Creates a line chart.