Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/spring-projects/spring-flo

JavaScript angular based embeddable graphical component for pipeline/graph building and editing
https://github.com/spring-projects/spring-flo

Last synced: about 1 month ago
JSON representation

JavaScript angular based embeddable graphical component for pipeline/graph building and editing

Host: GitHub
URL: https://github.com/spring-projects/spring-flo
Owner: spring-projects
License: apache-2.0
Created: 2016-05-10T21:22:35.000Z (over 8 years ago)
Default Branch: main
Last Pushed: 2024-04-25T22:04:58.000Z (7 months ago)
Last Synced: 2024-09-28T16:41:16.058Z (about 2 months ago)
Language: TypeScript
Size: 5.24 MB
Stars: 303
Watchers: 24
Forks: 105
Open Issues: 20
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

README

        


  

    

  





  

    

  

  

    

  





  Introduction •

  How To Use •

  Acknowledgments



## Introduction

**Spring Flo** is a JavaScript library that offers a basic embeddable HTML5 visual builder for pipelines and simple graphs. 

This library is used as the basis of the stream builder in **Spring Cloud Data Flow**.

[![dataflow ui](docs/flo.png)](https://cloud.spring.io/spring-cloud-dataflow/)

Here is a [youtube video](https://www.youtube.com/watch?v=78CgV46OstI) of **Spring Flo** in action.

---

## How To Use

Refer to the [wiki](https://github.com/spring-projects/spring-flo/wiki) for more information on how to embed it in an application.

Please ensure that at a minimum [Node.js][], [npm][] and the [Angular CLI][] are available on your system. In order to execute the build simply do:

	$ git clone https://github.com/spring-projects/spring-flo.git

	$ npm install

	$ npm run build

	

Build results are produced under the __dist__ folder.

A small self contained sample usage of **Spring Flo** is available in the [demo](https://github.com/spring-projects/spring-flo/tree/master/src/demo) sub folder. Execute `npm start` to run the sample. 

The [Spring Cloud Data Flow UI](https://github.com/spring-cloud/spring-cloud-dataflow-ui) at github shows a larger scale usage of **Spring Flo**.

**Spring Flo** is Open Source software released under the [Apache 2.0 license](https://www.apache.org/licenses/LICENSE-2.0.html).

Pull requests are welcome, but before accepting them we will need you to sign the [Contributors Agreement](https://support.springsource.com/spring_committer_signup).

---

## Acknowledgments

This project uses code from several open source packages:

[JointJS](https://www.jointjs.com/),

[CodeMirror](https://codemirror.net/) (...).

This project is powered by:

 

[Angular]: https://angular.io/

[Angular CLI]: https://cli.angular.io/

[Node.js]: https://nodejs.org/

[npm]: https://www.npmjs.com/