News

All the latest news about Circuit Diagram. Read about new features, upcoming releases and more.

Web Editor Beta

We are excited to announce a new version of the Web Editor has recently been in development and is now available to try in a closed beta.

The new Web Editor has been re-written from the ground up and features a number of improvements including a new dark mode.

Web Editor 2.0

To be among the first users to try the new editor, follow us on Twitter @Circuit_Diagram where we will be sharing invite codes to join the beta.

Continue reading


New Web Editor Features

The Web Editor is regularly updated with new features and improvements. Here are a few of the new features that have been added recently.

Copy and Paste

Cut, copy and paste components and layers between circuits using the keyboard shortcuts Ctrl+X, Ctrl+C and Ctrl+V.

Copy and paste

Resistor, Inductor and Capacitor Improvements

These components can now display both their text and value properties at the same time.

Resistor, inductor and capacitor

Adding More Components

Many components are available by default in the Web Editor, but for even more, click on the Add more components button.

Add more components

Continue reading


Circuit Netlists

Circuits created using the Web Editor can now be viewed or exported as a circuit netlist.

Netists describe how components in a circuit are connected together, and are commonly used for circuit analysis, simulation and PCB design.

The circuit details page also shows a rendered view of the circuit with each of the netlist nodes marked on the circuit visually.

Netlist nodes

The above circuit is represented by the following netlist:

V1 1 0 5
R2 2 0 220
R3 1 2 220

Continue reading



Visual Studio Code Extension

Build custom components in Visual Studio Code with the new VS Code extension.

As an additional option to using componenteditor.com, you can now use Visual Studio Code to create and edit custom components.

The extension is currently available as an early preview. It provides the following features:

  1. Show component syntax errors in the VS Code editor
  2. Render a preview that can be viewed in VS Code
Screenshot

Continue reading


Circuit Simulation

Simulate your circuits using the new simulation functionality in the web editor.

Simulate button

After clicking the simulate button, you will be presented with a snapshot of the simulated version of your circuit. This displays the voltages at all of the connection points in your circuit, and any components with dynamic behaviour will be rendered appropriately. For example, the Lamp will be lit if there is a voltage difference across it, and the 7 Segment Display will illuminate to show the input number.

Please be aware that this is a preview service and currently only supports a limited number of components. You might also experience some circuits that cannot be simulated while we are still working on improving this new feature.

Below is a copy of the simulation output from the Simulation Demo circuit:

Simulation results

Continue reading


New Web Editor

The web-based version of Circuit Diagram has been redesigned and is now available to use. The new and improved features are:

  • Improved interface
  • Undo/redo functionality
  • More components
  • Larger document size
  • Improved property editing
  • More download options including PNG and SVG

You can share links to circuits, and publish them on the circuits section.

Web editor

Get link will provide a link to your circuit without listing it in the circuits directory.

Publish will make your circuit available for others to view in the circuits section.

Continue reading



Circuit Diagram Web Editor

Design circuit diagrams online in your browser using the new web editor.

The web editor can open and save circuit document files that are compatible with the desktop version of Circuit Diagram, and can export SVG images.

Circuit Diagram Web Editor

Start using the new web editor here.

Continue reading


Circuit Diagram 3.1 Released

This release adds a search feature to the toolbox to enable components to be found more quickly.

Open the search box by clicking the search symbol in the toolbox, or pressing the Q button on the keyboard.

Begin typing the name of the component you would like to use, and press Enter as soon as you see it. There is no need to type the entire component name.

Cancel and close the search box by pressing Esc on the keyboard.

Toolbox search

Download Circuit Diagram 3.1 here.

Continue reading