👋 Who else is using React Flow?

[cliffordfajardo]

It would be nice to include a list of organisations that use react-flow in the docs.

Please include:

1. Organisation name
2. Link to organization site
3. If possible, you can attach a codesandbox, public product screenshots or demo URL page.

CC @moklick @chrtze - please take a look at details dropdown below 🙏

Details (this is inspired by what I saw in this repo ↓

Graphin (another data viz library) has an issue pinned on their issues page allowing users to post how they're using the library. - https://github.com/antvis/Graphin/issues  🤔 Unfortunately, I don't think Github Disussions allows pinning of content

[cliffordfajardo]

Organisation name:

• LinkedIn
• Website: linkedin.com

Background Context Use Case: I'm using it for an internal tools, to help us visualize our data center infrastructure (ex: devices on a network & what its connected to) Why I decided to use react-flow-renderer:

• for my use cases I wanted custom DOM (React)
• I was only every going to render at most 100 items in a graph/view, so Canvas was overkill & limiting here (no custom DOM). I have not tried rendering 100+ items yet, but in the docs it 50-low hundreds looks feasible (stress test example)
• the API of this library is nice, typescript based & docs are nice

https://user-images.githubusercontent.com/6743796/155408742-b3fe8134-c625-4754-ad1b-afb8a603fcfc.mp4

ℹ️ In case anyone is new to their data visualization journey and wondering when it might be best to use SVG/DOM vs Canvas/WebGL etc, this video really helped me identify my use case & arrive at the conclusion that react-flow-renderer was a good fit for my use cases.

• YouTube Video: SVG, Canvas, and WebGL: The Power, the Beauty, and the Cost

[moklick]

Hey @cliffordfajardo

this is a very good idea! Thanks, we will pin it :) I think you meant ".. that use React Flow ..." instead of "..that use graphin ...".

[joshuataylor]

I found this project through https://github.com/re-data/re-data

They use it for their lineage - https://docs.getre.io/ui-latest/#/graph

[jdsamar]

does anyone know how to change properties of drag and drop components in react-flow-renderer

[cliffordfajardo]

Hi @jdsamar The community would be happy to help; Would you be able to ask this question in the new Q&A section of this github repository located here?

• https://github.com/wbkd/react-flow/discussions/new?category=q-a

Asking in the Q&A section of the github repository will help others in the future as well 🙏

This also might not be the most appropriate github thread for this type of question 😉

[Ovyerus]

Not an org, but I made a database schema visualiser using React Flow!

Repo: https://github.com/Ovyerus/prismaliser Site: https://prismaliser.app/

[cliffordfajardo]

Some of these open source project were shared in the discord

chaiNNer (Github)

A flowchart/node-based image processing GUI aimed at making chaining image processing tasks (especially those done by neural networks) easy, intuitive, and customizable. No existing GUI gives you the level of customization of your image processing workflow that chaiNNer does. Not only do you have full control over your processing pipeline, you can do incredibly complex tasks just by connecting a few nodes together.

bitFlow (Github)

Bitflow a library for creating and conducting dynamic flow-based assessments.

Audio tool (Github)

A node-based DAW built on react

prereq-flow (Github)

Prereq Flow is an unofficial course planning aid for University of Washington students that visualizes courses and prerequisites in undergraduate degrees.

https://user-images.githubusercontent.com/6743796/159726863-bdf66ad9-b0b6-48a2-851b-06645056f686.mp4

Concepts from people in community (no source code at this time)

doubleloop.app (Website)

DoubleLoop helps product teams visualize their strategy, track the performance of their initiatives, and get better outcomes.

[dzikoysk]

I see there are some links to open-source projects, so I can also mention one more - I'm using React Flow in a read-only component on the Reposilite's landing page:

• Website: https://reposilite.com
• Sources: https://github.com/dzikoysk/reposilite/tree/main/reposilite-site/components/landing/scenarios

[longnc100500]

this is my mindmap project base on reactflow

[doflo-dfa]

still a work in progress but should be soft launching in the next month or two

[spaceymonk]

Here is my open-source project, FlowerApp. It enables you to create, run, analyze and export (as PNG and pseudo-code) flowcharts.

Repo: https://github.com/spaceymonk/flower-app Web site: https://web.itu.edu.tr/~ozkanbe19/flower-app/

[ozovalihasan]

Hi everyone :wave:,

Thanks to all contributors for this amazing library :rocket::rocket::rocket:

I developed a tool(EAD, Entity Association Diagram) to make the prototyping process of a Ruby on Rails project faster and easier. It is an open-source project.

[dsilva01]

My project is a flowchart convert, you can create, run, save, and export (as java code and PNG)

• Sources: https://github.com/dsilva01/convert-flowchart
• Website: https://flowchart.desideriosilva.com/

[dsilva01]

@spaceymonk, my project is similar to yours

[Sarfraz-droid]

Working on a project which allows users to create code-logic using a visual editor

https://user-images.githubusercontent.com/73013838/209326134-15b4fae6-e944-4bc0-be6a-0eb0d7322295.mp4

• Repo : https://github.com/Sarfraz-droid/JS-Blueprints
• Website : https://jsblueprints.sarfrazalam.in/

[makaroni4]

Thank you SO MUCH @moklick and @chrtze 🙌 I've tried all graph/flow JS libraries and React Flow is light years ahead of everyone. I really appreciate that the community version is open-sourced and MIT ❤️

I run a Data Analysis course called SQL Habit and my students often ask for schema visualization. Here it is:

The visualizer is also open-sourced, anyone can clone the repo and create their own schema visualization. 🍻

🔗 Website: https://sqlhabit.github.io/sql_schema_visualizer/ 🔗 Github repo: https://github.com/sqlhabit/sql_schema_visualizer

[sskanishk]

Organization name: Futwork Website: www.futwork.com Usecase: Internal tool to create conversation flow and nodes are render in APP as screens. Added screenshot which is 1/4 part of entire canvas.

[aleksbobic]

Thanks for making this amazing library! It saved me a lot of time and enabled me to create some features and functionalities that would otherwise be very hard to implement! 😄

I'm using it in my PhD project called Collaboration Spotting X, which is a network-based visual analytics and information retrieval tool for analyzing tabular data using networks. I use react flow, particularly for the history component, interactive graph schema as well as an advanced search component.

Website: [csxp.me](https://www.csxp.me](https://www.csxp.me) GitHub: https://github.com/aleksbobic/csx

[RichSchulz]

1. Taktile
2. https://www.taktile.com

[nixxholas]

SolanaFM https://solana.fm