The source hot is spliced to the red wire which is connected to the bottom terminals on the switch at the other end. The black wire is connected to the top terminal on the switch which runs power back to the fan where it is spliced to both the black and blue fan wires.
This diagram is similar to the one above, but with the electrical source originating at the fixture. Three-wire cable runs from there to the controllers. The neutral wire from the source is spliced directly to the white wire on the fan/light. The hot source wire is spliced to the white on the 3-wire cable and then spliced to the input wires on both controllers at the other end.
This ground fault circuit interrupter wiring diagram of the same device leaves the switch out of the protected circuit. With this arrangement the receptacle is protected but the switch remains outside the circuit. This arrangement can be used to control a light or other device where the extra protection of a gfci is not necessary.
In this diagram, two receptacle outlets are wired in the same box with a separate 120 volt source feeding each. Three-wire cable runs into the box. The black and red wires are hot and each is connected to one of the receptacles. The white, neutral wire is splice to each outlet so they share the return path. This is appropriate for standard duplex receptacles, but should not be used for GFCI receptacles. GFCI’s must have dedicated neutral connections to work properly.