# 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:** 8\
**Page:** 3

<div class="post-metadata">

**Author:** ![dillon](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dillon/32/81537_2.png) [@dillon](https://forum.inductiveautomation.com/u/dillon)\
**Post date:** [January 19, 2026, 6:16pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/41 "2026-01-19T18:16:59Z")

</div>

> [@Michal\_Goralczyk](#):
>
> Where

[vCortex (Visual Component Pack) for Ignition - i4cortex](https://i4cortex.com/product/vcortex-visual-component/). You can check version 8.3 prior to clicking download.

---

<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:** [January 20, 2026, 12:21pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/42 "2026-01-20T12:21:29Z")

</div>

Goto this page and fill out form we send you download link for both version as well.

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

---

<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:** [August 8, 2026, 3:00pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/43 "2026-08-08T15:00:18Z")

</div>

We’re excited to announce **vCortex 0.14.60 (Ignition 8.1/8.3)**, packed with major improvements, new customization options, and better performance for your projects! The Demo project is update to see how to use new futures.

# Release 0.14.60

## New Features & Enhancements

- Applied Designer-defined style classes to all components.
- **eChart:** The `theme` property now supports `auto`, eliminating the need to bind it to the Perspective theme. The component automatically detects Perspective theme changes and updates accordingly.
- **Slider:** Added `styles.track.colors` to define the color of each track segment when using multiple values.

![Slider Multiple Color Segment](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/8/c828a08a28e8d04bc04427e5ff73d6cbadbe2510.gif)

- **Flow Diagram:** Added support for per-node and per-edge Designer styling via the `className` property.
- **Flow Diagram:** Added a `defaultStyle` option for all nodes and edges.
- **Flow Diagram:** Added support for dragging node handles instead of manually entering offset values in the UI.

![Flow Diagram Handle Reposition](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/b/8b684b5111d89ee598e89583c0c5c721a9485f3e.gif)

- **Flow Diagram:** Exposed the `onlyRenderVisibleElements` option to improve performance in large diagrams. When enabled, only the nodes and edges currently within the visible viewport are rendered.
- **Flow Diagram:** Added `performance.mode` to improve rendering performance by replacing embedded views with lightweight placeholder boxes while zoomed out.

![Flow Diagram Perfromance mode](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/0/3095ca512c9f7273d26be6dac32693cea0ca37ee.gif)

- **Flow Diagram:** Added `addNodes()` and `addEdges()` component functions to improve performance in large-scale diagrams. These functions inject node and edge data directly into the component without exposing them through Perspective properties. For the best performance, use them with `dataMode: "local"`.
- **Flow Diagram:** Added the `dataMode` property. When set to `props`, nodes and edges remain synchronized through Perspective properties. When set to `local`, node and edge data is stored in the browser's memory, avoiding large WebSocket updates and improving performance.
- **Flow Diagram:** Added support for box selection, multi-selection, and Undo for node and edge editing operations.

![Box Selection and undo in Flow Diagram](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/6/068a6a141f75d4c7a0b0421915bdd28cfec8abbe.gif)

## Bug Fixes

- The demo project is no longer recreated on gateway startup if it has been deleted by the user.
- Replaced per-component license polling with a shared poller, reducing unnecessary background activity.
- **eChart:** `runJs()` now uses `ctx` instead of `chart` to reference the component to make `runJs()` compatible with other components.
- **Slider:** Fixed the Designer selection box so it properly covers the component.
- **Flow Diagram:** Removed the redundant `node.data.style` property from the Flow Diagram schema.
- **Flow Diagram:** Optimized rendering by eliminating O(n²) lookups and unnecessary array allocations.
- **Flow Diagram:** Removed hardcoded borders and backgrounds from built-in Flow nodes.
- **Flow Diagram:** Fixed an issue where resizing a node could unintentionally remove existing styles.

---

<div class="post-metadata">

**Author:** ![Michal\_Goralczyk](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/michal_goralczyk/32/55564_2.png) [@Michal\_Goralczyk](https://forum.inductiveautomation.com/u/Michal_Goralczyk)\
**Post date:** [September 8, 2026, 9:26am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/44 "2026-09-08T09:26:00Z")

</div>

Could you expose React Flow’s `preventScrolling` prop on the Zoom & Pan Viewer component (`com.vcortex.zoompan`) under `props.interaction`?

React Flow defaults `preventScrolling` to `true`, so the wheel listener on `.react-flow__renderer` calls `preventDefault()`. As a result, the page cannot be scrolled while the cursor is over the component.

In our screen, we use:

```python
zoomOnScroll: false
panOnScroll: false

```

Therefore, the mouse wheel does not perform any useful action inside the component, but it still prevents the parent page from scrolling.

`props.interaction` currently exposes:

```python
panOnDrag
panOnScroll
panOnScrollMode
panOnScrollSpeed
zoomOnScroll
zoomOnPinch
zoomOnDoubleClick
minZoom
maxZoom

```

The only relevant React Flow option missing is:

```python
preventScrolling

```

Our current workaround is a capture-phase `wheel` listener that stops propagation before React Flow receives the event. We would prefer not to rely on this workaround in production.

We are using Ignition 8.3.

---

<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:** [September 8, 2026, 12:41pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/45 "2026-09-08T12:41:42Z")

</div>

Yes, this makes sense.

We’ll expose React Flow’s preventScrolling property under:

props.interaction.preventScrolling

We’ll include this in an upcoming vCortex release and let you know once it is available.

---

<div class="post-metadata">

**Author:** ![Michal\_Goralczyk](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/michal_goralczyk/32/55564_2.png) [@Michal\_Goralczyk](https://forum.inductiveautomation.com/u/Michal_Goralczyk)\
**Post date:** [September 8, 2026, 1:36pm UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/46 "2026-09-08T13:36:46Z")

</div>

Thank you for this! I really enjoy using these extesion.

---

<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:** [September 16, 2026, 6:47am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/47 "2026-09-16T06:47:09Z")

</div>

# 🚀 vCortex 0.14.61 — New Map Component

We’re excited to announce the release of **vCortex 0.14.61** , introducing a brand-new **Map component powered by MapLibre GL** for Ignition Perspective.

This release brings a powerful WebGL-based mapping engine to vCortex, designed for applications that need high-performance geographic visualization, large numbers of assets ( **5M points** ), 2D/3D mapping, interactive layers, and advanced map operations.

## New Features & Enhancements

Map Key capabilities include:

- **WebGL-based rendering** for efficiently displaying large numbers of geographic features.

- **Raster XYZ tiles** , Raster DEM terrain, and georeferenced image overlays.

- Built-in **Polygon, Polyline, Rectangle, and Geodesic Circle** layers.

- High-volume GPU-rendered **Markers, GeoJSON features, and 3D models**.

- Multiple display modes including **Markers, Circles, Clusters, and Heatmaps**.

- **Zoom-dependent marker, 3d model, Geojson, vector hape sizing**.

- Support for:

### Easy Migration from Perspective Native Map

The Map component uses a property schema that is **very similar to the native Perspective Map component** , making it easier to migrate existing projects and start using the additional MapLibre capabilities.

### Advanced GeoJSON Support

GeoJSON can be provided either:

- Directly as an **inline Python object** , or

- Through a **URL** (perfect for high volume GIS data)

GeoJSON layers support configurable:

- Paint

- Layout

- Filters

- Tooltips

- Popups

The component also supports **MapLibre filter expressions** , allowing complex filtering logic to control which geographic features are displayed.

### Clustering & Heatmaps

High-volume geographic data can be visualized using Point and MultiPoint clustering, Heatmaps for all layers (views, markers, 3d Models, Geojosn)

![marker display](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/b/db7a80e68b19a5e8aa60aa7d32ddf330b8838820.gif)

### 3D GLTF / GLB Models

The Map component supports **GLTF and GLB 3D models** with:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/a/ba72796eb793f128529a8a1dc9298163c44b21d2.jpeg)

- Zoom-dependent sizing

- Visibility ranges

- Tooltips

- Popups

- Click events

- MultiPoint clustering

- Heatmaps

This makes it possible to visualize real-world assets such as equipment, vehicles, buildings, infrastructure, and other industrial objects directly on the map.

### Interactive Selection & Measurement

New interaction tools include:

- **Freehand lasso selection**

- Selected-feature highlighting

- Distance measurement

- Area measurement

- Editable measurement lines and polygons

### 🎬 Camera Animation & Asset Movement

The Map component also provides advanced animation capabilities:

- Multi-step camera animation using predefined routes and Programmatic camera control

- Smooth Animated movement of point assets

- Support for pitch, bearing, and rotation

### 2D & 3D Globe Mode

- Mercator projection

- Globe (3D) mode

Users can interact with the map through:

- Pitch

- Bearing

- Drag rotation

- Touch gestures

- 2D/3D keyboard navigation

### Marker, Geojson, 3d model Auto labeling

Auto labeling based on the layer item features/properties with zoom level control and camera auto aligment.

![label](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/5/e537c8e93f996eb9feab813faeb89113d9bcda47.gif)

### Perspective Integration & MapLibre API

The Map component integrates with Perspective through:

- Perspective component events

- Script-callable MapLibre operations

- Extensive exposure of the **MapLibre API** through component functions

This allows developers to combine Perspective scripting and events with the underlying MapLibre functionality to build highly interactive mapping applications

When needing to serve GIS assets such as GeoJSON, GLTF/GLB models, map tiles, or other static files for your Map application, you can use our FileCortex module to serve them directly from the Ignition Gateway:

> [@Introducing i4Cortex's FileCortex: Free Static File Serving for Ignition](https://forum.inductiveautomation.com/t/introducing-i4cortexs-filecortex-free-static-file-serving-for-ignition/117054):
>
> Introducing FileCortex: Free Static File Serving for Ignition Hi everyone, We'd like to introduce FileCortex, a small Gateway module we've developed for Ignition. FileCortex is a free module that provides a simple and secure way to serve static files and Single-Page Applications (SPAs) directly from the Ignition Gateway. The idea is pretty simple: if you already have files on the Gateway machine that you want to make available over HTTP/HTTPS, you can expose specific folders through FileCorte…

### Zoom & Pan Viewer

The **Zoom & Pan Viewer** has also been enhanced with a new:

- `interaction.preventScrolling`

property, providing better control over page scrolling when interacting with the component.

We’d love to hear your feedback, especially from anyone using the new **Map component** in real-world Perspective applications.  
[Download Link](https://i4cortex.com/product/vcortex-visual-component/)  
[Manual](https://i4cortex.com/wp-content/uploads/ignition_module/vcortex/v1/manual.pdf)

---

<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:** [October 21, 2026, 8:40am UTC](https://forum.inductiveautomation.com/t/vcortex-i4cortex-visualization-component-pack/100186/48 "2026-10-21T08:40:14Z")

</div>

**5 Million Moving Flights & Ships in Ignition!**

We’ve created a flight-radar-style demo showcasing the performance of our **MapLibre component in the vCortex module** , with **5 million simulated aircraft and ships moving across the map**.

The client with dedicated Graphic card this number can increase up to 20M points of moving data.

Watch the video to see it in action, then try the demo project yourself by reinstalling the module!

If the demo was previously installed, delete `playground-state.properties` from the following folder before reinstalling to trigger its installation again:

```shell
\Inductive Automation\Ignition 8.3.10\data\vcortex

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/3/5394eb9a28306fd819750775d12e0dd5cef26b00.jpeg)

[![](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/5/956d256004080779d4bf3e67eb3e11286f9eed41.jpeg "1 Million Moving Flights & Ships in Ignition!") ](https://www.youtube.com/watch?v=hFlp0rIER3A)

You can also download out latest version of demo separately from our site:

> **[i4cortex-vcortex - i4cortex](https://i4cortex.com/i4cortex-vcortex/)**
>
> i4Cortex/Modules/vCortex Visual component module for Ignition Perspective More capability. Less reinvention. vCortex is an integrated collection of advanced visualization components

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