# Architecture
## Microsim
### Live player
<div class="microsim-player">
<iframe src="https://editor.p5js.org/sciencenibber/full/HvwKHDtIy" width="100%" height="620" frameborder="0" sandbox="allow-scripts allow-same-origin"></iframe>
</div>
<div class="microsim-fallback">
<img src="Microsims/thumbs/Architecture.png" alt="Architecture microsim poster" style="width:100%;border:1px solid #4445;border-radius:6px;">
<p><em>Live microsim (desktop) · <a href="https://editor.p5js.org/sciencenibber/sketches/HvwKHDtIy">open sketch in the p5.js editor</a></em></p>
</div>
**Editor URL:** https://editor.p5js.org/sciencenibber/sketches/HvwKHDtIy
**Description (100 words):**
This microsim turns the central problem of architecture — making loads stand up — into one picture: the arch. Over a single opening it draws three curves at the same span and crown height: an inverted catenary (blue), a parabola (orange), and a semicircle (red). The catenary is the shape a hanging chain takes under its own weight; flip it and you get the one arch that carries its weight in pure compression, with no bending — the masonry ideal Gaudi and Wren both pursued. Slide the curvature `a` and the span `S` to watch the three forms diverge. Equation: y = a*cosh(x/a).
```js
// =====================================================================
// Article : Architecture
// Slug : Architecture
// Wikitube : en.wikitube.io/wiki/Architecture
// Room : Electronics
//
// Idea : Architecture is, at its structural core, the art of making
// loads stand up. The single most important curve in that art
// is the ARCH. This microsim draws three arches spanning the
// same opening at the same height — an inverted CATENARY, a
// PARABOLA, and a SEMICIRCLE — so the reader can see how the
// "ideal" arch (the inverted hanging chain) differs from the
// two shapes builders have reached for over the centuries.
// A hanging chain settles into the one curve that carries its
// own weight in pure tension; flip it over and you get the one
// arch that carries its weight in pure compression — no
// bending, the masonry ideal Gaudi and Wren both chased.
//
// Equation : y = a·cosh(x/a) (the catenary)
// rise = a·cosh(S/2a) − a (arch height for span S)
// ASCII form in the footer: "y = a*cosh(x/a)".
// =====================================================================
// Rule §3 — single source of truth. HUD URL line + save name derive here.
const ARTICLE = "Architecture";
// Rule §4 — disable the Friendly Error System for ship.
p5.disableFriendlyErrors = true;
// ---------- runtime state ----------
let aSlider; // catenary parameter a (curvature of the chain)
let sSlider; // span S of the opening, in pixels
// layout constants (computed in setup from width/height)
let baseY; // springline / ground line (y where arches spring)
let cx; // horizontal centre of the opening
// accent palette (rule §8 — at most three accents)
const C_CAT = [40, 90, 200]; // catenary — blue (the ideal)
const C_PAR = [220, 130, 40]; // parabola — orange
const C_CIRC = [200, 60, 60]; // semicircle — red
function setup() {
// Rule §5 — canvas inside setup, standard size, 2x density.
createCanvas(720, 520);
pixelDensity(2);
// Layout from width/height so the sketch survives a resize.
cx = width / 2;
baseY = height - 110; // leave a band at the bottom for controls
// Rule §6 — controls in setup, positioned explicitly, labelled in draw.
// a in [30, 400]: small a = a deeply sagging chain (pointed arch),
// large a = a nearly straight chain (very flat arch). 140 is a pleasant
// round-arch default for the default span.
aSlider = createSlider(30, 400, 140, 1);
aSlider.position(150, height - 56);
aSlider.style("width", "200px");
// S in [160, 560]: the clear span of the opening, in pixels.
sSlider = createSlider(160, 560, 380, 5);
sSlider.position(150, height - 30);
sSlider.style("width", "200px");
}
function draw() {
background(248);
// ---------- read controls ----------
const a = aSlider.value();
const S = sSlider.value();
const half = S / 2;
// ---------- math (rule §10) ----------
// Catenary arch height: peak rise at centre for this a and span S.
const yEdge = a * Math.cosh(half / a); // chain height at the ends
const rise = yEdge - a; // arch rise = ends - centre dip
// All three curves are normalised to the SAME rise and span so the
// reader compares SHAPE, not size. riseSpan is the classic rise/span
// ratio ("ratio" alone is a reserved p5 name, so we qualify it).
const riseSpan = rise / S;
// ---------- reference geometry (rule §8 layer 1) ----------
// Ground / springline and the two spring points, in neutral grey.
stroke(170);
strokeWeight(1);
line(40, baseY, width - 40, baseY); // ground line
noStroke();
fill(120);
circle(cx - half, baseY, 7); // left spring point
circle(cx + half, baseY, 7); // right spring point
// Crown reference (peak height) as a faint dashed marker.
stroke(210); strokeWeight(1);
line(cx, baseY, cx, baseY - rise); // rise indicator
// ---------- active geometry (rule §8 layer 2) ----------
// Each arch is sampled across the span and drawn as a polyline.
drawArch(catenaryHeight, a, half, rise, S, C_CAT);
drawArch(parabolaHeight, a, half, rise, S, C_PAR);
drawArch(semicircleHeight,a, half, rise, S, C_CIRC);
// ---------- HUD watermark (rule §2) ----------
noStroke();
textFont("system-ui");
// §2a — top-left title block.
fill(20);
textSize(20);
textAlign(LEFT, TOP);
text("Architecture", 16, 14);
textSize(12);
fill(110);
text("Wikitube microsim - en.wikitube.io/wiki/" + ARTICLE, 16, 40);
// §2b — top-right control hints.
textAlign(RIGHT, TOP);
textSize(11);
fill(110);
text("sliders: a (catenary curvature), S (span)", width - 16, 14);
text("blue=catenary (ideal) orange=parabola red=semicircle", width - 16, 30);
// §2c — bottom-left live readouts (canonical parameter symbols).
textAlign(LEFT, BOTTOM);
textSize(13);
fill(C_CAT[0], C_CAT[1], C_CAT[2]);
text("a = " + a, 16, height - 64);
fill(20);
text("S = " + S + " px", 110, height - 64);
text("rise = " + rise.toFixed(0) + " px", 250, height - 64);
text("rise/span = " + riseSpan.toFixed(3), 420, height - 64);
// Slider labels (rule §7) — to the LEFT of each slider, right-aligned.
textAlign(RIGHT, CENTER);
textSize(12);
fill(60);
text("a (curvature)", 142, height - 56 + 8);
text("S (span)", 142, height - 30 + 8);
// §2d — bottom-right equation footer (ASCII only — see pitfalls.md).
textAlign(RIGHT, BOTTOM);
textSize(11);
fill(80);
text("y = a*cosh(x/a) -> inverted catenary = pure-compression arch",
width - 16, height - 8);
}
// ---------- arch height helpers (rule §10) ----------
// Each returns the *un-normalised* height of the curve at horizontal
// offset x (measured from the crown) for the given parameters. drawArch
// normalises every curve to the common `rise` so shapes are comparable.
// Inverted catenary: the hanging-chain curve, flipped. Its own peak is
// already `rise`, so it needs no rescaling — it is the literal arch.
function catenaryHeight(x, a, half, rise) {
const yEdge = a * Math.cosh(half / a);
return yEdge - a * Math.cosh(x / a);
}
// Parabola through the same two spring points; peak at the crown.
// Native peak is `rise`, scaled to the common rise (identity here, but
// kept explicit so the helper is self-contained).
function parabolaHeight(x, a, half, rise) {
const t = x / half; // -1 .. 1 across the span
return rise * (1 - t * t);
}
// Semicircle on the same span; native peak is `half`, rescaled to `rise`
// so it shares the crown height and only its SHAPE differs.
function semicircleHeight(x, a, half, rise) {
const native = Math.sqrt(Math.max(0, half * half - x * x));
return native * (rise / half);
}
// Sample a height-function across the span and stroke it as a polyline.
function drawArch(fn, a, half, rise, S, col) {
noFill();
stroke(col[0], col[1], col[2]);
strokeWeight(2);
beginShape();
const STEPS = 160;
for (let i = 0; i <= STEPS; i++) {
const x = -half + (S * i) / STEPS; // -half .. +half
const h = fn(x, a, half, rise);
vertex(cx + x, baseY - h);
}
endShape();
}
```
## Links (Wikipedia order)
<!-- injected from _registry/childlinks/Architecture.json (2026-07-30T02:09:12Z) -->
`.design` · `A_Room_of_One's_Own` · `Abhinavagupta` · `Active_design` · `Activity-centered_design` · `Adaptive_reuse` · `Adaptive_web_design` · `Advertising` · `Aesthetic_Realism` · `Aesthetic_emotions` · `Aesthetic_interpretation` · `Aestheticism` · `Aestheticization_of_politics` · `Aesthetics` · `Aesthetics_of_music` · `Aesthetics_of_nature` · `Aesthetics_of_science` · `Affective_design` · `African_aesthetic` · `Afromodernism` · `Against_Interpretation` · `Agile_software_development` · `Alexander_Gottlieb_Baumgarten` · `Alfeld` · `Algorithms-Aided_Design` · `American_Institute_of_Graphic_Arts` · `Ananda_Coomaraswamy` · `Ancient_Egypt` · `Ancient_Greece` · `Ancient_Greek_architecture` · `Ancient_Roman_architecture` · `Ancient_Rome` · `Ancient_aesthetics` · `Aniconism` · `Antonio_Gramsci` · `Apollonian_and_Dionysian` · `Applied_aesthetics` · `Applied_arts` · `Appropriation_(art)` · `Araniko` · `Architect` · `Architectural_design_competition` · `Architectural_design_values` · [[Architectural_engineering]] · `Architectural_lighting_design` · `Architectural_model` · `Architectural_technology` · `Architectural_theory` · `Architecture_(disambiguation)` · `Architecture_of_Africa` · `Architecture_of_India` · `Argument_from_poor_design` · `Aristotle` · `Ars_Poetica_(Horace)` · `Art` · `Art_and_morality` · `Art_as_Experience` · `Art_criticism` · `Art_for_art's_sake` · `Art_manifesto` · `Arthur_Danto` · `Arthur_Schopenhauer` · `Artist` · `Artistic_freedom` · `Artistic_integrity` · `Artistic_merit` · `Arts_criticism` · `Asrar_al-Balagha` · `Authenticity_in_art` · `Automotive_design` · `Automotive_suspension_design_process` · `Avant-Garde_and_Kitsch` · `Avant-garde` · `Ayn_Rand` · `Bauhaus` · `Beauty` · `Behavior` · `Behavioural_design` · `Beijing_National_Stadium` · `Benin` · `Biodegradation` · `Biomorphism` · `Blueprint` · `Body_art` · `Boiler_design` · `Book_design` · `Bracket_(architecture)` · `Brainstorming` · `Brand` · `Bruno_Zevi` · `Buddhist_architecture` · `Building` · `Building_code` · `Building_design` · `Building_material` · `Business_architecture` · `Butterworth-Heinemann` · `Byzantium` · `Béla_Balázs` · `C-K_theory` · `CMF_design` · `Cambridge` · `Cambridge_Judge_Business_School` · `Camp_(style)` · `Cantilever` · `Cathedral` · `Ceramic_art` · `Charles_Baudelaire` · `Charles_Moore_(architect)` · `Chartered_Society_of_Designers` · `Chinese_architecture` · `Christian_Norberg-Schulz` · `Circuit_design` · [[Civil_engineering]] · `Civilization` · `Classical_antiquity` · `Classical_architecture` · `Classical_order` · `Classicism` · `Clean-room_design` · `Clement_Greenberg` · `Clive_Bell` · `Cognitive_architecture` · `Collaborative_for_High_Performance_Schools` · `Comedy` · `Comics` · `Communication_design` · `Comprehensive_layout` · `Computer-aided_design` · `Computer-aided_garden_design` · `Computer-aided_industrial_design` · `Computer-automated_design` · [[Computer_architecture]] · `Computer_art` · `Concept_art` · `Conceptual_design` · `Conceptual_model` · `Configuration_design` · `Construction` · `Contemporary_architecture` · `Contextual_design` · `Continent` · `Continuous_design` · `Cool_(aesthetic)` · `Corrugated_box_design` · `Costume_design` · `Course_(architecture)` · `Cradle-to-cradle_design` · `Craft` · `Creative_industries` · `Creative_problem-solving` · `Creativity` · `Creativity_techniques` · `Critical_Essays_(Orwell)` · `Critical_design` · `Cucuteni–Trypillia_culture` · `Cultural_economics` · `Cultural_hegemony` · `Cultural_icon` · `Cultural_imperialism` · `Culture` · `Cuteness` · `Czech_Republic` · `Dakar` · `Dallas` · `Dancing_House` · `Database_design` · `David_Hume` · `De_architectura` · `De_re_aedificatoria` · `Deconstructivism` · `Decorative_arts` · `Defensive_design` · `Depiction` · `Derzhprom` · `Design` · `Design_Council` · `Design_Research_Society` · `Design_and_Industries_Association` · `Design_around` · `Design_brief` · `Design_by_committee` · `Design_by_contract` · `Design_change` · `Design_choice` · `Design_classic` · `Design_closure` · `Design_competition` · `Design_computing` · `Design_controls` · `Design_culture` · `Design_director` · `Design_education` · `Design_elements` · `Design_engineer` · `Design_fiction` · `Design_for_All_(in_ICT)` · `Design_for_Six_Sigma` · `Design_for_X` · `Design_for_assembly` · `Design_for_manufacturability` · `Design_for_testing` · `Design_for_the_environment` · `Design_history` · `Design_infringement` · `Design_knowledge` · `Design_language` · `Design_leadership` · `Design_life` · `Design_load` · `Design_management` · `Design_marker` · `Design_methods` · `Design_museum` · `Design_of_experiments` · `Design_optimization` · `Design_paradigm` · `Design_patent` · `Design_pattern` · `Design_principles` · `Design_quality_indicator` · `Design_rationale` · `Design_research` · [[Design_review]] · `Design_science` · `Design_specification` · `Design_sprint` · `Design_studies` · `Design_system` · `Design_technology` · `Design_theory` · `Design_thinking` · `Design_tool` · `Designer` · `Design–bid–build` · `Design–build` · `Deutscher_Werkbund` · `Diffuse_design` · `Digital_art` · `Disgust` · `Domain-driven_design` · `Dominant_design` · `Drawing` · `Drug_design` · [[Earthquake_engineering]] · `Ecological_design` · `Ecological_restoration` · `Economics_of_the_arts_and_literature` · `Ecstasy_(philosophy)` · `Ed-Deir,_Petra` · `Edmund_Burke` · `Eduard_Hanslick` · `Edward_Said` · `Eero_Saarinen` · `Efficient_energy_use` · `Einstein_Tower` · `Electric_guitar_design` · `Electrical_system_design` · `Electronic_design_automation` · `Elegance` · `Empathic_design` · `Empiricism` · `Employee_experience_design` · `Energy_neutral_design` · `Engineer` · [[Engineering]] · `Engineering_design_process` · `Enterprise_architecture` · `Entertainment` · `Environmental_design` · `Environmental_impact_design` · `Ephemeral_architecture` · `Ernesto_Nathan_Rogers` · `Eroticism` · `Error-tolerant_design` · `Estate_(land)` · `Ethiopia` · `Europe` · `Evidence-based_design` · `Evolutionary_aesthetics` · `Exhibit_design` · `Exoticism` · `Experiential_interior_design` · `Expressionist_architecture` · `Fagus_Factory` · `Fallingwater` · `Fascism` · `Fashion` · `Fashion_design` · `Fashion_design_copyright` · `Fazlur_Rahman_Khan` · `Feminine_beauty_ideal` · `Feminist_aesthetics` · `Feminist_design` · `Filippo_Brunelleschi` · `Film_title_design` · `Filmmaking` · [[Filter_design]] · `Floor_plan` · `Floral_design` · `Florence_Cathedral` · `Flowchart` · `Form_(architecture)` · `Form_factor_(design)` · `Form_follows_function` · `Formalism_(art)` · `Framework-oriented_design` · `Francis_Hutcheson_(philosopher)` · `Frank_Lloyd_Wright` · `Françoise_Choay` · `Friedrich_Nietzsche` · `Friedrich_Schiller` · `Functional_design` · `Furniture` · `Futures_studies` · `Game_design` · `Garden_design` · `Gaze` · `Generative_design` · `Geodesign` · `Geometric_design` · `Georg_Wilhelm_Friedrich_Hegel` · `George_Orwell` · `George_Santayana` · `Georges_Bataille` · `German_Design_Award` · `Germany` · `Geschmacksmuster` · `Gilles_Deleuze` · `Giorgio_Vasari` · `Glaspaleis` · `Glass_art` · `Golden_ratio` · `Good_Design_Award_(Museum_of_Modern_Art)` · `Gothic_Revival_architecture` · `Gothic_architecture` · `Graphic_design` · `Great_Mosque_of_Djenné` · `Green_building` · `Green_infrastructure` · `Green_roof` · `Guild` · `Gustave_Flaubert` · `György_Lukács` · `Göbekli_Tepe` · `HTML_editor` · `Hans_Urs_von_Balthasar` · `Hardware_architecture` · `Hardware_interface_design` · `Harmony` · `Healthy_community_design` · `Heating,_ventilation,_and_air_conditioning` · `Heerlen` · `Henry_Hoare` · `Herbert_Marcuse` · `High-level_design` · `Himeji_Castle` · `Hindu_architecture` · `Hindu_temple_architecture` · `Hippias_Major` · `Historicism_(art)` · `History_of_architecture` · `Hotel_design` · `House` · `Housing_estate` · `Human-centered_design` · `Humour` · `I._A._Richards` · `IF_Product_Design_Award` · `Ibn_Arabi` · `Icon_design` · `Iconography` · `Illustration` · `Immanuel_Kant` · `Immersive_design` · `In_Praise_of_Shadows` · `Inclusive_design` · `Index_of_architecture_articles` · `India` · `Indian_aesthetics` · `Indie_design` · `Industrial_Revolution` · `Industrial_architecture` · `Industrial_design` · `Industrial_design_right` · `Industrial_design_rights_in_the_European_Union` · `Information_design` · `Innovation_management` · `Instructional_design` · `Integrated_circuit_design` · `Integrated_design` · `Integrated_topside_design` · `Intelligence-based_design` · `Intelligent_design` · `Interaction_design` · `Interactive_design` · `Interior_architecture` · `Interior_design` · `International_Forum_Design` · `International_Union_of_Architects` · `Isbjerget` · `Islamic_architecture` · `Italy` · `Iterative_design` · `J._R._R._Tolkien` · `Jacques_Maritain` · `Jacques_Rancière` · `James_Dyson_Award` · `James_Stevens_Curl` · `Japan` · `Japanese_aesthetics` · `Japanese_architecture` · `Jean-François_Lyotard` · `Jean_Baudrillard` · `Jericho` · `Jewellery_design` · `Johann_Joachim_Winckelmann` · `Johann_Wolfgang_von_Goethe` · `John_Dewey` · `John_Ruskin` · `Jordan` · `José_Ortega_y_Gasset` · `Jun'ichirō_Tanizaki` · `KISS_principle` · `Kama` · `Keyline_design` · `Kharkiv` · `Kitsch` · `Lagos_Island` · `Lalibela` · `Landscape_architect` · `Landscape_architecture` · `Landscape_design` · `Landscape_urbanism` · `Le_Corbusier` · `Lean_startup` · `Lectures_on_Aesthetics` · `Leisure` · `Leon_Battista_Alberti` · `Level_(video_games)` · `Li_Jie_(Song_dynasty)` · `Life_imitating_art` · `Light_art` · `List_of_BIM_software` · `List_of_art_media` · `List_of_art_movements` · `List_of_philosophers_of_art` · `List_of_system_quality_attributes` · `Liu_Xie` · `Lives_of_the_Most_Excellent_Painters,_Sculptors,_and_Architects` · `Los_Angeles` · `Louis_Sullivan` · `Low-level_design` · `Ludwig_Mies_van_der_Rohe` · `Ludwig_Wittgenstein` · `Léon_Krier` · `Magnificence_(history_of_ideas)` · `Mali` · `Manjusri_Vasthu_Vidya_Sastra` · `Marcel_Breuer` · `Martin_Heidegger` · `Marxist_aesthetics` · `Masculine_beauty_ideal` · `Mathematical_beauty` · `Mathematics_and_art` · `Maurice_Merleau-Ponty` · `Meadows_Museum` · `Mechanism_design` · `Medieval_aesthetics` · `Medieval_architecture` · `Mehrgarh` · `Mesopotamia` · `Metadesign` · `Metaphoric_architecture` · `Michel_Foucault` · `Michelangelo` · `Michele_Valori` · `Middle_Ages` · `Middle_East` · `Mimesis` · `Mind_map` · `Minoru_Yamasaki` · `Mirza_Fatali_Akhundov` · `Mockup` · `Modern_architecture` · `Modernism` · `Modular_design` · `Mohenjo-daro` · `Moldova` · `Motion_graphic_design` · `Motorcycle_design` · `Mumyōzōshi` · `National_Congress_Palace` · `Natural_environment` · `Natural_landscape` · [[Naval_architecture]] · `Nelson_Goodman` · `Nepal` · `Network_architecture` · `Neuroesthetics` · `New_Classical_architecture` · `New_Orleans` · `New_Urbanism` · `New_Wave_(design)` · `New_York_(magazine)` · `New_product_development` · `News_design` · `Nigeria` · `Norway` · `Notes_on_"Camp"` · `Nuclear_weapon_design` · `Nucleic_acid_design` · `OMG_Business_Architecture_Special_Interest_Group` · `OODA_loop` · `On_the_Sublime` · `Open-design_movement` · `Opinion_poll` · `Organic_architecture` · `Organizational_architecture` · `Orientalism_(book)` · `Orkney` · `Oscar_Niemeyer` · `Oscar_Wilde` · `Ottoman_Empire` · `Outline_of_aesthetics` · `Outline_of_architecture` · `Outline_of_design` · `Overengineering` · `Painting` · `Pakistan` · `Pallet_crafts` · `Pan-European_identity` · `Parametric_design` · `Park` · `Participatory_design` · `Passive_solar_building_design` · `Patronage` · `Patterns_in_nature` · `Paul_Klee` · `Paul_Rudolph_(architect)` · `Paul_de_Man` · `Perception` · `Petra` · `Petrarch` · `Phenomenology_(architecture)` · `Philip_Johnson` · `Philip_Newcomb` · `Philosophy_of_architecture` · `Philosophy_of_design` · `Philosophy_of_film` · `Philosophy_of_language` · `Philosophy_of_music` · `Photographic_lens_design` · `Photography` · `Physical_design_(electronics)` · `Piazza_d'Italia_(New_Orleans)` · `Picturesque` · `Planning` · `Platform-based_design` · `Plato` · `Poetics_(Aristotle)` · `Porto-Novo` · `Postage_stamp_design` · `Postmodern_architecture` · `Postmodernism` · `Potsdam` · `Power_network_design_(IC)` · `Prague` · `Prehistory` · `Prevention_through_design` · `Prince_Philip_Designers_Prize` · `Print_design` · `Printmaking` · `Prison_Notebooks` · `Privacy_by_design` · `ProQuest` · `Probabilistic_design` · `Process-centered_design` · [[Process_design]] · [[Process_simulation]] · `Processor_design` · `Product_design` · `Production_designer` · `Protein_design` · `Proto-city` · `Prototype` · `Psychoanalytic_theory` · `Psychology_of_art` · `Public_art` · `Public_interest_design` · `Public_opinion` · `Pythagoras` · `Quality_(philosophy)` · `Quality_by_design` · `Quintilian` · `R._G._Collingwood` · `Rabindranath_Tagore` · `Rasa_(aesthetics)` · `Rational_design` · `Rationalism` · `Recreation` · `Reference_design` · `Regenerative_design` · [[Reliability_engineering]] · `Religious_art` · `Renaissance` · `Renaissance_architecture` · `Renaissance_humanism` · `Research-based_design` · `Research_design` · `Responsibility-driven_design` · `Responsive_web_design` · `Retail_design` · `Reverence_(emotion)` · `Reverse_architecture` · `Revivalism_(architecture)` · `Robert_Venturi` · `Robie_House` · `Rock-cut_architecture` · `Rock_art` · `Roger_Fry` · `Roger_Scruton` · `Romanesque_architecture` · `Romania` · `Romanticism` · `Royal_Institute_of_British_Architects` · `Rustication_(architecture)` · `Safe-life_design` · `Sainte-Chapelle` · `Samuel_Taylor_Coleridge` · `San_Pietro_in_Montorio` · `Satire` · `Scenic_design` · `Sculpture` · `Sea_trial` · `Sebastiano_Serlio` · `Secure_by_design` · `Semantics` · `Senegal` · `Sensory_design` · `Service_design` · `Shastra` · `Shilpa_Shastras` · `Ship` · `Shipbuilding` · `Signage` · `Sikh_architecture` · `Site-specific_art` · `Skara_Brae` · `Sketch_(drawing)` · `Skyscraper` · `Smart_growth` · `Sobrado_(architecture)` · `Social_design` · [[Software_architecture]] · `Software_design` · `Sonic_interaction_design` · `Sound_design` · `Spacecraft_design` · `Spatial_design` · `Speculative_design` · `Sri_Lanka` · `Stage_lighting` · `Stormwater` · `Storyboard` · `Stourhead` · `Strategic_design` · `Street_art` · `Structuralism` · [[Structure]] · `Student_design_competition` · `Style_(visual_arts)` · `Sublime_(philosophy)` · `Sudano-Sahelian_architecture` · `Supernatural` · `Susan_Jellicoe` · `Susan_Sontag` · `Susanne_Langer` · `Sustainability` · `Sustainable_architecture` · `Sustainable_design` · `Sustainable_furniture_design` · `Sustainable_landscape_architecture` · `Sustainable_urbanism` · `Symbolism_(movement)` · [[System]] · `Systemic_design` · `Systems-oriented_design` · `Systems_design` · `Søren_Kierkegaard` · `TRIZ` · `Tableless_web_design` · `Taj_Mahal` · `Technical_drawing` · `Tectonics_(architecture)` · `Test_design` · `Textile_design` · `The_Aesthetic_Dimension` · `The_Architecture_of_Community` · `The_Critic_as_Artist` · `The_Literary_Mind_and_the_Carving_of_Dragons` · `The_Work_of_Art_in_the_Age_of_Mechanical_Reproduction` · `The_arts_and_politics` · `Theodor_Lipps` · `Theodor_W._Adorno` · `Theological_aesthetics` · `Theory_of_art` · `Theory_of_constraints` · `Theosophy_and_visual_arts` · `Thomas_Aquinas` · `Théâtre_des_Champs-Élysées` · `Timeline_of_architecture` · `Traditional_architecture` · `Traffic_sign_design` · `Tragedy` · `Transformation_design` · `Transgenerational_design` · `Tube_(structure)` · `Turkey` · `Type_design` · `Typography` · `Ukraine` · `Universal_design` · `University_of_Vienna` · `Urban_area` · `Urban_design` · `Urban_planning` · `Urban_sprawl` · `Urbanism` · `Usage-centered_design` · `Use-centered_design` · `User-centered_design` · `User_experience_design` · `User_innovation` · `User_interface_design` · `Value-driven_design` · `Value_sensitive_design` · `Vernacular_architecture` · `Video_design` · `Video_game_design` · `View_model` · `Virginia_Woolf` · `Virtual_home_design_software` · `Visual_arts` · `Visual_merchandising` · `Visualization_(graphics)` · `Vitruvius` · `Vittorio_Gregotti` · `Walter_Benjamin` · `Walter_Pater` · `Waste_management` · `Water-sensitive_urban_design` · `Water_efficiency` · `Watercraft` · [[Wayback_Machine]] · `Web_design` · `Website_wireframe` · `Weimar` · `Why_Beauty_Matters` · `Wicked_problem` · `William_M._Ulrich` · `Wiltshire` · `Work_design` · `Work_of_art` · `World_Trade_Center_(1973–2001)` · `World_War_I` · `World_War_II` · `Yingzao_Fashi` · `Zoning` · `Çatalhöyük` · `Émile_Zola`
## From the Real GENERATIVE library
*Architecture — placed from the Real G.E.N.E.R.A.T.I.V.E. course library (STEM and Music room). Source: Wikimedia Commons (via Wikipedia article media). [Details & license](https://commons.wikimedia.org/wiki/File:View_of_Santa_Maria_del_Fiore_in_Florence.jpg).*
> Architecture is the art and technique of designing and building, as distinguished from the skills associated with construction.[3] It is both the process and the product of sketching, conceiving,[4] planning, designing, and constructing buildings or other structures.[5] The term comes from Latin architectura; from Ancient Greek ἀρχιτέκτων (arkhitéktōn) 'arch ([Wikipedia](https://en.wikipedia.org/wiki/Architecture))
<!-- REAL-GENERATIVE-MEDIA:END -->
<!-- LOCAL-MEDIA-PASS:START -->
## From the vault media library
!Architecture thumb.png
*Architecture — from the vault's own media holdings, placed 2026-07-09. MTN / Wikitube.io original · CC BY-SA 4.0.*
<!-- LOCAL-MEDIA-PASS:END -->
> **Room:** [[Electronics]] · **Status:** ✅ shipped
## Overview
Architecture is the art and technique of designing and building, as distinguished from the skills associated with construction.3 It is both the process and the product of sketching, conceiving,4 planning, designing, and constructing buildings or other structures.5 The term comes fromLatin architectura; fromAncient Greek ἀρχιτέκτων (arkhitéktōn)'architect'; from ἀρχι- (arkhi-)'chief'and τέκτων (téktōn)'creator'. Architectural works, in the material form of buildings, are often perceived as cultural symbols and as works of art. Historical civilisations are often identified with their surviving architectural achievements.6
_(Overview is shorter than 200 words; the pipeline should expand it from textbook context before publishing.)_
## See also
- Room hub: [[Electronics]]
- p5.js Editor conventions: P5 JS EDITOR
- Wiki root: MAIN
---
*Scaffolded by `generative-microsim` from row 11 of the Electronics sheet on 2026-06-04T00:18:30Z.*
<!-- REAL-GENERATIVE-MEDIA:START -->
<!-- CRAFT-LINK:START g12 -->
*Built to the [[WT!P5_js_Microsim_Master_Class|p5.js Master Class]].*
<!-- CRAFT-LINK:END -->
## Wikipedia : Wikitube
**Strict pair:** [Wikipedia](https://en.wikipedia.org/wiki/Architecture) : [Wikitube](https://en.wikitube.io/wiki/Architecture)
## Previous hub tags
Tree parents: [[Monte_Carlo_method]] · [[Reliability_engineering]].
Legacy hubs: `GENERATIVE`.
---
*Sources: 1 legacy note. Minted wave 1, 2026-07-30 (v1.6 order).*