Synoptic Designer is the browser-based companion editor for Synoptic Panel. It helps you create, update, bind, save, and export SVG-based maps without leaving project content on a server.
NOTE: You can use Synoptic Designer in a browser on any device, including Windows, Mac, Linux, and mobile devices. It works best in modern browsers such as Chrome, Edge, Firefox, and Safari. Visit synoptic.design to try it out.
Use Synoptic Designer when you need to:
- create a new Synoptic Panel map from a blank canvas;
- trace a bitmap image into editable SVG areas;
- clean up or extend an existing SVG map;
- edit an existing JSVG map while preserving data binding metadata;
- prepare a map that can be imported into Synoptic Panel.
The following workflow creates a first SVG area from a blank project.
Synoptic Designer is intentionally focused on Synoptic Panel map authoring. It includes common vector editing tools, but it is not meant to replace a full illustration application.
What Synoptic Designer Creates
Synoptic Panel uses SVG maps. A map area is usually an SVG shape or group with an identifier that can be matched to a value in the Categories field well. Synoptic Designer keeps that relationship visible while you edit the map.
For the complete matching behavior, see Data Binding in the Synoptic Panel documentation.
The main export format is JSVG. A JSVG file is a JSON map file that contains the SVG artwork plus optional Synoptic Panel data mapping. This allows Synoptic Designer to preserve:
- SVG shapes, groups, text, and supported embedded images;
- area identifiers used for automatic binding;
- Area, Link, and Decoration behavior;
- external URLs assigned to Link elements;
- explicit data point bindings;
- areas marked as Do Not Bind;
- optional area titles;
- tracing images embedded by Synoptic Designer.
Local-Only Workflow
Synoptic Designer runs in the browser. Core workflows do not require a Power BI connection, an OKVIZ account, cloud storage, or a backend service.
Project files, imported data lists, bitmap tracing images, and saved browser-local projects remain local to the browser unless you explicitly export or download a file.
NOTE: Browser-local projects are saved in the current browser profile. They are useful for continuing work later on the same device, but they are not a cloud backup. Export a JSVG file when you need a portable copy.
For a tour of the editor layout, see Workspace.