Examples Overview

Runiq diagrams span multiple domains. Browse by category:

Visual Communication

Smart diagram layouts for presentations, reports, and visual storytelling.

Glyphset Diagrams

List Layouts: Vertical, horizontal, alternating, chevron, bending picture
Process Flows: Linear, circular, alternating, stepped, continuous cycles
Hierarchies: Pyramids, stacked lists, organizational charts, nested blocks
Comparisons: Balance scales, opposing lists, pros/cons, comparison tables
Relationships: Venn overlaps, converging/diverging flows, connected blocks
Matrices: 2×2 grids, quadrants, segmented cycles, grouped lists
Visual Metaphors: Funnels, targets, gears, puzzles, containers
Applications: Presentations, reports, infographics, strategic planning

Glyphset Catalog

Full list of every glyphset type
Min/max item counts and descriptions
Quick scan for available SmartArt-style patterns

Decorative Elements

Callouts, badges, dividers, and typographic accents
Mixed into any diagram profile layout

Software Engineering

Build architecture diagrams, UML models, and process flows.

Flowcharts

Authentication flows with validation
State machines and decision logic
Algorithm visualization
Multi-container architectures
Visual Examples: Auth flow, ETL pipeline, bubble sort

Mindmap Diagrams

Radial layout for visual thinking
Automatic shape assignment with type:mindmap
Hierarchical project breakdown
Learning roadmaps and knowledge mapping
Examples: Simple mindmap, project planning, learning roadmap, business strategy

Data Flow Diagrams

Gane-Sarson notation for system analysis
Processes, data stores, external entities
Requirements documentation and integration planning
Examples: Order processing, library system, user registration, payment integration

State Machine Diagrams

UML statecharts modeling object lifecycles
Entry/exit actions and do-activities
Event-driven transitions with guards
Composite states and history states
Examples: Traffic light, door lock, vending machine, media player
Applications: UI states, device controllers, protocol implementations

Activity Diagrams

UML activity diagrams for workflow modeling
Action pins and object nodes
Swimlanes (horizontal and vertical)
Signal events and time events
Fork/join, decision/merge nodes
Examples: Order processing, CI/CD pipeline, microservices communication
Applications: Business processes, data pipelines, parallel workflows

BPMN Diagrams

Business Process Model and Notation (BPMN 2.0)
Pools, lanes, and nested containers
Event types (start, intermediate, end)
Gateway types (exclusive, parallel, inclusive)
Message flows between participants
Examples: Order fulfillment, purchase order process, cross-functional workflows
Applications: Business process automation, enterprise workflows

Sequence Diagrams

UML interaction diagrams showing message exchanges
Synchronous and asynchronous messaging
Activation boxes and lifelines
Return messages and self-calls
Fragment operators (loop, alt, opt, par)
Timing constraints and delays
Visual Examples: Auth flow, API error handling, async messaging
Applications: API design, protocol documentation, user stories

Railroad Diagrams

Grammar and syntax rules with EBNF shorthand
Left-to-right deterministic layout
Branches, loops, and optional paths
Examples: Arithmetic grammar, JSON subset, URL grammar

Class Diagrams

UML class modeling with relationships
Attributes, methods, and visibility modifiers
Association, aggregation, and composition
Inheritance and interface implementation
Generic types and collections
Design patterns (factory, strategy, observer)
Applications: Object-oriented design, database schema, API modeling

Use Case Diagrams

UML actor interactions
System boundaries
<<include>> and <<extend>> stereotypes
Banking, e-commerce examples
8 actor shape styles

C4 Architecture Diagrams

C4 architecture model (context, container, component)
Microservices topology
Multi-tier applications (3-tier)
System context and container views
Component-level detail
Visual Examples: E-commerce system, banking platform, microservices
Applications: Architecture documentation, system design reviews

Data Visualization

Create charts and visual analytics for presentations and reports.

Chart Diagrams

Bar charts (vertical, horizontal, grouped, stacked)
Pie charts with labeled slices and percentages
Line charts for time series and trends
Radar/spider charts for multi-dimensional metrics
Sankey diagrams for flow visualization
Applications: Business reporting, data analysis, KPI tracking

Treemap Diagrams

Hierarchical area layouts for portfolio breakdowns
Value-to-area mapping with groups and items
Useful for budgets, usage, and resource allocation

Venn Diagrams

Set overlap analysis (2-circle and 3-circle)
Automatic region calculations and intersection labels
Market segmentation and skill assessment
Visual Examples: Market overlap, developer skills, customer segments, feature adoption
Applications: Set theory, competitive analysis, skill mapping

Pyramid Diagrams

Hierarchical stacked visualizations
Proportional width scaling from data
Organizational hierarchies and sales funnels
Visual Examples: Maslow's hierarchy, org structure, sales funnel, learning levels
Applications: Hierarchical data, process stages, organizational charts

Control Logic

PLC-style ladder and function block diagrams for automation logic.

Control Logic Diagrams

Ladder rungs with contacts and coils
Function block diagrams with timers and outputs
Supports: NO/NC contacts, set/reset coils, TON timers

Mechanical Systems

Linkages and mechanisms for robotics and motion design.

Kinematic Diagrams

Joints, links, and actuators for mechanism layouts
Four-bar linkages, slider-cranks, and robot arms
Applications: robotics, mechanism design, motion studies

Electrical Engineering

Create professional IEEE-standard circuit diagrams.

Analog Circuits

RC/RL/RLC filters
Op-amp amplifiers (inverting, non-inverting)
Voltage dividers and regulators
LED circuits, bridge rectifiers
Full SPICE support (R, L, C, V, I, D, Q, M, OPAMP)
Visual Examples: RC filter, voltage divider, op-amp
Export to SPICE netlist for simulation

Digital Design

Design logic circuits with Verilog HDL export.

Digital Circuits

Combinational: Half/full adders, multiplexers, ALU
Sequential: D/T/JK flip-flops, counters, shift registers
All basic gates: AND, OR, NOT, NAND, NOR, XOR, XNOR
Truth tables and timing diagrams
4-bit ALU and 8-bit shift register examples
Export to Verilog for synthesis and simulation

Quantum Computing

Visualize quantum circuits and algorithms.

Quantum Circuits

IBM Qiskit-style quantum circuit diagrams
Single-qubit gates: Pauli (X, Y, Z), Hadamard, Phase (S, T)
Multi-qubit operations: CNOT, SWAP, controlled gates
Measurement and barriers
Qubit register visualization
Applications: Quantum algorithm design, education, research papers

Fluid Power Systems

Design pneumatic and hydraulic circuits following ISO 1219-1 standards.

P&ID Diagrams

Piping & Instrumentation Diagrams (P&ID) following ISA-5.1
Equipment: Tanks, pumps, compressors, heat exchangers, separators
Instruments: Transmitters (pressure, temperature, level, flow)
Control loops: PID control, cascade control, anti-surge
Safety systems: PSVs, interlocks, emergency shutdown
Examples: Tank-pump transfer, heat exchanger control, 3-phase separator, compressor package
Applications: Oil & gas, chemical processing, power generation

Pneumatic Circuits

Cylinders: Single-acting (spring return), double-acting
Valves: 3/2-way, 5/2-way, check valves
Air preparation: FRL units (filter, regulator, lubricator)
Flow control and speed regulation
Pressure specification (bar, psi, kPa, MPa)
Flow rate specification (L/min, CFM, m³/h)
Visual Examples: FRL unit, cylinder control, sequential A+B+B-A-
Applications: Factory automation, material handling, assembly

Hydraulic Circuits

Power generation: Fixed/variable pumps, reservoirs
Actuators: Hydraulic motors and cylinders
Valves: 4/3-way directional control, relief, reducing
Flow control and load sensing
Fluid specifications: Mineral, synthetic, biodegradable, fire-resistant
Temperature ranges and viscosity grades (ISO VG)
Visual Examples: Power unit, press system, motor control
Applications: Heavy machinery, presses, mobile equipment

HVAC Diagrams

Air handling units, coils, and VAV boxes
Supply/return ducting and diffusers
Sensors: temperature, pressure, thermostats
Visual Examples: Office AHU, rooftop unit
Applications: Commercial buildings, campuses, data centers

Medical & Genetics

Family tree diagrams with spouses, parentage, and adoption support.

Pedigree Diagrams

People with name, DOB, DOD, and sex markers
Spouse relationships (optional date)
Parentage and adoption connections
Multi-generation family layouts

Strategy & Planning

Strategic mapping tools for business analysis and decision-making.

Wardley Maps

2D strategic mapping: Evolution × Value Chain axes
Component positioning: Genesis → Custom → Product → Commodity
Value chain dependencies and flow visualization
Evolution indicators showing strategic movements
Inertia markers for organizational resistance
Anchor points for user needs and outcomes
Visual Examples: Tea shop, technology evolution, business strategy
Export to SVG for presentations and documentation

Productivity Visuals

Planning and collaboration diagrams for teams.

Kanban Boards

Swimlanes, columns, and card metadata
WIP limits and workflow visualization
Examples: Product roadmap, bug triage, campaign planning

GitGraph Diagrams

Branches, commits, merges, and tags
Useful for release flows and hotfix pipelines
Examples: Release flow, feature train, milestone tags

Timelines & Chronology

Visualize events and milestones over time.

Timeline Diagrams

Chronological event visualization
Project roadmaps and milestones
Company history and growth phases
Product release schedules
Career progression tracking
Horizontal or vertical orientation
Period backgrounds with opacity
Custom colors and icons
Visual Examples: Software project, company history, product releases, career journey
Applications: Project planning, historical narratives, version tracking