Back
MANICHUOS / privacy-paradox.js
Skip to project story

SPECULATIVE SYSTEM / 2025 / PUBLIC RECORD

THE PRIVACY
PARADOX

A small permission.
A shift in power.

An interactive simulation about how everyday privacy decisions accumulate into a world we may not have intended.

GOVERNMENTCORPORATIONSINDIVIDUALS

OPEN THE BLACK BOX

Who gains influence
when you say yes?

Two questions from the actual source model. Each answer allocates ten influence points to one group. This small excerpt exposes the scoring rule; it does not predict society.

01 / Should the government have access to your financial information?
02 / Should corporations have access to your financial information?

Influence in this excerpt

0%
0%
0%

No decisions made.

Percentages describe the distribution of assigned points only. No name, age or other personal information is requested or stored by this excerpt.

Inspect all 20 questions and their scoring destinations
Mappings read directly from the current application’s question file.
QuestionYes: +10 toNo: +10 to
Should the government have access to your financial information?governmentindividuals
Should corporations have access to your financial information?corporationsindividuals
Should individuals have access to their own complete financial information?individualscorporations
Should the government have access to your health records?governmentindividuals
Should corporations have access to your health records?corporationsindividuals
Should individuals control and carry their own health records?individualscorporations
Should the government have access to your personal browsing history?governmentindividuals
Should corporations have access to your personal browsing history?corporationsindividuals
Should individuals be able to inspect and share their own browsing history?individualscorporations
Should biometric data such as fingerprints and facial recognition be publicly accessible?governmentindividuals
Should corporations be allowed to sell your data to third parties?corporationsindividuals
Should companies be allowed to use your data to train AI systems?corporationsindividuals
Should law enforcement have access to all your data without a warrant?governmentindividuals
Should your personal data be stored indefinitely?corporationsindividuals
Should individuals have the right to erase their data from systems entirely?individualsgovernment
Should your private communications be accessible to the government?governmentindividuals
Should your private communications be accessible to corporations?corporationsindividuals
Should individuals control who can access their private communications?individualscorporations
Should law enforcement be allowed to track your location at all times?governmentindividuals
Should corporations track your location for targeted advertising?corporationsindividuals

THE FULL WORKING EXPERIENCE

Follow a decision
into daily life.

The original application places narrative consequences after each answer, then builds a final speculative society. Its current version generates that narrative locally.

THE WORKING PROJECT

The Privacy Paradox simulation

Loaded only when requested. The original application keeps its own controls and visual identity.

Prefer to observe? Open the authored sample outcome ↗

SYSTEM DESIGN

One answer.
Several consequences.

  1. INPUTChoose a policy

    A yes/no decision starts the chain.

  2. MODELAllocate influence

    The authored mapping assigns ten points.

  3. FEEDBACKShow a consequence

    A narrative makes the policy tangible.

  4. OUTPUTConstruct a future

    Accumulated scores shape the local story.

From a remote generation experiment

The original process book describes D3 visualization and a GPT-4 API integration. The project asked how a numerical model could become an experience of a possible future.

To a local portfolio version

The current source uses local question data, DOM-based charts and template-driven narratives. It avoids a remote generation request. The older process book remains useful as documentation of the project’s development.

Open the original 12-page process book ↗

MODEL LIMITS

A simulation also
contains a worldview.

Reducing power to three groups makes the system understandable, but it leaves out much of political and social life. Equal point increments and yes/no answers are design choices, not measurements.

The full application also produces an estimated happiness score. That is an authored part of the speculative model, not a validated wellbeing measure. Neither its stories nor its charts should be read as forecasts.

The project’s value is in making a relationship discussable: individually reasonable permissions may produce a collective outcome that feels less comfortable.

Original development archive

Historical account: its D3 and remote GPT-4 descriptions refer to the original project. The current application uses local narrative templates, as explained above.

Overview

The Privacy Paradox is a web-based interactive simulation about the relationship between personal privacy, government control and corporate influence.

The viewer moves through a series of privacy-related decisions and chooses how much data they are willing to share with governments, corporations and other systems. Each response changes the balance of power between three groups: government, corporations and individuals.

The simulation gives immediate visual feedback through a changing power distribution chart, then uses the final decisions to generate a dystopian narrative showing what kind of society those choices might create.

The project combines web-based coding, interaction design, data visualization and speculative storytelling.

Context

The project began from thinking about how privacy is treated in everyday digital life.

People often say that they value privacy, but still share personal information in exchange for convenience, security, personalized services and access to digital platforms. That contradiction is what the privacy paradox refers to.

At the same time, governments and corporations both benefit from collecting information. Governments justify surveillance through security and public safety, while corporations use personal data to predict behavior, target advertising and build more profitable services.

Individuals are left trying to balance autonomy with the advantages that come from participating in digital systems.

I wanted to turn that tension into an interactive experience rather than only presenting it as written research. The website asks the viewer to make decisions, then shows how those decisions contribute to larger power structures.

Concept

The concept was to create a simulation where privacy is treated as a system of trade-offs rather than a simple choice between good and bad.

Each answer changes the relative power of:

  • governments
  • corporations
  • individuals

For example, accepting more surveillance may increase government power in exchange for a stronger sense of security. Sharing more consumer data may increase corporate power while giving the user more personalized services. Stronger privacy protections may increase individual autonomy, but reduce access to certain conveniences or systems.

The goal was not to tell the viewer that one answer was automatically correct. I wanted the simulation to show how every choice produces consequences and how small decisions can accumulate into a larger political and social structure.

The final dystopian narrative makes those consequences feel more concrete by translating abstract values into a possible future world.

Research

I researched the ways governments, corporations and individuals interact through data collection.

For government surveillance, I looked at examples such as the Patriot Act and China’s Social Credit System. These systems show how privacy can be reduced in the name of security, social management or national control.

For corporate data collection, I looked at how companies such as Google and Facebook gather user information to target advertising, predict behavior and monetize services.

I was especially interested in the position of the individual, because people often want privacy while also accepting tracking in exchange for convenience, entertainment or free access.

This research shaped the questions inside the simulation and helped me define the power model behind the interaction.

System Design

The experience is structured around a series of privacy scenarios.

The viewer answers questions about how much data they are willing to share and what kinds of surveillance or regulation they are willing to accept.

Each answer affects numerical values connected to the three power groups:

  • government gains power through surveillance and expanded access to citizen data
  • corporations gain power through consumer information and behavioral prediction
  • individuals gain power through stronger privacy rights and autonomy

The values update as the user moves through the experience.

At the end, the system uses the final power distribution to construct a speculative narrative about the society created by those decisions.

The project was designed as a feedback loop:

user decision
→ power values change
→ chart updates
→ future society is generated

Web-Based Coding

The project was built as a coded web experience using HTML, CSS and JavaScript.

HTML structured the different sections of the simulation, including the introductory information, privacy questions, controls, chart and generated outcome.

CSS created the dark interface and green system-like visual language. I wanted the site to feel slightly dystopian and institutional, somewhere between a control terminal, surveillance dashboard and speculative government system.

JavaScript controlled the main interaction logic. It recorded the viewer’s answers, updated the power values and determined how each decision affected government, corporate and individual influence.

This project required me to think about code as a system rather than a collection of isolated effects. The interaction only worked if the questions, numerical model, visual feedback and final narrative all responded to the same shared data.

Data Visualization

I used D3.js to visualize the changing power distribution.

As the viewer made decisions, the chart updated to show which group was gaining or losing influence.

The visualization was important because the consequences of privacy decisions can otherwise feel abstract. The chart gave the user immediate feedback and made the cumulative effect of their choices visible.

Rather than waiting until the end to reveal the outcome, the interface allowed the viewer to watch the power structure develop throughout the simulation.

Narrative Generation

The final part of the project used the OpenAI GPT-4 API to generate a dystopian narrative based on the viewer’s choices.

The generated story described how the final balance of government, corporate and individual power might affect daily life, personal freedom, surveillance, economic opportunity and access to technology.

I used narrative because a bar chart alone could communicate the distribution of power, but not what it might feel like to live inside that system.

The story turned the final numerical values into a speculative world, making the consequences more emotional and easier to imagine.

The AI was used within a constrained system. It did not decide the interaction or generate the project’s visual direction. It received structured information created by the viewer’s choices and translated that information into a narrative outcome.

Visual Direction

The visual system uses black, neon green and red to create the feeling of a surveillance interface or restricted system terminal.

Large condensed headings make the experience feel authoritative and institutional, while monospaced and pixel-like type reinforces the coded system language.

The interface was intentionally dark and minimal so that the questions, power changes and generated outcomes remained central.

I also used thin green borders, system numbering and flowing line graphics to make the project feel like a contained digital environment rather than a normal informational website.

The visual direction supported the subject by making the viewer feel as though they were interacting with a system that was monitoring and evaluating their decisions.

Interaction

The user moves through a sequence of privacy-related questions.

Each response immediately changes the power model and updates the visualization.

This creates a sense that the user is actively building the world they will eventually receive.

The interaction is simple enough to understand quickly, but the consequences become more complicated as decisions accumulate.

The viewer may choose options that seem reasonable individually, then discover that those choices produce a much more controlling or unequal system when combined.

That gap between individual intention and collective consequence became one of the most important parts of the project.

Outcome

The final outcome was a functioning interactive web simulation combining:

  • privacy decision-making
  • JavaScript-based power calculations
  • real-time D3.js visualization
  • responsive interface design
  • AI-assisted narrative generation

The project allowed viewers to see how personal decisions about privacy could influence larger structures of power.

It also gave me experience building a web-based system where interface, data, logic and narrative all needed to work together.

Limitations

The simulation simplifies extremely complex political, cultural and economic systems into a smaller set of values.

The privacy scenarios are limited and do not represent every perspective or lived experience.

The project also does not use real-time external data, so the outcomes are based on the internal model rather than current events or live policy changes.

The generated narrative can create variation, but it is still shaped by the categories and assumptions built into the system.

There were also technical and financial limitations around API use, backend development and how personalized the experience could become.

These limitations are important because a project about data and power should also acknowledge the limits of its own model.

Reflection

This project helped me understand web-based coding as a way of building systems rather than only making pages.

The most important part was connecting the user’s decisions to multiple outputs at once. One answer needed to affect the internal values, the power chart and the final story.

That made the project more complex than a normal interactive website because the interface had to remain visually clear while several systems updated in the background.

I also became more aware of how easily a simulation can present its own assumptions as objective. The power model was something I designed, which means the outcomes reflect the logic I chose to build into it.

That tension felt especially relevant to the subject. Governments, corporations and algorithms also use simplified models to make decisions about people, even though those models can never represent the full complexity of a person or society.

If I continued developing the project, I would add more varied scenarios, broader perspectives and more transparency around how each response changes the power calculation.

I would also explore real-time data, collaborative classroom use and user-generated scenarios. A future version could allow groups to compare outcomes and discuss how different privacy values create different societies.

The project made me more interested in using coded systems to turn social and political questions into experiences that people can actively move through rather than only read about.

PROJECT RECORD

2025 · complete

MY ROLE

Concept Development · Research · Systems Design · Interaction Design · Visual Design · Front-End Development · Data Visualization · API Integration

TOOLS

HTML · CSS · JavaScript · D3.js · OpenAI API · Adobe Illustrator