Link Search Menu Expand Document (external link)

Lesson 2: Circuit Schematics

Table of Contents

  1. Common electronic symbols
  2. Pictorial vs. circuit schematics
  3. Schematics do not capture physical arrangement
  4. Representing connected vs. unconnected wires
  5. Voltage source and ground nodes
    1. A real example
  6. Activity: Building circuit diagrams in Fritzing
    1. Download and install Fritzing
    2. Download and install Adafruit Fritzing library
    3. Using Fritzing
    4. For your prototyping journal
  7. Schematic building tools
  8. Resources
  9. Next Lesson

Before going any further, it’s useful to introduce circuit schematics, which are diagrammatic abstractions of circuits—this will allow us to “speak” about and describe circuits visually.

Unlike the more realistic pictorials that we have used thus far (e.g., like this or this), circuit schematics are the lingua franca of electronics—they are a compact, standardized, and visual representations of circuits. You’ll find them in electronic datasheets, CAD layout software, and circuit analysis.

But, like any “language”, schematics take time and experience to learn and understand. For the most part, we will try to offer both pictorial representations and schematic representations in our tutorials but schematics are preferred for circuit analysis and you’ll need to build up understanding in order to parse component datasheets—an important skill!

Common electronic symbols

Below, we’ve included some common electronic symbols for basic circuits. We will begin using these symbols in our next lesson on Ohm’s Law, so it’s important to study them. What do you observe?

For the most part, the symbols are clean, distinguishable, and help capture the “essence” of the underlying component. Notice how a resistor and a resistive (incandescent) lamp are related—and, as resistive elements, they share a zig-zaggy line. Notice too how the diode and light-emitting diode (LED) are visually similar (they are both diodes!)—the latter includes two little arrows indicating light emission.

For more examples, see Wikipedia’s entry or visit one of the Resources listed below.

An image showing the electronic symbol for voltage source, current source, battery, resistive light (lamp), resistor, switch, diode, and LED

Figure. Common electronic symbols. For the battery, the long line is used to indicate the positive terminal and the short line is the negative terminal (which is typically used as ground). Image made in PowerPoint.

Pictorial vs. circuit schematics

To demonstrate the difference and utility of pictorial vs. circuit schematics, we provide some examples below.

In the first example, we have a 1.5V battery with a 100Ω resistor. Unlike pictorial diagrams (on the left), circuit diagrams can be more visually compact as well as legible in black-and-white.

Image shows a pictorial representation of a basic circuit with a 1.5V battery, a switch, a resistor, and an LED along with a circuit schematic reprentation

Figure. An example pictorial diagram and circuit schematic of a basic switching circuit with a 1.5V battery, a switch, a resistor, and an LED. Note: in a circuit schematic, the long line on the battery is used to indicate the positive terminal. Image made in Fritzing and PowerPoint.

Below, we have two additional examples. On the left, a 9V circuit with three components: a switch, a 470Ω, and an LED. On the right, we have two 1.5V batteries in series (stacked together, which creates a 3V voltage source) and a resistive light bulb (lamp). Do the schematic representations make sense? Do they seem to match their pictorial counterparts? Why or why not?

Two additional pictorial diagrams. vs. circuit schematics

Figure. Additional examples of pictorial diagrams vs. circuit schematics for two more circuits. Right-click on the image and open it in a “new tab” to zoom. Image made in Fritzing and PowerPoint.

Schematics do not capture physical arrangement

While a circuit schematic captures the relative ordering of and connections between components, the spacing and overall layout is not captured. When followed, you can use circuit schematics to build a circuit—a bit like following Ikea instructions. But, in this case, the schematic only captures the electrical relationships between components. So, you can use whatever spatial layout you want—as long as it is functionally equivalent to the diagram.

For example, the following five schematics of a basic LED circuit are all functionally equivalent! Take your time reading them—do you agree that they are all equivalent? What stands out to you?

This image shows five different equivalent examples of a basic LED circuit with a 9V source, a resistor, and an LED

Figure. Though they look different, all five of these basic LED circuits are functionally equivalent. Each of them have the positive terminal of the battery connected to a resistor, then an LED, and the cathode of the LED is connected to the negative terminal of the battery. Image made in PowerPoint.

Representing connected vs. unconnected wires

When reading a circuit schematic, it can be difficult to properly interpret crossing wires—i.e.,are those wires connected or not?” Thankfully, there is a standard for this as well (though some deviations are possible).

A wire is shown as a solid line. When two or more wires connect, the junction is typically depicted by a black dot—we call this junction a node. For crossing (unconnected) wires, there is no black dot. As Hughes notes, schematics created before ~1980 used a hump or arc to indicate that one wire cross another without connecting (far right in image below). While valuable, this practice is far less common today perhaps because of the greater complexity of modern circuits, which have more crossing wires (thus, those humps could be visually distracting).

Examples of how to differentiate between connected and unconnected wires in a circuit schematic

Figure. When reading a circuit schematic, it’s important to properly assess and understand which wires are connected and how—but determining whether a crossing wire is unconnected (e.g., jumping over a wire) or connected (i.e., forming a node) can be confusing. Above, we show various examples of how to interpret whether wires are connected in a circuit diagram. Image made in PowerPoint.

But this can quickly get confusing. For example, are the two circuits below equivalent or not? In fact, they are! When in doubt, redraw the circuit yourself on a piece of paper!

An image of four block elements connected together in a certain arrangement and two equivalent circuit diagrams

An example of how even simple circuits can start to get confusing. What’s connected to what? Are these two circuits the same? In fact, yes! When in doubt, redraw the circuit on paper. Image from Stanford’s ENGR 40M course.

Voltage source and ground nodes

On many circuit diagrams, you’ll see special symbols used to denote the voltage source and ground nodes. Positive voltage source nodes are usually indicated by an arrow pointing up while ground nodes are typically pointed down (with a flat line, downward pointing triangle, or three lines).

Shows examples of positive voltage sources (upward arrows) and ground nodes (downward pointed triangles)

Using these symbols has the advantage of more clearly marking what the reference or ground node of a circuit is but, more importantly, also allows the circuit designer to render more clean diagrams (by removing needless wires).

For example, all four versions of this simple LED-based circuit are functionally equivalent but the one on the right is far simpler.

Shows four equivalent circuits but the two on the right use the special voltage and/or ground node symbols

Four examples of the same circuit drawn differently. The circuit visuals become increasingly minimalist from left-to-right. Image made in PowerPoint (inspired by Section 5.6 of Electronics for Beginners)

A real example

In the schematic below, you can see how the circuit designer made use of the voltage source and ground node symbols. This declutters the diagram by reducing the need to have many lines (wires) drawn to a shared \(GND\) node.

A circuit diagram of the 5V regulator on the RedBoard

This circuit schematic is of the 5V voltage regulator on the Sparkfun RedBoard, Sparkfun’s open hardware version of the Arduino Uno R3 board. Notice how the schematic uses the voltage source and ground node symbols? A voltage regulator is a system designed to maintain a constant voltage and is used here to stepdown 7-15V source inputs to a constant 5V. The full schematic is here.

The circuit schematic above also has a number of other symbols, including polarized and non-polarized capacitors (two parallel lines), a zener diode, and the LM1117 linear regulator.

Activity: Building circuit diagrams in Fritzing

For your learning activity, we would like you to build both a pictorial representation and a schematic representation of the same circuit in the open-source hardware layout tool Fritzing. While the production version of Fritzing is € 8, you can download development versions for free on GitHub.

Download and install Fritzing

The latest development version of Fritzing is CD-548. Visit the GitHub Fritzing releases page and scroll down to CD-548, then click on the ‘Assets’ link, which will expand a download menu for compiled versions of Fritzing for various OSes. See image below.

Screenshot of the GitHub releases page for Fritzing

Figure Go to the GitHub Fritzing releases page, scroll down to CD-548, then click on the ‘Assets’ link to download a free development version of Fritzing.

Download and install Adafruit Fritzing library

Adafruit maintains an open-source repository on GitHub of all their custom electronic parts for Fritzing (cool!). If you’re using Adafruit parts in your projects, we strongly recommend downloading and installing the Adafruit Fritzing Library—just follow the installation instructions here!

Using Fritzing

Once you’ve downloaded and unzipped the Fritzing release, open it and follow this tutorial video. Together, we will make a simple LED-based circuit with a 9V battery, a switch, a resistor, and an LED. To complement the video, we also have this simple Fritzing PDF guide.

Video A video tutorial of using Fritzing to build a simple LED-based circuit.

Unfortunately, while you can create nice pictorial and schematic diagrams of circuits in Fritzing, you cannot simulate them (ugh, I know!). So, you have to use another tool for this.

For your prototyping journal

For your prototyping journal, take a screenshot of what you made following the tutorial video. Then save a new file, and make a simple modification to the circuit—it could be switching to a different color LED or adding in another part of the circuit. Take a screenshot of this new modified circuit and describe it, briefly, in your journal.

As usual, you should also report on any challenges or confusions you experienced!

Have fun!

Schematic building tools

There are a number of schematic building tools aimed at makers, each with their own tradeoffs.

  • Circuit.io. Has some very interesting auto-completion features, combines design+code, is purely a web app. No simulation support.

  • Fritzing. Provides both pictorial (“breadboard”) plus schematic representations. Was “industry standard” for many years but has struggled with fundraising and feature improvements of late.

  • Tinkercad Circuits. Allows you to design Arduino-based circuits, write code, and simulate. Does not provide schematic representations.

Resources

Next Lesson

In the next lesson, we will learn about Ohm’s Law, one of the most important and fundamental empirical laws in electrical circuits that relates voltage, current, and resistance together in a rather simple equation: \(I = \frac{V}{R}\).

Previous: Voltage, current, and resistance Next: Ohm’s Law


This website was developed by Professor Jon E. Froehlich and the Makeability Lab using Just the Docs. If you found the website useful or use it in your teaching, we'd love to hear from you: jonf@cs.uw.edu. This website and all code is open source (website GitHub, Arduino GitHub, p5js GitHub). You can find the MakeabilityLab_Arduino_Library here. Found an error? File a GitHub Issue.