# vCortex (i4Cortex Visualization Component Pack)

**URL:** <https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186>\
**Category:** 3rd Party Modules\
**Tags:** perspective\
**Created:** [December 24, 2024, 5:59am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186 "2024-12-24T05:59:35Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [December 24, 2024, 5:59am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/1 "2024-12-24T05:59:35Z")

</div>

**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](https://i4cortex.com/product/vcortex-visual-component/)  
The module will not be limited to the current number of components and will grow based on community requests.

**Current Components:**

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

```

**Future Planned Components:**

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

```

**Docs:**  
You can see the module document from the Designer toolbar:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/3/3368aa44707142665ffa1751d0d741e581a94a9d.png)

**Prerequisites:**

```python
•	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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/e/2ebac37d98520cafef27fc36a48138f5b183145e.gif)

 ![echart](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/7/67ac1466af8a8c400fe6b71aaf511c9cef82e780.jpeg)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/8/387b080df9cef8c900fb09bc0d3653a4a70702e0.png)  
We would really appreciate your feedback!

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [December 26, 2024, 9:29pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/2 "2024-12-26T21:29:18Z")

</div>

I tried loading the module:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/5/350d617c174d6c9bb83a625090bc25cae5962cef.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/5/45d4f238c3c79c71493139c4b65a069601c6c0a7.png)

Fresh 8.1.44 install on docker.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [December 27, 2024, 5:48am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/3 "2024-12-27T05:48:18Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [December 27, 2024, 10:15am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/4 "2024-12-27T10:15:50Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [December 30, 2024, 6:05pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/5 "2024-12-30T18:05:03Z")

</div>

Please download the module again. We fix the problem.

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [December 30, 2024, 9:34pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/6 "2024-12-30T21:34:13Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [May 13, 2025, 10:47am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/7 "2025-05-13T10:47:54Z")

</div>

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

[Download the Module](https://i4cortex.com/product/vcortex-visual-component/)

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):

[![](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/6/c610b30da9e79fa1879a431a7ee9b09fe1e6f526.jpeg "Zoom & Pan Viewer Component (vCortex Module)") ](https://www.youtube.com/watch?v=582YAGhyzIo)

---

<div class="post-metadata">

**Author:** ![Mehrdad\_Telli](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mehrdad_telli/32/77763_2.png) [@Mehrdad\_Telli](https://forum.inductiveautomation.com/u/Mehrdad_Telli)\
**Post date:** [May 14, 2025, 11:30am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/8 "2025-05-14T11:30:50Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [May 14, 2025, 10:26pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/9 "2025-05-14T22:26:22Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![jespinmartin1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jespinmartin1/32/57175_2.png) [@jespinmartin1](https://forum.inductiveautomation.com/u/jespinmartin1)\
**Post date:** [June 2, 2025, 9:59pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/10 "2025-06-02T21:59:52Z")

</div>

Awesome Module!

For most of the charts, there is this logo

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/3/8364fc1c051423b86e57cbb084de075958d43d4b.png)

After buying, that water mark logo can be removed?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [June 3, 2025, 5:07am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/11 "2025-06-03T05:07:22Z")

</div>

Sure, the logo will be gone after license activation.

---

<div class="post-metadata">

**Author:** ![Ahad\_Ahad](https://avatars.discourse-cdn.com/v4/letter/a/f6c823/32.png) [@Ahad\_Ahad](https://forum.inductiveautomation.com/u/Ahad_Ahad)\
**Post date:** [June 3, 2025, 8:50am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/12 "2025-06-03T08:50:11Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [June 3, 2025, 9:43am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/13 "2025-06-03T09:43:20Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [June 6, 2025, 7:20am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/14 "2025-06-06T07:20:46Z")

</div>

## 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](https://i4cortex.com/download/4296/?tmstv=1733860350&ebduid=6cda3bd385)

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.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/2/e246a4e24edbaf57bd431d0017fa70468fd599ce.jpeg)

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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/e/4e33fcde9d6c08e3acecc8627c4b436c9d497b6d.png)

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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/1/116f7b314d443afd5276191818b662b1fb26aa77.gif)  
**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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/8/684409d78ef6075937cbb3133208cb3a51947d8e.gif)  
\*\*Node Collapse and Expanding  
 ![Node Collapse Expand](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/c/1ccc670a6649c38f67a8976e30bdb6bc259e4a45.gif)  
\*\*

---

<div class="post-metadata">

**Author:** ![Benjamin\_Furlani](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/benjamin_furlani/32/66084_2.png) [@Benjamin\_Furlani](https://forum.inductiveautomation.com/u/Benjamin_Furlani)\
**Post date:** [June 6, 2025, 3:14pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/15 "2025-06-06T15:14:42Z")

</div>

Is this using React Flow just out of curiosity?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [June 6, 2025, 5:37pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/16 "2025-06-06T17:37:20Z")

</div>

Yes, we use react flow as base library.

---

<div class="post-metadata">

**Author:** ![luis](https://avatars.discourse-cdn.com/v4/letter/l/3e96dc/32.png) [@luis](https://forum.inductiveautomation.com/u/luis)\
**Post date:** [June 24, 2025, 9:12pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/17 "2025-06-24T21:12:09Z")

</div>

> [@nader.chinichian](#):
>
> een released, with new added

I got a question about the Search function. Were you able to implement this search on different views?

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [June 25, 2025, 5:38am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/18 "2025-06-25T05:38:31Z")

</div>

If you check the manual on system functions, you'll find a function called `system.i4cortex.gui.getViewObjects()`.  
This function accepts any view path as its first argument and returns a list of Perspective components on that view.

You can also explore the Playground project, which is automatically installed on your gateway when the module is installed. It provides examples of how to use this function in practice.  
If you don't see this example please download the latest version of module.

---

<div class="post-metadata">

**Author:** ![danielps1818](https://avatars.discourse-cdn.com/v4/letter/d/ecae2f/32.png) [@danielps1818](https://forum.inductiveautomation.com/u/danielps1818)\
**Post date:** [June 30, 2025, 10:24am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/19 "2025-06-30T10:24:11Z")

</div>

Hii! What is the current state on execution JavaScript code on the formatter for Echarts?  
We were hoping we could create a Gantt but for some reason there is not much predefined types on time for echarts.

Thx for the help! Trully and amazing module!

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [June 30, 2025, 12:11pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/20 "2025-06-30T12:11:16Z")

</div>

This is one of our high-priority targets, and we’re aiming to address it in the next release.  
Thank you for your patience.

[Next page](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186.md?page=2)
