GenAIBook/dependency-graph.html at main · ApartsinProjects/GenAIBook · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<title>Dependency Graph - Building Vision and Audio AI with Deep Generative Models</title>
<style>
  :root { --bg:#f5efe5; --paper:#fffdfa; --ink:#1d1f1b; --muted:#5d655b; --line:#d9d0c4; --accent:#0f5a48; --accent-2:#8e5622; --soft:#edf5f0; --soft-2:#f6efe4; --shadow:0 18px 54px rgba(29,31,27,.08); --max:1240px; }
  * { box-sizing:border-box; }
  body { margin:0; font-family:Georgia,"Times New Roman",serif; color:var(--ink); line-height:1.62; background:radial-gradient(circle at top right, rgba(15,90,72,.12), transparent 28%), linear-gradient(180deg, #f8f3eb 0%, #f2ecdf 100%); }
  .page { max-width:var(--max); margin:0 auto; padding:28px 20px 64px; }
  .hero, .panel, .section { background:var(--paper); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow); }
  .hero { background:linear-gradient(135deg,#153a32 0%,#1d6955 100%); color:#f8f7f2; padding:36px 32px; margin-bottom:20px; }
  h1 { margin:0 0 12px; font-size:clamp(2rem,4vw,3.6rem); line-height:1.06; }
  .hero p { margin:0; max-width:78ch; color:rgba(248,247,242,.94); }
  .topbar { display:flex; gap:12px; flex-wrap:wrap; justify-content:space-between; margin-bottom:18px; }
  .inline-link, .node a { color:var(--accent); text-decoration:none; font-weight:700; }
  .crumbs, .legend { display:flex; gap:10px; flex-wrap:wrap; }
  .tag { background:var(--soft); color:var(--accent); border-radius:999px; padding:5px 10px; font-size:.84rem; }
  .grid { display:grid; grid-template-columns:320px minmax(0,1fr); gap:20px; align-items:start; }
  .panel { padding:18px; position:sticky; top:16px; }
  .panel h2, .section h2 { margin:0 0 10px; color:var(--accent); text-transform:uppercase; letter-spacing:.08em; font-size:.96rem; }
  .panel ul { margin:0; padding-left:18px; }
  .panel li { margin-bottom:8px; }
  .section { padding:24px; margin-bottom:18px; }
  .section h3 { margin:0 0 8px; font-size:1.6rem; }
  .flow { display:grid; gap:14px; margin-top:14px; }
  .node { padding:14px 16px; border:1px solid #e2d8cb; border-radius:18px; background:linear-gradient(180deg,#fcfaf5 0%,#f6efe4 100%); }
  .arrow { color:var(--accent-2); font-weight:700; padding-left:8px; }
  .two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .subtle { color:var(--muted); }
  .proposal-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:18px; }
  .proposal-chip { padding:14px 16px; border-radius:18px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); }
  .proposal-chip strong { display:block; margin-bottom:6px; text-transform:uppercase; letter-spacing:.08em; font-size:.8rem; }
  .proposal-chip span { color:rgba(248,247,242,.93); font-size:.95rem; }
  .section-intro { margin:0 0 14px; color:var(--muted); }
  .editor-frame { margin-bottom:18px; padding:16px 18px; border-radius:18px; background:linear-gradient(180deg,#fcfaf5 0%,#f6efe4 100%); border:1px solid #e7dece; }
  .editor-frame strong { display:block; margin-bottom:6px; color:var(--accent); text-transform:uppercase; letter-spacing:.06em; font-size:.8rem; }
  @media (max-width:980px) { .proposal-strip { grid-template-columns:1fr; } }
  @media (max-width:980px) { .grid, .two-col { grid-template-columns:1fr; } .panel { position:static; } }
</style>
</head>
<body>
<div class="page">
  <header class="hero">
    <h1>Dependency Graph</h1>
    <p>This page makes the book's prerequisite structure explicit for self-study, course design, and project planning. It distinguishes the universal core from the advanced branches so readers can sequence the material without guessing and can map each recurring case study onto a clean reading path.</p>
    <div class="proposal-strip">
      <div class="proposal-chip"><strong>Reading Logic</strong><span>Shows the official book arc from orientation through capstone-ready specialization.</span></div>
      <div class="proposal-chip"><strong>Adoption Value</strong><span>Supports self-study, semester planning, and instructor reuse without re-sequencing the manuscript from scratch.</span></div>
      <div class="proposal-chip"><strong>Editorial Payoff</strong><span>Makes the book feel intentionally structured rather than simply comprehensive.</span></div>
    </div>
  </header>
  <div class="topbar">
    <div class="crumbs">
      <a class="inline-link" href="index.html">High-Level TOC</a>
      <a class="inline-link" href="course-pathways.html">Suggested Course Syllabuses</a>
      <a class="inline-link" href="front-matter/index.html">Front Matter</a>
    </div>
    <div class="legend">
      <span class="tag">Core</span>
      <span class="tag">Advanced</span>
      <span class="tag">Undergraduate</span>
      <span class="tag">Graduate</span>
      <span class="tag">Engineering</span>
      <span class="tag">Research</span>
    </div>
  </div>
  <div class="grid">
    <aside class="panel">
      <h2>Use Cases</h2>
      <ul>
        <li><strong>Self-study:</strong> start with Appendices A-F if needed, then follow the core spine before adding one specialization branch.</li>
        <li><strong>Undergraduate teaching:</strong> use the Part I-II-IV-VI route and pull from the appendices as needed.</li>
        <li><strong>Graduate engineering:</strong> add Parts III and V in full, especially the four model tracks in Chapters 09-12 and the systems chapters in 21-25.</li>
        <li><strong>Graduate research:</strong> add Chapter 8, the four model tracks in Chapters 09-12, Chapter 13, Chapter 20, Chapter 29, and Appendix I early.</li>
      </ul>
    </aside>
    <main>
      <section class="section">
        <h2>Presentation Spine</h2>
        <h3>Book-wide sequence: orient - discipline - explain - build - train - specialize - extend</h3>
        <p class="section-intro">This is the canonical presentation order of the book. It should read like a proposal-ready teaching arc, not just a dependency list.</p>
        <div class="editor-frame">
          <strong>Why This Page Exists</strong>
          The dependency graph is the structural proof that the manuscript has a clear pedagogical spine. It gives instructors, self-learners, and editors one place to verify that the sequencing is intentional and reusable.
        </div>
        <div class="flow">
          <div class="node"><a href="front-matter/index.html">FM0-FM5</a>: book promise, audience fit, course pathways, recurring case studies, and companion assets.</div>
          <div class="arrow">-></div>
          <div class="node"><a href="appendices/index.html">Appendices A-F</a>: optional but recommended onboarding for readers who need Python, math, deep-learning, PyTorch, data-format, or setup foundations.</div>
          <div class="arrow">-></div>
          <div class="node"><a href="part-1-orientation-and-fast-start/index.html">Part I</a>: Chapters 01-04 establish the build-first overview, task framing, and toolchain.</div>
          <div class="arrow">-></div>
          <div class="node"><a href="part-2-data-and-experimental-foundations/index.html">Part II</a>: Chapters 05-08 make data design, annotation, and credible evaluation explicit.</div>
          <div class="arrow">-></div>
          <div class="node"><a href="part-4-synthetic-data-design-and-operations/index.html">Part IV</a>: Chapters 14, 15, 17, and 19 are the minimum synthetic-data operations route.</div>
          <div class="arrow">-></div>
          <div class="node"><a href="part-5-training-multimodal-systems-and-operations/index.html">Part V</a>: Chapters 21-25 convert the dataset into a tuned, evaluated, and operated system.</div>
          <div class="arrow">-></div>
          <div class="node"><a href="part-6-applications-frontiers-and-capstones/index.html">Part VI</a>: Chapters 26, 27, 30, and 31 turn the method into domain blueprints and capstone outputs.</div>
        </div>
      </section>

      <section class="section">
        <h2>Case-Study Routes</h2>
        <h3>How the recurring systems travel through the book</h3>
        <div class="two-col">
          <div class="node">
            <strong>Industrial Inspection</strong><br/>
            Start with FM4, Chapters 01-03, 06, 08, 14-15, 19, 21, 24, 26, and 31.<br/>
            <span class="subtle">Best route for defect detection, segmentation, slice analysis, and deployment realism.</span>
          </div>
          <div class="node">
            <strong>Multilingual Speech Analytics</strong><br/>
            Start with FM4, Chapters 01-03, 06-08, 14, 17, 19-20, 22, 24-25, 27, and Appendix I.<br/>
            <span class="subtle">Best route for ASR, diarization, synthetic augmentation, evaluation design, and reporting.</span>
          </div>
          <div class="node">
            <strong>Multimodal Incident Review</strong><br/>
            Start with FM4, Chapters 01-03, 06-08, 09, 10, 13, 16, 19-20, 23-25, 28, and 31.<br/>
            <span class="subtle">Best route for retrieval, grounding, structured outputs, temporal evidence, and human review systems.</span>
          </div>
          <div class="node">
            <strong>Instructor Reuse Route</strong><br/>
            Start with FM3-FM5, this dependency page, Chapters 01-04, 08, 14, 23, 31-32, and Appendices H-I.<br/>
            <span class="subtle">Best route for course adoption, milestone design, and project sequencing.</span>
          </div>
        </div>
      </section>

      <section class="section">
        <h2>Advanced Branches</h2>
        <h3>Specializations layered onto the core</h3>
        <div class="two-col">
          <div class="node">
            <strong>Model internals by modality</strong><br/>
            Start after Chapters 01-08.<br/>
            Read <a href="part-3-vision-audio-and-generative-model-internals/index.html">Chapters 09-13</a> for vision models, audio models, generative models for vision, generative models for audio, and pre-deployment debugging.<br/>
            <span class="subtle">Best for graduate engineering and research pathways.</span>
          </div>
          <div class="node">
            <strong>Video and simulation branch</strong><br/>
            Add <a href="part-4-synthetic-data-design-and-operations/index.html">Chapters 16 and 18</a> after Chapter 15.<br/>
            Then continue to Chapters 21, 23, 24, and 28.<br/>
            <span class="subtle">Best for robotics, video, and incident-review projects.</span>
          </div>
          <div class="node">
            <strong>Research-methods branch</strong><br/>
            Pair <a href="part-2-data-and-experimental-foundations/index.html">Chapter 08</a>, <a href="part-4-synthetic-data-design-and-operations/index.html">Chapter 20</a>, <a href="part-6-applications-frontiers-and-capstones/index.html">Chapters 29 and 31</a>, and <a href="appendices/index.html">Appendix I</a>.<br/>
            <span class="subtle">Best for graduate research courses and publishable-semester projects.</span>
          </div>
          <div class="node">
            <strong>Teaching and adoption branch</strong><br/>
            Use <a href="front-matter/index.html">FM3-FM5</a>, <a href="course-pathways.html">Suggested Course Syllabuses</a>, <a href="part-6-applications-frontiers-and-capstones/index.html">Chapter 32</a>, and <a href="appendices/index.html">Appendix H</a>.<br/>
            <span class="subtle">Best for instructors and workshop designers.</span>
          </div>
        </div>
      </section>

      <section class="section">
        <h2>Prerequisite Notes</h2>
        <h3>Where readers can safely branch or defer</h3>
        <ul>
          <li>Chapters 09-13 assume the reader already understands Chapters 01-08 well enough to interpret model choices in relation to task design, data bottlenecks, and synthetic-data strategy.</li>
          <li>Chapter 20 is strongest after Chapters 08, 14-19, because it assumes the reader can distinguish training data utility from evaluation utility.</li>
          <li>Chapters 21-25 assume both the experimental discipline of Part II and the synthetic-data operations of Part IV.</li>
          <li>Chapter 29 should usually come after at least one full project loop through Chapters 14-25.</li>
          <li>Appendices A-F are the main self-contained onboarding route for readers with only basic engineering knowledge.</li>
          <li>Appendix I is useful early for research-oriented readers, but it becomes most concrete after Chapter 08.</li>
        </ul>
      </section>
    </main>
  </div>
</div>
</body>
</html>