Search code examples
noflo

how to add a noflo chart/plot component

I have a time-series-style array of data I would like to pass into a noflo component which displays the data in a cart/graph/plot using the browser runtime and the flowhub ui.

I've browsed through the component library and not found a relevant component. I'm familiar with several charting libraries and am willing to write it myself, but am unsure how to fit this into a component.

  1. is there a charting/plotting component that I missed? I've seen noflo-ducksboard, but I really want to be able to view the plot from within the noflo-ui.
  2. how might I load a charting library into a component?
  3. is there a particular charting library you suggest I use?
Solution

  • I have not seen a specific charting library. noflo-canvas is lower-level, and could give you the primitives that you need. Here is a quick demo line chart: https://app.flowhub.io/#example/77f213fb32c9b22527e2

    noflo-canvas demo line chart

    To build from this you would just need to build one component that translates your data into the points to be drawn.