All projects
Visual Toolkit mark, a white pump outline with a green status dot on a charcoal tile
Visualization

Visual Toolkit

By Grindstone Systems (opens in a new tab)

FREE TO USE
KindWeb toolAddedListing reviewedReleaseNot provided
A skid in 3D · 1 of 7
Expanded The Visual Toolkit Skids page in 3D, showing a tank, two control valves and a pump set on a dark grid, joined by swept pipes with glowing flow tracers and tag labels, next to a short HMI review and the export buttons.

Generate state-aware industrial symbols and stylised 3D equipment from parameters, connect them into skids, then export SVG, smart SVG or glTF.

SymbolsSVG3DglTFWebGPUHMI designIgnitionOpen source

What it does

Visual Toolkit creates industrial equipment graphics from parameters instead of from a fixed library. Choose from eleven families (pump, valve, motor, tank, conveyor, heat exchanger, blower, compressor, static mixer, instrument and pipe fitting) and shape it: discharge direction, driver, actuator, heads, length, level, detail. Every symbol follows the same visual language and has seven designed operating states.

What you can make

  • 2D symbols in three styles (modern, high-performance, outline) and light or dark themes. Every abnormal state has a shape-coded badge, so status never depends on colour alone.
  • Smart SVGs. One file holds every state. A host page switches it by setting data-vt-state, and a tank's level follows --vt-level. No runtime library is needed.
  • Stylised 3D models from the same parameters, exported as standard glTF (.glb) with the same part names and states. The 3D view has cutaways, an exploded view, moving product, rippling liquid, and Studio, Plant floor and Night environments.
  • Skids. Place equipment, connect ports, and pipes route themselves. The same skid shows in 2D or in 3D with flowing pipes, and a built-in HMI review checks shape coding, contrast, motion, tags and layout.

Exports

  • Plain SVG and PNG
  • Smart SVG
  • An Ignition kit (one SVG per state, starter metadata and a guide), a Perspective icon repository, a Drawing-ready SVG and theme CSS
  • Siemens WinCC Unified and Rockwell FactoryTalk Optix kits (not yet tested on those platforms)
  • Skid exports: SVG, PNG, .vt-scene.json, a 3D scene kit and an Ignition project: a Perspective view whose equipment and pipes change state with demo memory tags
  • .vt.json object files
  • .glb 3D models

Sharing

A design is a recipe of about 150 characters. The address bar is always a share link, and exported SVGs reopen in the builder. Scenes share the same way. Packs bundle designs, and a pull-request gallery collects community designs.

Where it fits

Visual Toolkit creates assets. It does not replace Ignition's Symbol Factory or Perspective Symbols, and it owns no alarming. Wiring to real equipment stays in Ignition. The sample project's memory tags are only for the demo. On an Ignition 8.3.9 gateway, images, tag-driven state sets, the icon repository (colour and mono), the Drawing component, the theme stylesheet and the sample project (installed on the file system) were verified. The guide lists what failed and what is untested.

Good to know

Everything runs in your browser as a static site, with no account and no server. The code is open source under Apache-2.0.

What’s free & what you’ll need

Free software setup available

The builder is a static site that runs entirely in your browser, with no account, server or time limit. Exported SVG, PNG, glTF and JSON files are yours to use. The source is Apache-2.0 and can be self-hosted. Gallery entries are CC0-1.0.

Understand platform costs
Web browser

License & access

Open sourceListed edition is free

Source code is available under the license below. Check the terms before modifying or redistributing.

Read Apache License 2.0 terms (opens in a new tab)

Before use in a plant

This listing is for discovery. OIC has not tested this release for cybersecurity, functional safety or production fit. Review the exact version with your authorized OT and safety teams; test it away from production before any plant connection.

Use & security guidance

Fit at a glance

Capability
Visualization & interfaces
Product type
Web tool
Works with
Exports for Ignition Platform
Deployment
Publisher-hosted, Local device, On-prem server, Cloud
Interfaces
Not provided
Release stage
Preview
Offline operation
unknown
Air-gap installation
unknown

Ignition Perspective compatibility reference ↗

Profile declarations and OIC classification; compatibility has not been independently tested.

Files & resources

Choose the package or document that fits your setup. These links go to locations chosen by the project publisher. OIC does not inspect the files or certify them for plant use. Read the project terms and verify the exact release before installing.

Requirements

Modern web browser

Free

The 2D builder and exports work in current Chrome, Edge, Firefox and Safari. The 3D view uses WebGPU where available and falls back to WebGL 2.

GitHub account

Free · Browse the gallery

Only needed to submit a design to the community gallery by pull request. Building, exporting and share links need no account.

Ignition Perspective

Optional paid setup

Optional destination for exported assets. SVG images, tag-driven state sets, the icon repository, the Drawing component, the theme stylesheet and the scene sample project were verified on an Ignition 8.3.9 gateway. 8.1, the gateway's project-zip import and the Designer's imports are untested.

Questions & answers

Is this a replacement for Symbol Factory or Perspective Symbols?

No. Visual Toolkit generates assets. Ignition keeps tags, bindings, alarming and its native components. Use Perspective Symbols where they fit, and Visual Toolkit for equipment and looks they don't cover.

Do I need an account or a server?

No. Everything runs in your browser. Share links carry the whole design in the URL fragment, which is never sent to the web server.

Can I use the 3D models elsewhere?

Yes. They are standard glTF 2.0 files that pass the Khronos validator and open in three.js, Babylon, PlayCanvas and Blender. Visual Toolkit metadata for states, levels and cutaways travels in the file's extras.

Has the Ignition workflow been tested?

Partly. On a fresh Ignition 8.3.9 gateway, SVG images, state sets swapped by a tag expression, the icon repository, a Drawing with a tag-bound fill and the theme stylesheet all worked. So did the sample project from the skid composer, copied onto the gateway's file system. The guide lists what failed and what is still untested, including 8.1, the gateway's project-zip import and the Designer's imports.

Project status

Preview · active

About this listing

Submitted by Grindstone Systems and reviewed for publication by OIC. Listing reviewed 2026-09-29. This does not establish affiliation, a security audit, or production certification.

Profile source: Approved repository snapshot · 0d3457f (opens in a new tab)

What listing review means
Suggest a correction

Help clarify a term, fix a link, or explain a missing requirement.

Download your note, then attach it to a correction issue in the public catalog.

Open a correction issue ↗