vCortex (i4Cortex Visualization Component Pack)

vCortex (i4Cortex Visualization Component Pack)

We are happy to announce the release of our first module vCortex, an Ignition module that adds a collection of components to the Perspective Module.
We invite everyone to test it, explore its features, and report any bugs or feedback to help us improve it.
You can download the demo module as a Public Beta here
The module will not be limited to the current number of components and will grow based on community requests.

Current Components:

•	Rich Text Editor
•	Color Picker
•	Date Range Picker
•	Time Picker
•	ECharts
•	Range Slider
•	Odometer
•	Cascader

Future Planned Components:

•	Node Based Editor (Flow diagram)
•	Timeline
•	Excel Editor
•	Circular Slider

Docs:
You can see the module document from the Designer toolbar:
image

Prerequisites:

•	Ignition v8.1.20 Upward
•	Perspective Module

After installing the module, it can be used infinitely with all its functionality for testing and development during the 2-hour Ignition Trial Mode. When the 2-hour trial mode is over, it will need to be reset.

screenshots:

vCortex


We would really appreciate your feedback!

12 Likes

I tried loading the module:

Fresh 8.1.44 install on docker.

Sorry to hear that.
As we try to write our CSS code into the usr\local\bin\ignition\data\modules\com.inductiveautomation.perspective directory and, it seems the docker doesn't get permission to do that.
We will fix soon.

Im keen to try it out, I normally test this stuff on docker.
Thought you may as well get the bug report so you can add it to your lists.

1 Like

Please download the module again. We fix the problem.

2 Likes

That is working nicely now, pretty impressed with the module.

2 Likes

vCortex 0.1.39 been released, with new added component called: Zoom & Pan Viewer.

Download the Module

The component is designed to make navigating complex industrial data and visualizations smoother and more intuitive.

Key Features:

  • Intuitive zoom and pan for effortless navigation
  • High-performance rendering for smooth interactions
  • Support Touchscreen devices
  • Built-in Search engine with fly to animation
  • Perfect for large-scale HMI, SCADA, and data visualization projects
  • Automatically fit the view base on the parent container size
  • Cluttering/Decluttering view element base on zoom level
    Here is some test footage on Mobile Device (Nothing Phone 2):
9 Likes

Wow :smiley:, I'm impressed with the new zoom & pan feature.

1 Like

There is a typo in the description of vCortex in the module showcase.

1 Like

Awesome Module!

For most of the charts, there is this logo

After buying, that water mark logo can be removed?

Sure, the logo will be gone after license activation.

1 Like

Hi @nader.chinichian, I am trying to download this module from i4cortex webpage and I have already submitted my information but I am not receiving the download link on my email. Please assist.

Did you check your spam folder?
Here is the direct download link:
https://i4cortex.com/download/4296/?tmstv=1733860350&ebduid=6cda3bd385

vCortex 0.1.47 Released – Introducing the New Flow Diagram Component

We’re excited to announce the release of vCortex 0.1.47, featuring a powerful new component: Flow Diagram. This component empowers developers and engineers to create customizable, node-based flow diagrams with full editing capabilities and interactive behavior—all within Ignition Perspective.

Direct Download

The Flow Diagram component allows you to visually build logic, workflows, or systems using connected nodes. Each node:

  • Can display an embedded view (Perspective View),
  • Supports a custom number of connection handles (input/output),
  • Allows interactive linking between nodes.

It’s designed to streamline building complex interactive diagrams that adapt to your specific use case.
Here are just a few applications for this powerful new tool:

  1. Material Track and Trace Genealogy
  2. ESD (Emergency Shutdown) Diagrams
  3. Energy Flow Visualization
  4. Interactive P&ID Editors
  5. Logic Diagrams (CFC/SFC)
  6. Recipe Management Tools
  7. Automated Workflow Designers
  8. Business Goals and KPI Tracking

Included: Demo Project (Playground)

To make adoption easy, we’ve included a demo project (playground) alongside the module installation. This gives you hands-on examples and a complete working environment.

For more information please refer to our manual in the designer:
image

Here are some examples:
Realtime P&ID Editor:

  • Draw P&ID base on predefine devices
  • Resizing the devices
  • Upload and download diagram
  • Search on devices on diagram

P&ID Editor
Applying Layouting Algorithms

Applying different layouting algorithms on nodes when node are generated by code(coming from database) and don't have positions. A good example is Material Genealogy Diagram which lot events comes from database.

Layouting
**Node Collapse and Expanding
Node Collapse Expand
**

9 Likes

Is this using React Flow just out of curiosity?

Yes, we use react flow as base library

2 Likes