## @flow-connect/visual

[<img alt="npm (scoped)" src="https://img.shields.io/npm/v/@flow-connect/visual?style=flat-square" />](https://www.npmjs.com/package/@flow-connect/visual)
[<img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/saurabh-prosoft/flow-connect-standard-nodes/visual.yml?style=flat-square" />](https://github.com/saurabh-prosoft/flow-connect-standard-nodes/actions/workflows/visual.yml)
[<img alt="npm bundle size (scoped)" src="https://img.shields.io/bundlephobia/min/@flow-connect/visual?style=flat-square">](https://bundlephobia.com/package/@flow-connect/visual)

<br/>

> Custom nodes for visualizations

<br/>

### Custom Nodes

- [FunctionPlotter](https://flow-connect.saurabhagat.me/reference/standard-nodes/visual/function-plotter.html) <br/>
  Plots input vector co-ordinates (either cartesian or polar form, controlled by Node prop), input can be a stream of single co-ords or an array.
- [LineChartMini](https://flow-connect.saurabhagat.me/reference/standard-nodes/visual/line-chart-mini.html) <br/>
  Displays a line chart overview (not values or axes), input is an array of data streams, each data stream is an array of values, no. of lines displayed on the chart corresponds to the no. of input data streams.

<br/>

Check out the [docs](https://flow-connect.saurabhagat.me/reference/standard-nodes/visual.html) for details on all the custom nodes provided in this package