i
IoTSpark
Back

Circuit Diagram (Diagram)

Drag and drop components, wire connections, Auto-Connect modules, and handle warnings on the canvas.

Switching Projects, Saving, and Exporting the Diagram

Viewing a module in "My Library"

  1. Click a module card in the "My Library" tab.
  2. The module opens in view mode in the center area.
  3. Click the edit button (pencil icon) to switch to edit mode.
  4. Click "Cancel" to discard changes and return to view mode.

(Creating a new hardware module — filling in pinout, uploading images/PDF datasheet — belongs to a separate guide group, "Custom Hardware Modules".)

Switching Between Projects (Project Picker)

  1. Click the down-arrow button (tooltip "Open Another Project") next to the project name field at the top of the page.
  2. If the diagram has no unsaved changes: the project list modal opens immediately.
  3. If the diagram does have unsaved changes: a confirmation dialog appears with 3 options:
    • Cancel — close the dialog, stay on the current project.
    • Discard Changes — open the project list right away, discarding unsaved changes.
    • Save — save changes first, then open the project list.
  4. Choose a project from the list to switch to it.

Result: the URL changes to /workspace/projects/<new-project-id>, and the project name field updates to match the project you just opened.

Saving the Diagram & Auto Save

  • The "Save" button at the top of the page is only enabled when there are unsaved changes; it changes to "Saving..." while saving, and "Saved" once clean.
  • The "Auto Save" toggle — turn it on so the system automatically saves a few seconds after you stop making changes; turn it off to save only manually via the "Save" button.

Exporting the Diagram

  1. Click the download icon (tooltip "Export") next to the project name field at the top of the page.
  2. The "Exports" panel appears with 4 options:
    • Export PNG
    • Export SVG
    • Export PDF — opens a preview modal, click "OK" to export. If the diagram has never been saved, the modal will ask you to click "Save" in the workspace first.
    • Export ZIP Bundle — a full export package (including an SVG version as well).

Note: the Export buttons are disabled during a read-only viewing session (admin silent-view).

Switching Diagram / PCB

At the top of the page there are 2 tab buttons: "Diagram" (the wiring canvas — this guide group) and "PCB" (preview the PCB layout — belongs to the separate "PCB Editor" guide group).

Sending Feedback (Feedback & Support)

  1. Click the chat bubble icon button (tooltip "Feedback & Support") at the top of the page.
  2. Select one or more related features from the list.
  3. Fill in the short description and detailed description fields.
  4. Click the send button.

Result: a "Sent successfully!" notification appears. Click the "View All" link to open the /member/support page in a new tab.

Example

After finishing the "Room Temperature & Humidity Monitoring Station" diagram, click the Export button → "Export PDF" to get a file with the wiring diagram, and send it to someone else to assemble the real hardware without them needing to log in to the system.