yFiles React Components
Effortlessly visualize graph data in React with yFiles-powered components

Whether you're visualizing organizational structures, corporate ownership relations, or mapping out intricate supply chains, or processing event logs, our easy-to-use React components bring the power of yFiles graph visualization into your React applications.

Each React component comes with a dedicated and easy to use React-API tailored to the use-case, documentation, and live playgrounds that demonstrate the various features and the versatile API.

New React components are currently being developed, and we're eager to hear your ideas. Contact us to share your suggestions with us!

The yFiles React Component leverages the yFiles library to create dynamic, interactive supply chain visualizations within React applications, enhancing user experience and enabling intuitive exploration of complex supply chain structures.

yFiles React Organization Chart Component

yFiles React organization chart component demo

The yFiles React Organization Chart Component uses the yFiles library in order to seamlessly incorporate dynamic and interactive organization charts and diagrams into your React applications.

This enhances the user experience and facilitates an intuitive exploration of complex organizational setups.

Documentation GitHub NPM

yFiles React Company Ownership Component

yFiles React company ownership chart component demo

Our easy-to-use React component, leveraging the powerful yFiles library, enables you to effortlessly integrate dynamic and interactive corporate ownership charts into your applications.

Enrich user engagement and simplify the exploration of intricate company hierarchies.

Documentation GitHub NPM

yFiles React Process Mining Component

yFiles React process mining component demo

This React component extracts process mining diagrams from event logs. This technique reveals the actual flow of processes and helps identify bottlenecks, deviations, and opportunities for improvement.

The yFiles React Process Mining Component is built upon the yFiles for HTML library, integrating powerful visual tools to facilitate the exploration of temporal data.

Documentation GitHub NPM

yFiles React Supply Chain Component

yFiles React supply chain component demo

Our powerful and versatile React component based on the yFiles library, allows you to quickly incorporate dynamic and interactive supply chain diagrams seamlessly into your applications.

This enhances the user experience and facilitates an intuitive exploration of complex manufacturing processes, allowing users to gain insights into their supply chain data.

Documentation GitHub NPM

Frequently Asked Questions

What are yFiles React Components?

yFiles React Components are a collection of UI components specifically designed to integrate the yFiles graph visualization library with React applications, enabling developers to create interactive and visually appealing graph-based user interfaces.

How do I get started with yFiles React Components?

To get started, you need to install the yFiles for HTML library and choose a yFiles React component to install from npm. Detailed installation and setup instructions are provided on the documentation page of the specific React component.

What are the prerequisites for using yFiles React Components?

You should have a working knowledge of React and basic JavaScript/TypeScript. The yFiles React Components require the yFiles for HTML library.

How do I integrate yFiles React Components into my existing React application?

You can integrate a yFiles React Component by installing yFiles for HTML and the chosen React component, importing the component, and using it within your React application's component tree. The components are designed to be easily embedded and customized within your existing React components. Detailed installation and setup instructions are provided on the documentation page of the specific React component.

What kind of support is available for yFiles React Components?

yWorks provides comprehensive support for their products, including yFiles React Components. This includes detailed documentation, live playgrounds, and access to a support team for troubleshooting and specific queries.

Can yFiles React Components be used in commercial applications?

Yes, yFiles React Components can be used in commercial applications. However, you will need to purchase a commercial license from yWorks. Licensing details and options are available on the yWorks website.

Can I customize the appearance and behavior of a yFiles React graph component?

Absolutely. yFiles React Components are highly customizable, allowing you to modify the appearance, behavior, and interaction of the graph elements. You can use CSS, custom renderers, and the API of the component for extensive customization.

More FAQ results: React

Start building your first
React app with yFiles today!

Download yFiles now!

Choose your next steps

Get connected

Connect with our Customer Success Team regarding your ideas or projects.

Connect with the real graph drawing experts.
Reach out! Join our newsletter

Dive deep

Get more detailed information about specific yFiles topics.

About yFiles yFiles platforms All features Interactive demos yFiles Playground Licenses & pricing

Download yFiles

Try yFiles free of charge.

Download the yFiles trial version.
Start now!