Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Symbolic–Narrative Processing Model</title>
  <style>
    body {
      font-family: Inter, Arial, sans-serif;
      margin: 0;
      background: #f4f4f4;
      color: #1f2f25;
      padding: 24px;
    }

    .container {
      max-width: 1000px;
      margin: auto;
      background: white;
      border-radius: 20px;
      padding: 24px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }

    .label {
      font-size: 12px;
      letter-spacing: 0.08em;
      color: #6b7280;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 10px;
    }

    h1 {
      margin: 0 0 10px;
      font-size: 2rem;
    }

    p.description {
      color: #4b5563;
      line-height: 1.6;
      margin-bottom: 20px;
    }

    .svg-wrap {
      overflow-x: auto;
    }

    svg {
      width: 100%;
      min-width: 700px;
      height: auto;
      display: block;
    }

    .title {
      font-weight: 800;
      font-size: 24px;
      fill: #1f2937;
    }

    .sub {
      font-size: 14px;
      fill: #4b5563;
    }

    .ring {
      font-size: 15px;
      font-weight: 600;
      fill: #1f2f25;
    }

    .caption {
      margin-top: 20px;
      padding-top: 16px;
      border-top: 1px solid #e5e7eb;
      font-size: 0.96rem;
      line-height: 1.6;
      color: #374151;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="label">Academic Figure</div>
    <h1>Symbolic–Narrative Processing Model</h1>
    <p class="description">
      A formal conceptual diagram showing how observed evidence is processed through method,
      interpreted through qualitative frameworks, and transformed into collective meaning and identity formation.
    </p>

    <div class="svg-wrap">
      <svg viewBox="0 0 800 700" aria-labelledby="title desc" role="img">
        <title id="title">Symbolic–Narrative Processing Model</title>
        <desc id="desc">A layered concentric model showing evidence, method, interpretive approaches, meaning, and identity formation.</desc>

        <circle cx="400" cy="350" r="230" fill="#e5e7eb" />
        <circle cx="400" cy="350" r="170" fill="#cfd8dc" />
        <circle cx="400" cy="350" r="110" fill="#eceff1" />
        <circle cx="400" cy="350" r="70" fill="#90a4ae" />

        <text x="400" y="350" text-anchor="middle" class="title">Evidence</text>
        <text x="400" y="375" text-anchor="middle" class="sub">Observed Data</text>

        <text x="400" y="300" text-anchor="middle" class="title">Method</text>
        <text x="400" y="322" text-anchor="middle" class="sub">Framework Processing</text>

        <text x="250" y="250" class="ring">Ethnography</text>
        <text x="500" y="230" class="ring">Grounded Theory</text>
        <text x="595" y="350" class="ring">Observation</text>

        <text x="185" y="350" class="ring">Collective Memory</text>
        <text x="255" y="500" class="ring">Symbols</text>
        <text x="550" y="500" class="ring">Narrative</text>

        <text x="590" y="200" class="title">Identity Formation</text>
      </svg>
    </div>

    <div class="caption">
      <strong>Figure 1.</strong> The Symbolic–Narrative Processing Model describes a recursive system in which observed evidence is processed through structured methodologies, interpreted through qualitative frameworks, and transformed into collective meaning and identity formation.
    </div>
  </div>
</body>
</html>

Insight Systems

Insight Systems, is a universal living research space that explores cognition, intuition, and human‑AI collaboration by documenting real‑world case studies, field notes, and applied research on how lived experience becomes structured knowledge. Emphasizing documentation over performance, the venture is just starting out.