Neuron & Synapse
Pre-synaptic neuron, synaptic cleft, post-synaptic dendrite with key features.
Rendering…
Make it your own.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 260" width="640" height="260">
<style>
text { font:12px Inter, sans-serif; fill:#0f172a; }
.lab { font-weight:600; }
.small { font-size:11px; fill:#475569; }
</style>
<!-- Pre-synaptic neuron -->
<ellipse cx="100" cy="130" rx="55" ry="40" fill="#fef3c7" stroke="#0f172a"/>
<text x="80" y="135" class="lab">Soma</text>
<line x1="50" y1="130" x2="20" y2="100" stroke="#0f172a" stroke-width="1.6"/>
<line x1="50" y1="130" x2="20" y2="160" stroke="#0f172a" stroke-width="1.6"/>
<line x1="50" y1="130" x2="10" y2="130" stroke="#0f172a" stroke-width="1.6"/>
<text x="20" y="90" class="small">dendrites</text>
<!-- Axon -->
<rect x="155" y="123" width="200" height="14" fill="#dbeafe" stroke="#0f172a"/>
<text x="220" y="115" class="small">axon (myelinated)</text>
<!-- Myelin gaps -->
<line x1="200" y1="115" x2="200" y2="145" stroke="white" stroke-width="3"/>
<line x1="260" y1="115" x2="260" y2="145" stroke="white" stroke-width="3"/>
<line x1="320" y1="115" x2="320" y2="145" stroke="white" stroke-width="3"/>
<!-- Terminal -->
<ellipse cx="380" cy="130" rx="30" ry="25" fill="#dcfce7" stroke="#0f172a"/>
<text x="358" y="105" class="small">axon terminal</text>
<!-- Vesicles -->
<circle cx="372" cy="125" r="3" fill="#dc2626"/>
<circle cx="382" cy="135" r="3" fill="#dc2626"/>
<circle cx="390" cy="120" r="3" fill="#dc2626"/>
<!-- Cleft -->
<text x="425" y="115" class="small">synaptic cleft</text>
<line x1="415" y1="120" x2="450" y2="120" stroke="#94a3b8" stroke-dasharray="2 2"/>
<line x1="415" y1="140" x2="450" y2="140" stroke="#94a3b8" stroke-dasharray="2 2"/>
<!-- Receptors -->
<ellipse cx="510" cy="130" rx="55" ry="40" fill="#fce7f3" stroke="#0f172a"/>
<text x="490" y="135" class="lab">Post-syn</text>
<text x="475" y="170" class="small">receptors (▲▲▲)</text>
<text x="478" y="155">▲ ▲ ▲</text>
<!-- Arrow -->
<line x1="412" y1="130" x2="455" y2="130" stroke="#0f172a" stroke-width="1.4" marker-end="url(#arr)"/>
<defs><marker id="arr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto"><path d="M0,0 L10,5 L0,10 z" fill="#0f172a"/></marker></defs>
<!-- caption -->
<text x="20" y="220" class="small">AP travels along axon → vesicles release neurotransmitter → binds post-synaptic receptors → EPSP / IPSP</text>
</svg>