How about electronic circuit

January 14, 2024

JS lib for drawing electronic circuit can not be found, and following is the current alternative.

plain text

            R1
     +----\/\/\----+
     |             |
     | +           >
 ε1 ---            < R2
     -             >
     |             |
     +----\/\/\/---+
             R3

mermaid

flowchart LR o1 --- R1 --- o2 o2 --- R2 --- o3 o4 --- R3 --- o3 o1 --- E1 --- o4 R1["R1"] R2["R2"] R3["R3"] E1(["ϵ1"]) o1((" ")); o2((" ")); o3((" ")); o4((" "));

{{< mermaid >}}
flowchart LR
  o1 --- R1 --- o2
  o2 --- R2 --- o3
  o4 --- R3 --- o3
  o1 --- E1 --- o4
  R1["R1"]
  R2["R2"]
  R3["R3"]
  E1(["ϵ1"])
  o1((" ")); o2((" ")); o3((" ")); o4((" "));
{{< /mermaid >}}

svg

{{< blank/svgpath width=200 height=200 >}}
B_STYLE red,3,none # resistor 1
M 40 30
l 40 0 l 2.5 10
l 5 -20 l 5 20 l 5 -20 l 5 20 l 5 -20 l 5 20 l 5 -20
l 2.5 10 l 40 0

B_STYLE green,3,none # resistor 2
M 160 30
l 0 40 l 10 2.5 
l -20 5  l 20 5 l -20 5 l 20 5 l -20 5 l 20 5 l -20 5
l 10 2.5 l 0 40

B_STYLE blue,3,none # resistor 3
M 160 150
l -40 0 l -2.5 10
l -5 -20 l -5 20 l -5 -20 l -5 20 l -5 -20 l -5 20 l -5 -20
l -2.5 10 l -40 0

B_STYLE cyan,3,none # battery 1
M 40 150
l 0 -50
m -8 0 l 16 0
m -8 -10 l -20 0 l 40 0
m 0 -10 l 0 -10 m -5 5 l 10 0
m -25 15 l 0 -60 
{{< /blank/svgpath >}}

refs

Not quite meet the need, but inspiring