PORTAL_Systems - Wikiparency

Shared parent/child/grandchild links across the listed articles form a tightly interconnected meta-cognitive lattice of systems science. Core shared nodes include: [[Systems_theory|systems theory]] ↔ [[Systems_science|systems science]] ↔ [[Cybernetics|cybernetics]] ↔ [[Control_theory|control theory]] ↔ [[Feedback|feedback]] ↔ [[System_dynamics|system dynamics]] ↔ [[Complex_system|complex systems]] ↔ [[Emergence|emergence]] ↔ [[Self-organization|self-organization]] ↔ [[Dynamical_system|dynamical systems]] ↔ [[Phase_space|phase space]] ↔ [[Network_theory|network]]/[[Graph_theory|graph theory]] ↔ [[Information_theory|information theory]] ↔ [[Decision_theory|decision]]/[[Game_theory|game theory]] ↔ [[Operations_research|operations research]] ↔ [[Reliability_engineering|reliability]]/[[Fault_tree_analysis|fault-tree]] methods ↔ [[Monte_Carlo_method|Monte Carlo]] ↔ [[Agent-based_model|agent-based models]] ↔ [[Cellular_automaton|cellular automata]]. These reveal the requisite concepts for modeling, simulating, and intervening in coherent wholes whose behavior cannot be reduced to isolated parts: circular causality, stocks/flows, nonlinear trajectories, emergent order, adaptive agents, probabilistic sampling, and network topology. The dense topic texts (in each article's own `wiki/{slug}/index.md`) are article-name-matched portal explanations optimized as textual substrates for three.js / p5.js microsims — interactive phase portraits, feedback loops, agent swarms, cellular grids, fault trees, Monte Carlo samplers. ## What this room is Systems is not a subject alongside the others in the Wikitube; it is the grammar the others are written in. A chemical plant, a nervous system, a power grid and a firm share almost nothing at the level of their parts, yet all four are described with the same small vocabulary — stock and flow, loop and delay, attractor and threshold, agent and aggregate. The wager of the field, made explicitly by Ludwig von Bertalanffy in [An Outline of General System Theory](https://academic.oup.com/bjps/article-abstract/I/2/134/1514614) (1950), is that this recurrence is not a coincidence of language but a real structural fact, and that a science of it is therefore possible. Two claims give the room its shape. The first is that organisation is not reducible to inventory: as Philip Anderson put it in [More Is Different](https://www.mit.edu/~kardar/research/seminars/EPB/PWA-Science72.pdf) (1972), "the ability to reduce everything to simple fundamental laws does not imply the ability to start from those laws and reconstruct the universe" — at each level of complexity, genuinely new properties appear. The second is that the mechanisms producing those properties are few and re-usable. Circular causality, nonlinearity, and the interaction of many similar parts account for a startling share of what systems do, which is why an article on segregation and an article on convection can share a spine. The **seven three.js microsims** now on this page are that spine made operable. Each is a machine you run rather than a definition you accept, and each keeps its own order parameter on screen — the number that says whether the claim is currently true. They are deliberately not illustrations: turn alignment to zero and the flock's order parameter collapses; raise connectivity past its critical value and a single flipped bit floods the network; cut the feedback path and a governable plant becomes ungovernable. The concept is whatever survives the knob. ## Spine  *Microsims from the articles this section links:* <div class="wt-simrow"> <div class="wt-sim" data-src="https://wikitube-3d-microsims.netlify.app/Complex_system.html" data-title="Complex system"></div> <div class="wt-sim" data-src="https://wikitube-3d-microsims.netlify.app/Feedback.html" data-title="Feedback"></div> <div class="wt-sim" data-src="https://wikitube-3d-microsims.netlify.app/Network_theory.html" data-title="Network theory"></div> <div class="wt-sim" data-src="https://wikitube-3d-microsims.netlify.app/Emergence.html" data-title="Emergence"></div> <div class="wt-sim" data-src="https://wikitube-3d-microsims.netlify.app/Self-organization.html" data-title="Self-organization"></div> <div class="wt-sim" data-src="https://wikitube-3d-microsims.netlify.app/Agent-based_model.html" data-title="Agent-based model"></div> <div class="wt-sim" data-src="https://wikitube-3d-microsims.netlify.app/Phase_space.html" data-title="Phase space"></div> <div class="wt-sim" data-src="https://editor.p5js.org/sciencenibber/full/sgQFSGMnw" data-title="Feedback · p5.js"></div> </div>  | # | Article | Reveal | Microsim | Node | |---|---------|--------|----------|------| ring:0 ring:1 ring:2 | 4 | [[Complex_system]] | p5;d3;three | [three](https://wikitube-3d-microsims.netlify.app/Complex_system.html) | ring:3 | ring:4 ring:5 | 7 | [[Feedback]] | p5;mermaid | [three](https://wikitube-3d-microsims.netlify.app/Feedback.html) | ring:6 | ring:7 ring:8 ring:9 | 11 | [[Network_theory]] | d3;three | [three](https://wikitube-3d-microsims.netlify.app/Network_theory.html) | ring:10 | ring:11 | 13 | [[Emergence]] | p5;three | [three](https://wikitube-3d-microsims.netlify.app/Emergence.html) | ring:12 | | 14 | [[Self-organization]] | p5;three | [three](https://wikitube-3d-microsims.netlify.app/Self-organization.html) | ring:13 | ring:14 ring:15 ring:16 ring:17 ring:18 ring:19 ring:20 ring:21 | 23 | [[Agent-based_model]] | p5;three | [three](https://wikitube-3d-microsims.netlify.app/Agent-based_model.html) | ring:22 | ring:23 | 25 | [[Phase_space]] | p5;three | [three](https://wikitube-3d-microsims.netlify.app/Phase_space.html) | ring:24 | ## Crosslinks   ## The six rings, and why they are in this order The spine above is curated, not alphabetical, and the ordering is an argument. Each band assumes the one before it. **Theory core (1–3) · [[Systems_theory]] → [[Systems_science]] → [[Systems_engineering]].** The claim that "system" names a real category, then the discipline that studies it, then the practice that builds one. Nothing here is spatial and nothing here is simulated — these three are the room's premises, and they are drawn as diagrams because a premise is a diagram. **Dynamics and control (4–10) · [[Complex_system]] → [[Dynamical_system]] → [[Control_theory]] → [[Feedback]] → [[Causal_loop_diagram]] → [[Stock_and_flow]] → [[System_dynamics]].** The band where systems acquire time. Its pivot is [[Feedback]]: routing an output back to its own input is the single move that makes regulation, oscillation and instability all possible from one mechanism, and Rosenblueth, Wiener and Bigelow's 1943 restriction of the word to behaviour "controlled by the margin of error" is still the usable definition. [[Complex_system]] sits at the head because connectivity, not complication, is what decides whether the dynamics that follow are orderly or chaotic. **Structure (11–12) · [[Network_theory]] → [[Graph_theory]].** Having established that parts interact over time, ask how they are wired. Watts and Strogatz's 1998 result is the band's whole point: a handful of random shortcuts collapses path length long before it touches clustering, so real systems can be simultaneously cliquey and small — which no purely regular or purely random model allows. **Emergence (13–15) · [[Emergence]] → [[Self-organization]] → [[Cybernetics]].** What wiring plus dynamics produces. The two sims here are chosen to be different in kind: emergence with agents that move ([[Emergence]], flocking with no leader) and self-organisation with no agents at all ([[Self-organization]], Turing's 1952 reaction-diffusion, where pattern appears in a featureless sheet from two rate constants). [[Cybernetics]] closes the band by turning the lens on the observer. **Information and choice (16–19) · [[Information_theory]] → [[Decision_theory]] → [[Game_theory]] → [[Operations_research]].** Systems that measure, value and decide. The band's hinge is that once a system can represent its own state, its behaviour stops being fully derivable from its physics. **Risk and simulation (20–25) · [[Reliability_engineering]] → [[Fault_tree_analysis]] → [[Monte_Carlo_method]] → [[Agent-based_model]] → [[Cellular_automaton]] → [[Phase_space]].** How we find out what a system will do when we cannot solve it. [[Agent-based_model]] is the methodological statement — Schelling's 1971 result that a tolerance an agent could satisfy while in a local minority still yields near-total segregation, so the macro pattern must be computed rather than reasoned to. [[Phase_space]] ends the spine because it is where every preceding idea is finally drawn on one set of axes: plot the variables against each other and a system's entire future becomes a shape.  ## Notes Curation: theory core (1–3) → dynamics & control (4–10) → structure (11–12) → emergence (13–15) → information & choice (16–19) → risk & simulation (20–25). All 25 slugs are verbatim en.wikipedia.org titles; article texts live at `wiki/{slug}.md` (the vault was flattened from `wiki/{slug}/index.md`). 7 of the 25 now carry a three.js microsim; the rest remain `drafted`, awaiting sidecars.  ## Play every microsim on this page <p class="microsim-gallery-note">Every microsim linked from this portal, embedded live. <strong>23 players</strong> — 14 threejs · 9 p5js. 1 are staged but not yet deployed and show as placeholders.</p> <ul class="microsim-gallery"> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Agent-based_model.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Agent-based model — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Agent-based_model">Agent-based model</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Agent-based_model.html" target="_blank" rel="noopener">open full-screen</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Complex_system.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Complex system — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Complex_system">Complex system</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Complex_system.html" target="_blank" rel="noopener">open full-screen</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Emergence.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Emergence — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Emergence">Emergence</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Emergence.html" target="_blank" rel="noopener">open full-screen</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Feedback.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Feedback — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Feedback">Feedback</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Feedback.html" target="_blank" rel="noopener">open full-screen</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/polytope4d.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Four-dimensional polytopes — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/WT!Three_js_Microsim_Master_Class">Four-dimensional polytopes</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/polytope4d.html" target="_blank" rel="noopener">open full-screen</a> · on <a href="https://en.wikitube.io/wiki/WT!Three_js_Microsim_Master_Class">Three.js Microsim Master Class</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Klein_bottle.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Klein bottle — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/WT!Three_js_Microsim_Master_Class">Klein bottle</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Klein_bottle.html" target="_blank" rel="noopener">open full-screen</a> · on <a href="https://en.wikitube.io/wiki/WT!Three_js_Microsim_Master_Class">Three.js Microsim Master Class</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Network_theory.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Network theory — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Network_theory">Network theory</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Network_theory.html" target="_blank" rel="noopener">open full-screen</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Phase_space.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Phase space — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Phase_space">Phase space</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Phase_space.html" target="_blank" rel="noopener">open full-screen</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Platonic_solid.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Platonic solids — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/WT!Three_js_Microsim_Master_Class">Platonic solids</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Platonic_solid.html" target="_blank" rel="noopener">open full-screen</a> · on <a href="https://en.wikitube.io/wiki/WT!Three_js_Microsim_Master_Class">Three.js Microsim Master Class</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Reliability_engineering.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Reliability engineering — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Reliability_engineering">Reliability engineering</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Reliability_engineering.html" target="_blank" rel="noopener">open full-screen</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Self-organization.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Self-organization — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Self-organization">Self-organization</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Self-organization.html" target="_blank" rel="noopener">open full-screen</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Wolfram_classes_landscape_3D.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Wolfram classes landscape 3D — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Cellular_automaton">Wolfram classes landscape 3D</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Wolfram_classes_landscape_3D.html" target="_blank" rel="noopener">open full-screen</a> · on <a href="https://en.wikitube.io/wiki/Cellular_automaton">Cellular automaton</a></div></div> </li> <li class="microsim-card" data-lib="p5js"> <iframe src="https://editor.p5js.org/sciencenibber/full/90jeLsBsW" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Acoustic wave — p5js microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/WT!P5_js_Microsim_Master_Class">Acoustic wave</a></div><div class="ms-sub">p5js · <a href="https://editor.p5js.org/sciencenibber/full/90jeLsBsW" target="_blank" rel="noopener">open in the p5 editor</a> · on <a href="https://en.wikitube.io/wiki/WT!P5_js_Microsim_Master_Class">p5.js Microsim Master Class</a></div></div> </li> <li class="microsim-card" data-lib="p5js"> <iframe src="https://editor.p5js.org/sciencenibber/full/tHGSVAofH" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Aliasing — p5js microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/WT!P5_js_Microsim_Master_Class">Aliasing</a></div><div class="ms-sub">p5js · <a href="https://editor.p5js.org/sciencenibber/full/tHGSVAofH" target="_blank" rel="noopener">open in the p5 editor</a> · on <a href="https://en.wikitube.io/wiki/WT!P5_js_Microsim_Master_Class">p5.js Microsim Master Class</a></div></div> </li> <li class="microsim-card" data-lib="p5js"> <iframe src="https://editor.p5js.org/sciencenibber/full/DtAoGXBbj" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Control theory (p5.js) — p5js microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Control_theory">Control theory (p5.js)</a></div><div class="ms-sub">p5js · <a href="https://editor.p5js.org/sciencenibber/full/DtAoGXBbj" target="_blank" rel="noopener">open in the p5 editor</a> · on <a href="https://en.wikitube.io/wiki/Control_theory">Control theory</a></div></div> </li> <li class="microsim-card" data-lib="p5js"> <iframe src="https://editor.p5js.org/sciencenibber/full/sgQFSGMnw" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Feedback (p5.js) — p5js microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Feedback">Feedback (p5.js)</a></div><div class="ms-sub">p5js · <a href="https://editor.p5js.org/sciencenibber/full/sgQFSGMnw" target="_blank" rel="noopener">open in the p5 editor</a> · on <a href="https://en.wikitube.io/wiki/Feedback">Feedback</a></div></div> </li> <li class="microsim-card" data-lib="p5js"> <iframe src="https://editor.p5js.org/sciencenibber/full/Q1lzsnapy" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Graph theory (p5.js) — p5js microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Graph_theory">Graph theory (p5.js)</a></div><div class="ms-sub">p5js · <a href="https://editor.p5js.org/sciencenibber/full/Q1lzsnapy" target="_blank" rel="noopener">open in the p5 editor</a> · on <a href="https://en.wikitube.io/wiki/Graph_theory">Graph theory</a></div></div> </li> <li class="microsim-card" data-lib="p5js"> <iframe src="https://editor.p5js.org/sciencenibber/full/HVNGd9nMv" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Histogram — p5js microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/WT!P5_js_Microsim_Master_Class">Histogram</a></div><div class="ms-sub">p5js · <a href="https://editor.p5js.org/sciencenibber/full/HVNGd9nMv" target="_blank" rel="noopener">open in the p5 editor</a> · on <a href="https://en.wikitube.io/wiki/WT!P5_js_Microsim_Master_Class">p5.js Microsim Master Class</a></div></div> </li> <li class="microsim-card" data-lib="p5js"> <iframe src="https://editor.p5js.org/sciencenibber/full/byCRgwg34" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Information theory — p5js microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Information_theory">Information theory</a></div><div class="ms-sub">p5js · <a href="https://editor.p5js.org/sciencenibber/full/byCRgwg34" target="_blank" rel="noopener">open in the p5 editor</a></div></div> </li> <li class="microsim-card" data-lib="p5js"> <iframe src="https://editor.p5js.org/sciencenibber/full/MFFPM7AEH" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Information theory (p5.js) — p5js microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Information_theory">Information theory (p5.js)</a></div><div class="ms-sub">p5js · <a href="https://editor.p5js.org/sciencenibber/full/MFFPM7AEH" target="_blank" rel="noopener">open in the p5 editor</a> · on <a href="https://en.wikitube.io/wiki/Information_theory">Information theory</a></div></div> </li> <li class="microsim-card" data-lib="p5js"> <iframe src="https://editor.p5js.org/sciencenibber/full/VG2lh_GDS" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="System dynamics — p5js microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/System_dynamics">System dynamics</a></div><div class="ms-sub">p5js · <a href="https://editor.p5js.org/sciencenibber/full/VG2lh_GDS" target="_blank" rel="noopener">open in the p5 editor</a></div></div> </li> <li class="microsim-card" data-lib="threejs"> <iframe src="https://wikitube-3d-microsims.netlify.app/Decision_theory.html" loading="lazy" frameborder="0" sandbox="allow-scripts allow-same-origin" title="Decision theory — threejs microsim"></iframe> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Decision_theory">Decision theory</a></div><div class="ms-sub">threejs · <a href="https://wikitube-3d-microsims.netlify.app/Decision_theory.html" target="_blank" rel="noopener">open full-screen</a></div></div> </li> <li class="microsim-card is-pending" data-lib="threejs"> <div class="ms-placeholder">Staged, not yet deployed — <code>Monte_Carlo_method.html</code></div> <div class="ms-meta"><div class="ms-title"><a href="https://en.wikitube.io/wiki/Monte_Carlo_method">Monte Carlo method</a></div><div class="ms-sub">threejs · awaiting CDN deploy</div></div> </li> </ul>   **Craft standard:** Both craft standards apply here — [[WT!Three_js_Microsim_Master_Class|three.js]] and [[WT!P5_js_Microsim_Master_Class|p5.js]].  --- *Repopulated 2026-09-19 · append-only · source: _tools/generate/g34_portal_section_sims.py@00a28cb2 (players of the linked articles, each URL 200-checked) · 17 added · 0 deletions*