Internet Anger vs. Working Together

Click and drag any edge to curve it

Feedback Loops ▼

R1: The Old Profit Engine
R2: The Feedback Trap
R3: The New Win-Win Capital Cycle
R4: The SimCity Progress Engine
B5: The Civic Healing Cycle

Archetypes ▼

Limits to Growth (Bureaucratic Bottleneck)

Load Map Data

Paste the JSON from Gemini below:

{
  "metadata": {
    "topic": "Internet Anger vs. Working Together",
    "narrative_title": "The Feedback Trap and the SimCity Civic Engine",
    "situational_essence": "Local communities are fracturing because social media algorithms harvest outrage to maximize \"eyeball time,\" leaving slow-moving civic leaders like Councilman George stranded behind bureaucratic latency. Our solution integrates these real-world bottlenecks directly into a gamified, SimCity-style collaborative workspace where raw public anger is funneled into transparent, visual progress milestones. Because tech barons and politicians would instinctively reject this radical overhaul, it must be deployed through a stealthy \"piecewise Columbo\" strategy—guiding them with disarming, Socratic questions until they claim the design as their own.",
    "stratum_level": "Stratum VII (Strategic Institutions)"
  },
  "nodes": [
    {
      "id": "n1",
      "label": "Algorithmic Outrage [n1]",
      "shape": "ellipse",
      "color": {
        "background": "#DBEAFE",
        "border": "#3B82F6"
      },
      "borderWidth": 1,
      "x": -281,
      "y": -174,
      "description": "The artificially amplified negative emotional connection manufactured by social platforms to capture human attention. It exploits biological threat-detection systems to keep users engaged. [n1]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    },
    {
      "id": "n2",
      "label": "Eyeball Time [n2]",
      "shape": "box",
      "color": {
        "background": "#CCFBF1",
        "border": "#14B8A6"
      },
      "borderWidth": 1,
      "x": 68,
      "y": -204,
      "description": "The total volume of human attention hours successfully captured and retained by the digital platform. This is the raw inventory sold to advertisers. [n2]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    },
    {
      "id": "n3",
      "label": "Platform Profit [n3]",
      "shape": "box",
      "color": {
        "background": "#CCFBF1",
        "border": "#14B8A6"
      },
      "borderWidth": 1,
      "x": 258,
      "y": -339,
      "description": "The financial revenue generated by the technology companies. This capital is continuously reinvested to optimize whatever mechanisms capture the most attention. [n3]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    },
    {
      "id": "n4",
      "label": "Civic Fragmentation [n4]",
      "shape": "box",
      "color": {
        "background": "#CCFBF1",
        "border": "#14B8A6"
      },
      "borderWidth": 1,
      "x": -283,
      "y": 77,
      "description": "The real-world breakdown of community cohesion and problem-solving capability. It represents citizens carrying digital anger into physical town halls. [n4]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    },
    {
      "id": "n5",
      "label": "Collaborative Civic Workspace [n5]",
      "shape": "box",
      "color": {
        "background": "#CCFBF1",
        "border": "#14B8A6"
      },
      "borderWidth": 1,
      "x": 367,
      "y": -16,
      "description": "The redesigned digital environment that acts as a dam, capturing the initial spark of user energy. It redirects complaints into structured, cooperative building projects. [n5]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    },
    {
      "id": "n6",
      "label": "Sustained User Effort [n6]",
      "shape": "box",
      "color": {
        "background": "#CCFBF1",
        "border": "#14B8A6"
      },
      "borderWidth": 1,
      "x": 572,
      "y": 218,
      "description": "The psychological endurance and time invested by citizens to actually fix complex local issues. It requires high cognitive load but yields massive engagement data. [n6]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    },
    {
      "id": "n7",
      "label": "Visible Milestone Progress [n7]",
      "shape": "ellipse",
      "color": {
        "background": "#DBEAFE",
        "border": "#3B82F6"
      },
      "borderWidth": 1,
      "x": 285,
      "y": 61,
      "description": "The gamified, immediate positive feedback loop akin to a video game like SimCity. It provides the crucial dopamine hits required to keep users working on hard problems. [n7]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    },
    {
      "id": "n8",
      "label": "Real-World Bureaucratic Latency [n8]",
      "shape": "box",
      "color": {
        "background": "#CCFBF1",
        "border": "#14B8A6"
      },
      "borderWidth": 1,
      "x": 273,
      "y": 241,
      "description": "The slow, grinding reality of government paperwork, environmental studies, and councilman delays. Left unchecked, it acts as a brick wall to digital motivation. [n8]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    },
    {
      "id": "n9",
      "label": "Bureaucratic App Integration [n9]",
      "shape": "ellipse",
      "color": {
        "background": "#DBEAFE",
        "border": "#3B82F6"
      },
      "borderWidth": 1,
      "x": 65,
      "y": 143,
      "description": "The systemic act of weaving real-world officials directly into the digital workspace's milestone system. It transforms bureaucratic roadblocks into transparent loading bars. [n9]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    },
    {
      "id": "n10",
      "label": "Civic Problems Solved [n10]",
      "shape": "box",
      "color": {
        "background": "#CCFBF1",
        "border": "#14B8A6"
      },
      "borderWidth": 1,
      "x": -163,
      "y": 314,
      "description": "The ultimate accumulation of successfully implemented real-world solutions, such as repaired bridges or balanced budgets. This directly heals local communities. [n10]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    },
    {
      "id": "n11",
      "label": "Piecewise Columbo Strategy [n11]",
      "shape": "ellipse",
      "color": {
        "background": "#DBEAFE",
        "border": "#3B82F6"
      },
      "borderWidth": 2.5,
      "x": -91,
      "y": 235,
      "description": "The exogenous deployment method of using Socratic, disarming questions to guide powerful stakeholders to a conclusion. It bypasses the systemic immune rejection of radical new ideas. [n11]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    },
    {
      "id": "n12",
      "label": "Stakeholder Ownership [n12]",
      "shape": "box",
      "color": {
        "background": "#CCFBF1",
        "border": "#14B8A6"
      },
      "borderWidth": 1,
      "x": -67,
      "y": -9,
      "description": "The psychological belief among tech executives and politicians that they invented the collaborative civic system themselves. This internal buy-in guarantees funding and adoption. [n12]",
      "opacity": 1,
      "font": {
        "color": "#1F2937"
      }
    }
  ],
  "edges": [
    {
      "id": "e1",
      "from": "n1",
      "to": "n2",
      "color": {
        "color": "#1E40AF"
      },
      "width": 5,
      "label": "Captures\n+\nLag: Seconds [e1]",
      "description": "Algorithmic outrage instantly captures human attention, driving up the core metric of the platform. [e1]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e2",
      "from": "n2",
      "to": "n3",
      "color": {
        "color": "#1E40AF"
      },
      "width": 6,
      "label": "Monetizes\n+\nLag: Quarters [e2]",
      "description": "Eyeball time is sold to advertisers, continuously filling the platform's financial reserves. [e2]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e3",
      "from": "n1",
      "to": "n4",
      "color": {
        "color": "#1E40AF"
      },
      "width": 5,
      "label": "Agitates\n+\nLag: Weeks [e3]",
      "description": "Constant digital outrage spills over into the physical world, breaking down the ability of citizens to cooperate. [e3]",
      "smooth": {
        "type": "curvedCCW",
        "roundness": 0.328875130939372,
        "enabled": true
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e4",
      "from": "n4",
      "to": "n1",
      "color": {
        "color": "#1E40AF"
      },
      "width": 4,
      "label": "Feeds\n+\nLag: Days [e4]",
      "description": "Civic fragmentation creates more real-world dysfunction, generating fresh material for people to be outraged about online. [e4]",
      "smooth": {
        "type": "curvedCCW",
        "roundness": 0.2916460931520799,
        "enabled": true
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e5",
      "from": "n1",
      "to": "n5",
      "color": {
        "color": "#1E40AF"
      },
      "width": 5,
      "label": "Funnels\n+\nLag: Minutes [e5]",
      "description": "The new systemic architecture takes the raw spark of outrage and redirects it into a structured space for building solutions. [e5]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e6",
      "from": "n5",
      "to": "n2",
      "color": {
        "color": "#1E40AF"
      },
      "width": 6,
      "label": "Retains\n+\nLag: Hours [e6]",
      "description": "The collaborative workspace requires immense time to design solutions, paradoxically generating even more eyeball time for the platform. [e6]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e7",
      "from": "n5",
      "to": "n6",
      "color": {
        "color": "#1E40AF"
      },
      "width": 5,
      "label": "Requires\n+\nLag: Days [e7]",
      "description": "Participating in the collaborative workspace demands intense, sustained effort from the citizen user base. [e7]",
      "smooth": {
        "type": "curvedCW",
        "roundness": 0.40518368351740003,
        "enabled": true
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e8",
      "from": "n6",
      "to": "n7",
      "color": {
        "color": "#1E40AF"
      },
      "width": 5,
      "label": "Triggers\n+\nLag: Seconds [e8]",
      "description": "User effort immediately triggers the gamified feedback mechanics, visualizing their contribution to the project. [e8]",
      "smooth": {
        "type": "curvedCCW",
        "roundness": 0.28702160898544976,
        "enabled": true
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e9",
      "from": "n7",
      "to": "n6",
      "color": {
        "color": "#1E40AF"
      },
      "width": 6,
      "label": "Rewards\n+\nLag: Minutes [e9]",
      "description": "The visible milestone progress provides a steady dopamine drip, continuously replenishing the users' motivation to sustain their effort. [e9]",
      "smooth": {
        "type": "curvedCCW",
        "roundness": 0.22402732593018634,
        "enabled": true
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e10",
      "from": "n6",
      "to": "n10",
      "color": {
        "color": "#1E40AF"
      },
      "width": 5,
      "label": "Produces\n+\nLag: Months [e10]",
      "description": "Sustained civic effort eventually yields completed blueprints and physical real-world improvements. [e10]",
      "smooth": {
        "type": "curvedCW",
        "roundness": 0.18290821103247,
        "enabled": true
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e11",
      "from": "n10",
      "to": "n4",
      "color": {
        "color": "#991B1B"
      },
      "width": 5,
      "label": "Heals\n-\nLag: Years [e11]",
      "description": "Successfully solving tangible problems drastically reduces the underlying fragmentation and dysfunction within the community. [e11]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e12",
      "from": "n8",
      "to": "n10",
      "color": {
        "color": "#991B1B"
      },
      "width": 5,
      "label": "Blocks\n-\nLag: Quarters [e12]",
      "description": "Real-world bureaucratic latency delays or completely derails the physical execution of digital solutions. [e12]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e13",
      "from": "n8",
      "to": "n6",
      "color": {
        "color": "#991B1B"
      },
      "width": 6,
      "label": "Demotivates\n-\nLag: Weeks [e13]",
      "description": "When users hit a bureaucratic brick wall, the lack of real-world movement actively crushes their willingness to sustain effort online. [e13]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e14",
      "from": "n9",
      "to": "n8",
      "color": {
        "color": "#991B1B"
      },
      "width": 5,
      "label": "Bypasses\n-\nLag: Months [e14]",
      "description": "Integrating politicians directly into the app forces transparency and greatly diminishes the traditional delays of bureaucracy. [e14]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e15",
      "from": "n9",
      "to": "n7",
      "color": {
        "color": "#1E40AF"
      },
      "width": 4,
      "label": "Enhances\n+\nLag: Days [e15]",
      "description": "By putting government steps onto the digital loading bar, the integration itself becomes a source of visible milestone progress for the users. [e15]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e16",
      "from": "n11",
      "to": "n12",
      "color": {
        "color": "#1E40AF"
      },
      "width": 6,
      "label": "Cultivates\n+\nLag: Months [e16]",
      "description": "The subtle, piecewise questioning gently guides the stakeholders to invent the solution themselves, generating profound psychological ownership. [e16]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e17",
      "from": "n12",
      "to": "n9",
      "color": {
        "color": "#1E40AF"
      },
      "width": 5,
      "label": "Approves\n+\nLag: Weeks [e17]",
      "description": "Because the politicians feel they own the idea, they willingly submit to being integrated into the app's bureaucratic tracking. [e17]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e18",
      "from": "n12",
      "to": "n5",
      "color": {
        "color": "#1E40AF"
      },
      "width": 5,
      "label": "Funds\n+\nLag: Quarters [e18]",
      "description": "Because the tech executives believe they conceptualized the win-win engine, they confidently invest the capital to build the civic workspace. [e18]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e19",
      "from": "n3",
      "to": "n1",
      "color": {
        "color": "#1E40AF"
      },
      "width": 4,
      "label": "Reinvests\n+\nLag: Quarters [e19]",
      "description": "Corporate profits are used to hire better engineers to further optimize the algorithm's ability to generate outrage. [e19]",
      "smooth": {
        "type": "curvedCCW",
        "roundness": 0.13802162256433423,
        "enabled": true
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    },
    {
      "id": "e20",
      "from": "n3",
      "to": "n5",
      "color": {
        "color": "#1E40AF"
      },
      "width": 5,
      "label": "Scales\n+\nLag: Years [e20]",
      "description": "Profits gleaned from the new civic engagement model are reinvested to scale and improve the collaborative workspace tools. [e20]",
      "smooth": {
        "enabled": true,
        "type": "cubicBezier",
        "roundness": 0.3
      },
      "opacity": 1,
      "font": {
        "color": "#4B5563",
        "background": "rgba(255,255,255,0.75)"
      }
    }
  ],
  "loops": [
    {
      "id": "R1",
      "name": "The Old Profit Engine",
      "type": "R",
      "description": "The original corporate cycle where algorithmic outrage secures eyeball time, which generates profit, which is then reinvested to generate even more outrage. [R1]",
      "nodeIds": [
        "n1",
        "n2",
        "n3"
      ],
      "edgeIds": [
        "e1",
        "e2",
        "e19"
      ],
      "__topology_validation_note": "CRITICAL: 'edgeIds' must trace a continuous, unbroken directional path through 'nodeIds' returning to the start node. Verify that 'from' and 'to' fields on these edges flow in a single, unreversed direction.",
      "internalId": "loop-0",
      "lx": 32.28327892636925,
      "ly": -248.4882118244469
    },
    {
      "id": "R2",
      "name": "The Feedback Trap",
      "type": "R",
      "description": "The toxic societal loop where digital outrage causes civic fragmentation in the real world, providing people with even more broken systems to be outraged about online. [R2]",
      "nodeIds": [
        "n1",
        "n4"
      ],
      "edgeIds": [
        "e3",
        "e4"
      ],
      "__topology_validation_note": "CRITICAL: 'edgeIds' must trace a continuous, unbroken directional path through 'nodeIds' returning to the start node. Verify that 'from' and 'to' fields on these edges flow in a single, unreversed direction.",
      "internalId": "loop-1",
      "lx": -277.05005440696414,
      "ly": -52.88465723612622
    },
    {
      "id": "R3",
      "name": "The New Win-Win Capital Cycle",
      "type": "R",
      "description": "The redesigned corporate incentive structure where the collaborative workspace generates massive eyeball time, securing profits that are reinvested to scale the cooperative tools. [R3]",
      "nodeIds": [
        "n5",
        "n2",
        "n3"
      ],
      "edgeIds": [
        "e6",
        "e2",
        "e20"
      ],
      "__topology_validation_note": "CRITICAL: 'edgeIds' must trace a continuous, unbroken directional path through 'nodeIds' returning to the start node. Verify that 'from' and 'to' fields on these edges flow in a single, unreversed direction.",
      "internalId": "loop-2",
      "lx": 236.0982952484585,
      "ly": -189.1940515052593
    },
    {
      "id": "R4",
      "name": "The SimCity Progress Engine",
      "type": "R",
      "description": "The gamified heart of the new system. User effort triggers visible milestones, providing the dopamine necessary to fuel further sustained effort. [R4]",
      "nodeIds": [
        "n6",
        "n7"
      ],
      "edgeIds": [
        "e8",
        "e9"
      ],
      "__topology_validation_note": "CRITICAL: 'edgeIds' must trace a continuous, unbroken directional path through 'nodeIds' returning to the start node. Verify that 'from' and 'to' fields on these edges flow in a single, unreversed direction.",
      "internalId": "loop-3",
      "lx": 422.5146898803047,
      "ly": 131.4347116430903
    },
    {
      "id": "B5",
      "name": "The Civic Healing Cycle",
      "type": "B",
      "description": "The overarching macro-loop where the system captures outrage, funnels it through collaborative effort into tangible solutions, which ultimately reduces the baseline civic fragmentation in society. [B5]",
      "nodeIds": [
        "n4",
        "n1",
        "n5",
        "n6",
        "n10"
      ],
      "edgeIds": [
        "e4",
        "e5",
        "e7",
        "e10",
        "e11"
      ],
      "__topology_validation_note": "CRITICAL: 'edgeIds' must trace a continuous, unbroken directional path through 'nodeIds' returning to the start node. Verify that 'from' and 'to' fields on these edges flow in a single, unreversed direction.",
      "internalId": "loop-4",
      "lx": -122.30837867247007,
      "ly": -68.80848748639826
    }
  ],
  "archetypes": [
    {
      "id": "arch1",
      "name": "Limits to Growth (Bureaucratic Bottleneck)",
      "description": "The system features a powerful growth engine (The SimCity Progress Engine) driving civic effort. However, left unchecked, the rigid delay of real-world bureaucracy acts as a hard limit, crushing motivation and stalling the completion of civic solutions. [arch1]",
      "nodeIds": [
        "n6",
        "n7",
        "n8",
        "n10"
      ],
      "edgeIds": [
        "e8",
        "e9",
        "e10",
        "e12",
        "e13"
      ]
    }
  ]
}

Load Map Data

Save Map (HTML)