https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad02026-05-06T20:03:42.000Zhttps://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/vector-fundamentals/svg/1Vector Fundamentals and Inner Products diagram 1Vector Fundamentals and Inner Products - Applied Linear Algebra and Least Squares - diagram 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/vector-fundamentals/svg/2Vector Fundamentals and Inner Products diagram 2Vector Fundamentals and Inner Products - Applied Linear Algebra and Least Squares - diagram 2https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/vector-fundamentals/svg/3Vector Fundamentals and Inner Products diagram 3Vector Fundamentals and Inner Products - Applied Linear Algebra and Least Squares - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/2e10c2d2-1cb6-48f0-b135-6fe5aa2c3183_Linear_Functions__Norms__and_Distance.jpegLinear Functions, Norms, and Distance image 1Linear Functions, Norms, and Distance - Applied Linear Algebra and Least Squares - image 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/norms-and-functions/svg/1Linear Functions, Norms, and Distance diagram 1Linear Functions, Norms, and Distance - Applied Linear Algebra and Least Squares - diagram 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/norms-and-functions/svg/2Linear Functions, Norms, and Distance diagram 2Linear Functions, Norms, and Distance - Applied Linear Algebra and Least Squares - diagram 2https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/norms-and-functions/svg/3Linear Functions, Norms, and Distance diagram 3Linear Functions, Norms, and Distance - Applied Linear Algebra and Least Squares - diagram 3https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/clustering-and-independence/svg/1Clustering and Linear Independence diagram 1Clustering and Linear Independence - Applied Linear Algebra and Least Squares - diagram 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/clustering-and-independence/svg/2Clustering and Linear Independence diagram 2Clustering and Linear Independence - Applied Linear Algebra and Least Squares - diagram 2https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/clustering-and-independence/svg/3Clustering and Linear Independence diagram 3Clustering and Linear Independence - Applied Linear Algebra and Least Squares - diagram 3https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/matrix-basics-and-examples/svg/1Matrix Basics and Geometric Examples diagram 1Matrix Basics and Geometric Examples - Applied Linear Algebra and Least Squares - diagram 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/matrix-basics-and-examples/svg/2Matrix Basics and Geometric Examples diagram 2Matrix Basics and Geometric Examples - Applied Linear Algebra and Least Squares - diagram 2https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/matrix-basics-and-examples/svg/3Matrix Basics and Geometric Examples diagram 3Matrix Basics and Geometric Examples - Applied Linear Algebra and Least Squares - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/aaed9967-fdae-4133-9280-b4a801c56f7c_Linear_Equations_and_Dynamical_Systems.jpegLinear Equations and Dynamical Systems image 1Linear Equations and Dynamical Systems - Applied Linear Algebra and Least Squares - image 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/linear-equations-and-dynamics/svg/1Linear Equations and Dynamical Systems diagram 1Linear Equations and Dynamical Systems - Applied Linear Algebra and Least Squares - diagram 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/linear-equations-and-dynamics/svg/2Linear Equations and Dynamical Systems diagram 2Linear Equations and Dynamical Systems - Applied Linear Algebra and Least Squares - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/a47fe7c8-6ff4-4542-a413-bc41f3ec3687_Matrix_Multiplication_and_Inverses.jpegMatrix Multiplication and Inverses image 1Matrix Multiplication and Inverses - Applied Linear Algebra and Least Squares - image 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/matrix-algebra-and-inverses/svg/1Matrix Multiplication and Inverses diagram 1Matrix Multiplication and Inverses - Applied Linear Algebra and Least Squares - diagram 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/matrix-algebra-and-inverses/svg/2Matrix Multiplication and Inverses diagram 2Matrix Multiplication and Inverses - Applied Linear Algebra and Least Squares - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/6efb643d-44ff-44bb-aea6-c4aa6f2a63be_The_Least_Squares_Problem_and_Data_Fitting.jpegThe Least Squares Problem and Data Fitting image 1The Least Squares Problem and Data Fitting - Applied Linear Algebra and Least Squares - image 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/least-squares-and-data-fitting/svg/1The Least Squares Problem and Data Fitting diagram 1The Least Squares Problem and Data Fitting - Applied Linear Algebra and Least Squares - diagram 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/least-squares-and-data-fitting/svg/2The Least Squares Problem and Data Fitting diagram 2The Least Squares Problem and Data Fitting - Applied Linear Algebra and Least Squares - diagram 2https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/least-squares-and-data-fitting/svg/3The Least Squares Problem and Data Fitting diagram 3The Least Squares Problem and Data Fitting - Applied Linear Algebra and Least Squares - diagram 3https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/constrained-and-regularized-ls/svg/1Regularization and Constrained Least Squares diagram 1Regularization and Constrained Least Squares - Applied Linear Algebra and Least Squares - diagram 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/constrained-and-regularized-ls/svg/2Regularization and Constrained Least Squares diagram 2Regularization and Constrained Least Squares - Applied Linear Algebra and Least Squares - diagram 2https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/constrained-and-regularized-ls/svg/3Regularization and Constrained Least Squares diagram 3Regularization and Constrained Least Squares - Applied Linear Algebra and Least Squares - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/bf00877b-952f-4c24-98f7-89771860a463_Nonlinear_Least_Squares.jpegNonlinear Least Squares image 1Nonlinear Least Squares - Applied Linear Algebra and Least Squares - image 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/nonlinear-least-squares/svg/1Nonlinear Least Squares diagram 1Nonlinear Least Squares - Applied Linear Algebra and Least Squares - diagram 1https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/nonlinear-least-squares/svg/2Nonlinear Least Squares diagram 2Nonlinear Least Squares - Applied Linear Algebra and Least Squares - diagram 2https://www.getlykke.com/explore/public/applied-linear-algebra-and-least-squares-f2e383ce-d1e8-4a0a-af8a-f21feb45dad0/media/nonlinear-least-squares/svg/3Nonlinear Least Squares diagram 3Nonlinear Least Squares - Applied Linear Algebra and Least Squares - diagram 3https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa842026-05-05T14:49:37.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/558191ca-e578-4918-a7a2-3aff237a4e80_Course_Framework_and_Musicianship.jpegCourse Framework and Musicianship image 1Course Framework and Musicianship - AP Music Theory - image 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/course-framework-and-musicianship/svg/1Course Framework and Musicianship diagram 1Course Framework and Musicianship - AP Music Theory - diagram 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/course-framework-and-musicianship/svg/2Course Framework and Musicianship diagram 2Course Framework and Musicianship - AP Music Theory - diagram 2https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/course-framework-and-musicianship/svg/3Course Framework and Musicianship diagram 3Course Framework and Musicianship - AP Music Theory - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/369f912d-f4f3-469d-acbd-c3dc17bc6282_Unit_1__Music_Fundamentals_I__Pitch__Major_Scales_and_Key_Si.jpegUnit 1: Music Fundamentals I: Pitch, Major Scales and Key Signatures, Rhythm, Meter, and Expressive Elements image 1Unit 1: Music Fundamentals I: Pitch, Major Scales and Key Signatures, Rhythm, Meter, and Expressive Elements - AP Music Theory - image 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-1-music-fundamentals-i/svg/1Unit 1: Music Fundamentals I: Pitch, Major Scales and Key Signatures, Rhythm, Meter, and Expressive Elements diagram 1Unit 1: Music Fundamentals I: Pitch, Major Scales and Key Signatures, Rhythm, Meter, and Expressive Elements - AP Music Theory - diagram 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-1-music-fundamentals-i/svg/2Unit 1: Music Fundamentals I: Pitch, Major Scales and Key Signatures, Rhythm, Meter, and Expressive Elements diagram 2Unit 1: Music Fundamentals I: Pitch, Major Scales and Key Signatures, Rhythm, Meter, and Expressive Elements - AP Music Theory - diagram 2https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-1-music-fundamentals-i/svg/3Unit 1: Music Fundamentals I: Pitch, Major Scales and Key Signatures, Rhythm, Meter, and Expressive Elements diagram 3Unit 1: Music Fundamentals I: Pitch, Major Scales and Key Signatures, Rhythm, Meter, and Expressive Elements - AP Music Theory - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/df607346-4871-48e5-9be9-93634b103638_Unit_2__Music_Fundamentals_II__Minor_Scales_and_Key_Signatur.jpegUnit 2: Music Fundamentals II: Minor Scales and Key Signatures, Melody, Timbre, and Texture image 1Unit 2: Music Fundamentals II: Minor Scales and Key Signatures, Melody, Timbre, and Texture - AP Music Theory - image 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-2-music-fundamentals-ii/svg/1Unit 2: Music Fundamentals II: Minor Scales and Key Signatures, Melody, Timbre, and Texture diagram 1Unit 2: Music Fundamentals II: Minor Scales and Key Signatures, Melody, Timbre, and Texture - AP Music Theory - diagram 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-2-music-fundamentals-ii/svg/2Unit 2: Music Fundamentals II: Minor Scales and Key Signatures, Melody, Timbre, and Texture diagram 2Unit 2: Music Fundamentals II: Minor Scales and Key Signatures, Melody, Timbre, and Texture - AP Music Theory - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/9994688b-b255-4779-9706-45c4d82f9f7d_Unit_3__Music_Fundamentals_III__Triads_and_Seventh_Chords.jpegUnit 3: Music Fundamentals III: Triads and Seventh Chords image 1Unit 3: Music Fundamentals III: Triads and Seventh Chords - AP Music Theory - image 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-3-music-fundamentals-iii/svg/1Unit 3: Music Fundamentals III: Triads and Seventh Chords diagram 1Unit 3: Music Fundamentals III: Triads and Seventh Chords - AP Music Theory - diagram 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-3-music-fundamentals-iii/svg/2Unit 3: Music Fundamentals III: Triads and Seventh Chords diagram 2Unit 3: Music Fundamentals III: Triads and Seventh Chords - AP Music Theory - diagram 2https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-4-harmony-and-voice-leading-i/svg/1Unit 4: Harmony and Voice Leading I: Chord Function, Cadence, and Phrase diagram 1Unit 4: Harmony and Voice Leading I: Chord Function, Cadence, and Phrase - AP Music Theory - diagram 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-4-harmony-and-voice-leading-i/svg/2Unit 4: Harmony and Voice Leading I: Chord Function, Cadence, and Phrase diagram 2Unit 4: Harmony and Voice Leading I: Chord Function, Cadence, and Phrase - AP Music Theory - diagram 2https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-4-harmony-and-voice-leading-i/svg/3Unit 4: Harmony and Voice Leading I: Chord Function, Cadence, and Phrase diagram 3Unit 4: Harmony and Voice Leading I: Chord Function, Cadence, and Phrase - AP Music Theory - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/ac82925b-fbcc-44df-ac67-d2ec6d8a6c30_Unit_5__Harmony_and_Voice_Leading_II__Chord_Progressions_and.jpegUnit 5: Harmony and Voice Leading II: Chord Progressions and Predominant Function image 1Unit 5: Harmony and Voice Leading II: Chord Progressions and Predominant Function - AP Music Theory - image 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-5-harmony-and-voice-leading-ii/svg/1Unit 5: Harmony and Voice Leading II: Chord Progressions and Predominant Function diagram 1Unit 5: Harmony and Voice Leading II: Chord Progressions and Predominant Function - AP Music Theory - diagram 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-5-harmony-and-voice-leading-ii/svg/2Unit 5: Harmony and Voice Leading II: Chord Progressions and Predominant Function diagram 2Unit 5: Harmony and Voice Leading II: Chord Progressions and Predominant Function - AP Music Theory - diagram 2https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-5-harmony-and-voice-leading-ii/svg/3Unit 5: Harmony and Voice Leading II: Chord Progressions and Predominant Function diagram 3Unit 5: Harmony and Voice Leading II: Chord Progressions and Predominant Function - AP Music Theory - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/6f942641-8e8f-433a-9548-2aedbd584c0d_Unit_6__Harmony_and_Voice_Leading_III__Embellishments__Motiv.jpegUnit 6: Harmony and Voice Leading III: Embellishments, Motives, and Melodic Devices image 1Unit 6: Harmony and Voice Leading III: Embellishments, Motives, and Melodic Devices - AP Music Theory - image 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-6-harmony-and-voice-leading-iii/svg/1Unit 6: Harmony and Voice Leading III: Embellishments, Motives, and Melodic Devices diagram 1Unit 6: Harmony and Voice Leading III: Embellishments, Motives, and Melodic Devices - AP Music Theory - diagram 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-6-harmony-and-voice-leading-iii/svg/2Unit 6: Harmony and Voice Leading III: Embellishments, Motives, and Melodic Devices diagram 2Unit 6: Harmony and Voice Leading III: Embellishments, Motives, and Melodic Devices - AP Music Theory - diagram 2https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-6-harmony-and-voice-leading-iii/svg/3Unit 6: Harmony and Voice Leading III: Embellishments, Motives, and Melodic Devices diagram 3Unit 6: Harmony and Voice Leading III: Embellishments, Motives, and Melodic Devices - AP Music Theory - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/cfdb36eb-470d-4ce6-8ebd-4ee3b747df2d_Unit_7__Harmony_and_Voice_Leading_IV__Secondary_Function.jpegUnit 7: Harmony and Voice Leading IV: Secondary Function image 1Unit 7: Harmony and Voice Leading IV: Secondary Function - AP Music Theory - image 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-7-harmony-and-voice-leading-iv/svg/1Unit 7: Harmony and Voice Leading IV: Secondary Function diagram 1Unit 7: Harmony and Voice Leading IV: Secondary Function - AP Music Theory - diagram 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-7-harmony-and-voice-leading-iv/svg/2Unit 7: Harmony and Voice Leading IV: Secondary Function diagram 2Unit 7: Harmony and Voice Leading IV: Secondary Function - AP Music Theory - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/81ca0d10-cdde-47f4-9b56-9bd96412a4ce_Unit_8__Modes_and_Form.jpegUnit 8: Modes and Form image 1Unit 8: Modes and Form - AP Music Theory - image 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-8-modes-and-form/svg/1Unit 8: Modes and Form diagram 1Unit 8: Modes and Form - AP Music Theory - diagram 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-8-modes-and-form/svg/2Unit 8: Modes and Form diagram 2Unit 8: Modes and Form - AP Music Theory - diagram 2https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/unit-8-modes-and-form/svg/3Unit 8: Modes and Form diagram 3Unit 8: Modes and Form - AP Music Theory - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/2d4ee87f-aa86-4506-9533-77e2fff4a878_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Music Theory - image 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Music Theory - diagram 1https://www.getlykke.com/explore/public/ap-music-theory-64526a5a-2b9d-4c74-956a-c2957679aa84/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Music Theory - diagram 2https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f82026-05-05T14:49:37.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/a85924e3-9a51-45ec-890e-2dd762e03ad3_Course_Framework_and_Comparative_Thinking.jpegCourse Framework and Comparative Thinking image 1Course Framework and Comparative Thinking - AP Comparative Government and Politics - image 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/course-framework-and-comparative-thinking/svg/1Course Framework and Comparative Thinking diagram 1Course Framework and Comparative Thinking - AP Comparative Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/course-framework-and-comparative-thinking/svg/2Course Framework and Comparative Thinking diagram 2Course Framework and Comparative Thinking - AP Comparative Government and Politics - diagram 2https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/course-framework-and-comparative-thinking/svg/3Course Framework and Comparative Thinking diagram 3Course Framework and Comparative Thinking - AP Comparative Government and Politics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/f9dcd57e-5afe-48d7-ad86-5c3c19c94792_Unit_1__Political_Systems__Regimes__and_Governments.jpegUnit 1: Political Systems, Regimes, and Governments image 1Unit 1: Political Systems, Regimes, and Governments - AP Comparative Government and Politics - image 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/unit-1-political-systems-regimes-and-governments/svg/1Unit 1: Political Systems, Regimes, and Governments diagram 1Unit 1: Political Systems, Regimes, and Governments - AP Comparative Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/unit-1-political-systems-regimes-and-governments/svg/2Unit 1: Political Systems, Regimes, and Governments diagram 2Unit 1: Political Systems, Regimes, and Governments - AP Comparative Government and Politics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/84644a78-a970-4a8a-90a7-945add6d54b0_Unit_2__Political_Institutions.jpegUnit 2: Political Institutions image 1Unit 2: Political Institutions - AP Comparative Government and Politics - image 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/unit-2-political-institutions/svg/1Unit 2: Political Institutions diagram 1Unit 2: Political Institutions - AP Comparative Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/unit-2-political-institutions/svg/2Unit 2: Political Institutions diagram 2Unit 2: Political Institutions - AP Comparative Government and Politics - diagram 2https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/unit-2-political-institutions/svg/3Unit 2: Political Institutions diagram 3Unit 2: Political Institutions - AP Comparative Government and Politics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/1b83f477-36d1-49a7-8a9f-857a9ea01f3c_Unit_3__Political_Culture_and_Participation.jpegUnit 3: Political Culture and Participation image 1Unit 3: Political Culture and Participation - AP Comparative Government and Politics - image 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/unit-3-political-culture-and-participation/svg/1Unit 3: Political Culture and Participation diagram 1Unit 3: Political Culture and Participation - AP Comparative Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/unit-3-political-culture-and-participation/svg/2Unit 3: Political Culture and Participation diagram 2Unit 3: Political Culture and Participation - AP Comparative Government and Politics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/512a3b95-3199-4ba8-bf01-827605d0db02_Unit_4__Party_and_Electoral_Systems_and_Citizen_Organization.jpegUnit 4: Party and Electoral Systems and Citizen Organizations image 1Unit 4: Party and Electoral Systems and Citizen Organizations - AP Comparative Government and Politics - image 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/unit-4-party-and-electoral-systems-and-citizen-organizations/svg/1Unit 4: Party and Electoral Systems and Citizen Organizations diagram 1Unit 4: Party and Electoral Systems and Citizen Organizations - AP Comparative Government and Politics - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-images/d46b2d67-948b-4647-8b25-3a8e9dc1387d_Unit_5__Political_and_Economic_Changes_and_Development.jpegUnit 5: Political and Economic Changes and Development image 1Unit 5: Political and Economic Changes and Development - AP Comparative Government and Politics - image 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/unit-5-political-and-economic-changes-and-development/svg/1Unit 5: Political and Economic Changes and Development diagram 1Unit 5: Political and Economic Changes and Development - AP Comparative Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/unit-5-political-and-economic-changes-and-development/svg/2Unit 5: Political and Economic Changes and Development diagram 2Unit 5: Political and Economic Changes and Development - AP Comparative Government and Politics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/6a5905f3-34f6-4201-991a-27e836aaa56a_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Comparative Government and Politics - image 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Comparative Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-comparative-government-and-politics-8324ab45-8a6b-4519-be08-73c29c1090f8/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Comparative Government and Politics - diagram 2https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf72026-05-05T14:49:37.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/b979947f-a48f-4557-a772-10ec5d513ab0_Course_Framework_and_Art_Historical_Thinking.jpegCourse Framework and Art Historical Thinking image 1Course Framework and Art Historical Thinking - AP Art History - image 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/course-framework-and-art-historical-thinking/svg/1Course Framework and Art Historical Thinking diagram 1Course Framework and Art Historical Thinking - AP Art History - diagram 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/course-framework-and-art-historical-thinking/svg/2Course Framework and Art Historical Thinking diagram 2Course Framework and Art Historical Thinking - AP Art History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/2538bb8b-7da4-4e01-9059-31c0093981a1_Unit_1__Global_Prehistory__30_000_500_BCE.jpegUnit 1: Global Prehistory, 30,000–500 BCE image 1Unit 1: Global Prehistory, 30,000–500 BCE - AP Art History - image 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-1-global-prehistory/svg/1Unit 1: Global Prehistory, 30,000–500 BCE diagram 1Unit 1: Global Prehistory, 30,000–500 BCE - AP Art History - diagram 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-1-global-prehistory/svg/2Unit 1: Global Prehistory, 30,000–500 BCE diagram 2Unit 1: Global Prehistory, 30,000–500 BCE - AP Art History - diagram 2https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-1-global-prehistory/svg/3Unit 1: Global Prehistory, 30,000–500 BCE diagram 3Unit 1: Global Prehistory, 30,000–500 BCE - AP Art History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/5ce31021-03b7-4317-b237-71f157d85f2b_Unit_2__Ancient_Mediterranean__3500_BCE_300_CE.jpegUnit 2: Ancient Mediterranean, 3500 BCE–300 CE image 1Unit 2: Ancient Mediterranean, 3500 BCE–300 CE - AP Art History - image 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-2-ancient-mediterranean/svg/1Unit 2: Ancient Mediterranean, 3500 BCE–300 CE diagram 1Unit 2: Ancient Mediterranean, 3500 BCE–300 CE - AP Art History - diagram 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-2-ancient-mediterranean/svg/2Unit 2: Ancient Mediterranean, 3500 BCE–300 CE diagram 2Unit 2: Ancient Mediterranean, 3500 BCE–300 CE - AP Art History - diagram 2https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-2-ancient-mediterranean/svg/3Unit 2: Ancient Mediterranean, 3500 BCE–300 CE diagram 3Unit 2: Ancient Mediterranean, 3500 BCE–300 CE - AP Art History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/f9ddaf02-5bea-4ba9-923c-626330b7a764_Unit_3__Early_Europe_and_Colonial_Americas__200_1750_CE.jpegUnit 3: Early Europe and Colonial Americas, 200–1750 CE image 1Unit 3: Early Europe and Colonial Americas, 200–1750 CE - AP Art History - image 1https://getlykke-assets.s3.amazonaws.com/wiki-images/19f5feae-d81d-4050-8cd2-15ab567827af_Unit_3__Early_Europe_and_Colonial_Americas__200_1750_CE.jpegUnit 3: Early Europe and Colonial Americas, 200–1750 CE image 2Unit 3: Early Europe and Colonial Americas, 200–1750 CE - AP Art History - image 2https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-3-early-europe-and-colonial-americas/svg/1Unit 3: Early Europe and Colonial Americas, 200–1750 CE diagram 1Unit 3: Early Europe and Colonial Americas, 200–1750 CE - AP Art History - diagram 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-3-early-europe-and-colonial-americas/svg/2Unit 3: Early Europe and Colonial Americas, 200–1750 CE diagram 2Unit 3: Early Europe and Colonial Americas, 200–1750 CE - AP Art History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/a3e23b25-8d62-4775-b689-7c67636a7aca_Unit_4__Later_Europe_and_Americas__1750_1980_CE.jpegUnit 4: Later Europe and Americas, 1750–1980 CE image 1Unit 4: Later Europe and Americas, 1750–1980 CE - AP Art History - image 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-4-later-europe-and-americas/svg/1Unit 4: Later Europe and Americas, 1750–1980 CE diagram 1Unit 4: Later Europe and Americas, 1750–1980 CE - AP Art History - diagram 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-4-later-europe-and-americas/svg/2Unit 4: Later Europe and Americas, 1750–1980 CE diagram 2Unit 4: Later Europe and Americas, 1750–1980 CE - AP Art History - diagram 2https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-4-later-europe-and-americas/svg/3Unit 4: Later Europe and Americas, 1750–1980 CE diagram 3Unit 4: Later Europe and Americas, 1750–1980 CE - AP Art History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/5230018d-4cf5-4209-99ab-004f2eb3efc0_Unit_5__Indigenous_Americas__1000_BCE_1980_CE.jpegUnit 5: Indigenous Americas, 1000 BCE–1980 CE image 1Unit 5: Indigenous Americas, 1000 BCE–1980 CE - AP Art History - image 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-5-indigenous-americas/svg/1Unit 5: Indigenous Americas, 1000 BCE–1980 CE diagram 1Unit 5: Indigenous Americas, 1000 BCE–1980 CE - AP Art History - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-images/32a0fa21-0671-4cce-aa46-09f020692667_Unit_6__Africa__1100_1980_CE.jpegUnit 6: Africa, 1100–1980 CE image 1Unit 6: Africa, 1100–1980 CE - AP Art History - image 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-6-africa/svg/1Unit 6: Africa, 1100–1980 CE diagram 1Unit 6: Africa, 1100–1980 CE - AP Art History - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-images/e85e7ec7-df4e-413d-bf53-81996ed47614_Unit_7__West_and_Central_Asia__500_BCE_1980_CE.jpegUnit 7: West and Central Asia, 500 BCE–1980 CE image 1Unit 7: West and Central Asia, 500 BCE–1980 CE - AP Art History - image 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-7-west-and-central-asia/svg/1Unit 7: West and Central Asia, 500 BCE–1980 CE diagram 1Unit 7: West and Central Asia, 500 BCE–1980 CE - AP Art History - diagram 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-7-west-and-central-asia/svg/2Unit 7: West and Central Asia, 500 BCE–1980 CE diagram 2Unit 7: West and Central Asia, 500 BCE–1980 CE - AP Art History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/0655d5eb-1f97-4a83-8707-8feee7cbc89f_Unit_8__South__East__and_Southeast_Asia__300_BCE_1980_CE.jpegUnit 8: South, East, and Southeast Asia, 300 BCE–1980 CE image 1Unit 8: South, East, and Southeast Asia, 300 BCE–1980 CE - AP Art History - image 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-8-south-east-and-southeast-asia/svg/1Unit 8: South, East, and Southeast Asia, 300 BCE–1980 CE diagram 1Unit 8: South, East, and Southeast Asia, 300 BCE–1980 CE - AP Art History - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-images/93cef417-e4f2-467e-b65a-f2d0a4983937_Unit_9__The_Pacific__700-1980_C_E_.jpegUnit 9: The Pacific, 700-1980 C.E. image 1Unit 9: The Pacific, 700-1980 C.E. - AP Art History - image 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-9-the-pacific/svg/1Unit 9: The Pacific, 700-1980 C.E. diagram 1Unit 9: The Pacific, 700-1980 C.E. - AP Art History - diagram 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-9-the-pacific/svg/2Unit 9: The Pacific, 700-1980 C.E. diagram 2Unit 9: The Pacific, 700-1980 C.E. - AP Art History - diagram 2https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-9-the-pacific/svg/3Unit 9: The Pacific, 700-1980 C.E. diagram 3Unit 9: The Pacific, 700-1980 C.E. - AP Art History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/2ef2db4c-075e-4df9-b376-dd3c641bc32d_Unit_10__Global_Contemporary__1980_C_E__to_Present.jpegUnit 10: Global Contemporary, 1980 C.E. to Present image 1Unit 10: Global Contemporary, 1980 C.E. to Present - AP Art History - image 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-10-global-contemporary/svg/1Unit 10: Global Contemporary, 1980 C.E. to Present diagram 1Unit 10: Global Contemporary, 1980 C.E. to Present - AP Art History - diagram 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-10-global-contemporary/svg/2Unit 10: Global Contemporary, 1980 C.E. to Present diagram 2Unit 10: Global Contemporary, 1980 C.E. to Present - AP Art History - diagram 2https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/unit-10-global-contemporary/svg/3Unit 10: Global Contemporary, 1980 C.E. to Present diagram 3Unit 10: Global Contemporary, 1980 C.E. to Present - AP Art History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/876e7f4d-e5bc-478c-bae1-62a3dd17c83a_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Art History - image 1https://www.getlykke.com/explore/public/ap-art-history-f51173a9-1720-4a4e-ae2a-947e74f02bf7/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Art History - diagram 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce1012026-05-05T14:24:05.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/b9a62c59-d1f0-4f82-8d8c-16ca0972bf3c_Course_Framework_and_Geographic_Thinking.jpegCourse Framework and Geographic Thinking image 1Course Framework and Geographic Thinking - AP Human Geography - image 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/course-framework-and-geographic-thinking/svg/1Course Framework and Geographic Thinking diagram 1Course Framework and Geographic Thinking - AP Human Geography - diagram 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/course-framework-and-geographic-thinking/svg/2Course Framework and Geographic Thinking diagram 2Course Framework and Geographic Thinking - AP Human Geography - diagram 2https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/course-framework-and-geographic-thinking/svg/3Course Framework and Geographic Thinking diagram 3Course Framework and Geographic Thinking - AP Human Geography - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/2ddb0212-0d3c-4b69-b8ce-90b34aece545_Unit_1__Thinking_Geographically.jpegUnit 1: Thinking Geographically image 1Unit 1: Thinking Geographically - AP Human Geography - image 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-1-thinking-geographically/svg/1Unit 1: Thinking Geographically diagram 1Unit 1: Thinking Geographically - AP Human Geography - diagram 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-1-thinking-geographically/svg/2Unit 1: Thinking Geographically diagram 2Unit 1: Thinking Geographically - AP Human Geography - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/4d83de96-a0d6-4ccd-ba36-822681e733b5_Unit_2__Population_and_Migration_Patterns_and_Processes.jpegUnit 2: Population and Migration Patterns and Processes image 1Unit 2: Population and Migration Patterns and Processes - AP Human Geography - image 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-2-population-and-migration-patterns-and-processes/svg/1Unit 2: Population and Migration Patterns and Processes diagram 1Unit 2: Population and Migration Patterns and Processes - AP Human Geography - diagram 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-2-population-and-migration-patterns-and-processes/svg/2Unit 2: Population and Migration Patterns and Processes diagram 2Unit 2: Population and Migration Patterns and Processes - AP Human Geography - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/c4123b77-d758-4ead-a89c-d60b6277018e_Unit_3__Cultural_Patterns_and_Processes.jpegUnit 3: Cultural Patterns and Processes image 1Unit 3: Cultural Patterns and Processes - AP Human Geography - image 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-3-cultural-patterns-and-processes/svg/1Unit 3: Cultural Patterns and Processes diagram 1Unit 3: Cultural Patterns and Processes - AP Human Geography - diagram 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-3-cultural-patterns-and-processes/svg/2Unit 3: Cultural Patterns and Processes diagram 2Unit 3: Cultural Patterns and Processes - AP Human Geography - diagram 2https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-3-cultural-patterns-and-processes/svg/3Unit 3: Cultural Patterns and Processes diagram 3Unit 3: Cultural Patterns and Processes - AP Human Geography - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/372570d6-76bb-4f5a-954a-9bfd47b84e2f_Unit_4__Political_Patterns_and_Processes.jpegUnit 4: Political Patterns and Processes image 1Unit 4: Political Patterns and Processes - AP Human Geography - image 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-4-political-patterns-and-processes/svg/1Unit 4: Political Patterns and Processes diagram 1Unit 4: Political Patterns and Processes - AP Human Geography - diagram 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-4-political-patterns-and-processes/svg/2Unit 4: Political Patterns and Processes diagram 2Unit 4: Political Patterns and Processes - AP Human Geography - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/d11488aa-7df2-4367-90b1-8e59f43e40b0_Unit_5__Agriculture_and_Rural_Land-Use_Patterns_and_Processe.jpegUnit 5: Agriculture and Rural Land-Use Patterns and Processes image 1Unit 5: Agriculture and Rural Land-Use Patterns and Processes - AP Human Geography - image 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-5-agriculture-and-rural-land-use-patterns-and-processes/svg/1Unit 5: Agriculture and Rural Land-Use Patterns and Processes diagram 1Unit 5: Agriculture and Rural Land-Use Patterns and Processes - AP Human Geography - diagram 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-5-agriculture-and-rural-land-use-patterns-and-processes/svg/2Unit 5: Agriculture and Rural Land-Use Patterns and Processes diagram 2Unit 5: Agriculture and Rural Land-Use Patterns and Processes - AP Human Geography - diagram 2https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-5-agriculture-and-rural-land-use-patterns-and-processes/svg/3Unit 5: Agriculture and Rural Land-Use Patterns and Processes diagram 3Unit 5: Agriculture and Rural Land-Use Patterns and Processes - AP Human Geography - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/32093d08-27da-4784-ade7-156ee9ae42d6_Unit_6__Cities_and_Urban_Land-Use_Patterns_and_Processes.jpegUnit 6: Cities and Urban Land-Use Patterns and Processes image 1Unit 6: Cities and Urban Land-Use Patterns and Processes - AP Human Geography - image 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-6-cities-and-urban-land-use-patterns-and-processes/svg/1Unit 6: Cities and Urban Land-Use Patterns and Processes diagram 1Unit 6: Cities and Urban Land-Use Patterns and Processes - AP Human Geography - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-images/3ac0e9c9-3658-4531-98f9-1517ebe46bd7_Unit_7__Industrial_and_Economic_Development_Patterns_and_Pro.jpegUnit 7: Industrial and Economic Development Patterns and Processes image 1Unit 7: Industrial and Economic Development Patterns and Processes - AP Human Geography - image 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-7-industrial-and-economic-development-patterns-and-processes/svg/1Unit 7: Industrial and Economic Development Patterns and Processes diagram 1Unit 7: Industrial and Economic Development Patterns and Processes - AP Human Geography - diagram 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-7-industrial-and-economic-development-patterns-and-processes/svg/2Unit 7: Industrial and Economic Development Patterns and Processes diagram 2Unit 7: Industrial and Economic Development Patterns and Processes - AP Human Geography - diagram 2https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/unit-7-industrial-and-economic-development-patterns-and-processes/svg/3Unit 7: Industrial and Economic Development Patterns and Processes diagram 3Unit 7: Industrial and Economic Development Patterns and Processes - AP Human Geography - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/ec2c17b7-06fb-4e31-9662-34b5b5a66f0d_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Human Geography - image 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Human Geography - diagram 1https://www.getlykke.com/explore/public/ap-human-geography-689b4df1-0d85-4ac5-a723-f52936dce101/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Human Geography - diagram 2https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a798982026-05-05T14:24:05.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/2a1e9ee6-9623-43fc-ba23-5a8da0161752_Course_Framework__Themes__and_Historical_Thinking.jpegCourse Framework, Themes, and Historical Thinking image 1Course Framework, Themes, and Historical Thinking - AP European History - image 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/course-framework-themes-and-historical-thinking/svg/1Course Framework, Themes, and Historical Thinking diagram 1Course Framework, Themes, and Historical Thinking - AP European History - diagram 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/course-framework-themes-and-historical-thinking/svg/2Course Framework, Themes, and Historical Thinking diagram 2Course Framework, Themes, and Historical Thinking - AP European History - diagram 2https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/course-framework-themes-and-historical-thinking/svg/3Course Framework, Themes, and Historical Thinking diagram 3Course Framework, Themes, and Historical Thinking - AP European History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/0e9aee6a-4d87-48f4-b2c8-0ff83603f55a_Unit_1__Renaissance_and_Exploration.jpegUnit 1: Renaissance and Exploration image 1Unit 1: Renaissance and Exploration - AP European History - image 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-1-renaissance-and-exploration/svg/1Unit 1: Renaissance and Exploration diagram 1Unit 1: Renaissance and Exploration - AP European History - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-images/ed763fb8-65f5-40c7-8e7f-eef0ac5f53b3_Unit_2__Age_of_Reformation.jpegUnit 2: Age of Reformation image 1Unit 2: Age of Reformation - AP European History - image 1https://getlykke-assets.s3.amazonaws.com/wiki-images/74b85aad-b7c5-4500-ac89-a88a7054942e_Unit_2__Age_of_Reformation.jpegUnit 2: Age of Reformation image 2Unit 2: Age of Reformation - AP European History - image 2https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-2-age-of-reformation/svg/1Unit 2: Age of Reformation diagram 1Unit 2: Age of Reformation - AP European History - diagram 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-2-age-of-reformation/svg/2Unit 2: Age of Reformation diagram 2Unit 2: Age of Reformation - AP European History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/dfe7cc44-5ace-494e-88cb-5c12bf11784c_Unit_3__Absolutism_and_Constitutionalism.jpegUnit 3: Absolutism and Constitutionalism image 1Unit 3: Absolutism and Constitutionalism - AP European History - image 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-3-absolutism-and-constitutionalism/svg/1Unit 3: Absolutism and Constitutionalism diagram 1Unit 3: Absolutism and Constitutionalism - AP European History - diagram 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-3-absolutism-and-constitutionalism/svg/2Unit 3: Absolutism and Constitutionalism diagram 2Unit 3: Absolutism and Constitutionalism - AP European History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/02c23148-f32a-44e1-9bf7-238d69fab33b_Unit_4__Scientific__Philosophical__and_Political_Development.jpegUnit 4: Scientific, Philosophical, and Political Developments image 1Unit 4: Scientific, Philosophical, and Political Developments - AP European History - image 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-4-scientific-philosophical-and-political-developments/svg/1Unit 4: Scientific, Philosophical, and Political Developments diagram 1Unit 4: Scientific, Philosophical, and Political Developments - AP European History - diagram 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-4-scientific-philosophical-and-political-developments/svg/2Unit 4: Scientific, Philosophical, and Political Developments diagram 2Unit 4: Scientific, Philosophical, and Political Developments - AP European History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/177c8e71-da3c-4462-a38f-1222c48472bb_Unit_5__Conflict__Crisis__and_Reaction_in_the_Late_18th_Cent.jpegUnit 5: Conflict, Crisis, and Reaction in the Late 18th Century image 1Unit 5: Conflict, Crisis, and Reaction in the Late 18th Century - AP European History - image 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-5-conflict-crisis-and-reaction-in-the-late-18th-century/svg/1Unit 5: Conflict, Crisis, and Reaction in the Late 18th Century diagram 1Unit 5: Conflict, Crisis, and Reaction in the Late 18th Century - AP European History - diagram 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-5-conflict-crisis-and-reaction-in-the-late-18th-century/svg/2Unit 5: Conflict, Crisis, and Reaction in the Late 18th Century diagram 2Unit 5: Conflict, Crisis, and Reaction in the Late 18th Century - AP European History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/06bbbfcf-8f90-482a-b1fc-03c86af2439b_Unit_6__Industrialization_and_Its_Effects.jpegUnit 6: Industrialization and Its Effects image 1Unit 6: Industrialization and Its Effects - AP European History - image 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-6-industrialization-and-its-effects/svg/1Unit 6: Industrialization and Its Effects diagram 1Unit 6: Industrialization and Its Effects - AP European History - diagram 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-6-industrialization-and-its-effects/svg/2Unit 6: Industrialization and Its Effects diagram 2Unit 6: Industrialization and Its Effects - AP European History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/9250b23e-ee61-4266-a07a-4ad338d3e806_Unit_7__19th-Century_Perspectives_and_Political_Developments.jpegUnit 7: 19th-Century Perspectives and Political Developments image 1Unit 7: 19th-Century Perspectives and Political Developments - AP European History - image 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-7-19th-century-perspectives-and-political-developments/svg/1Unit 7: 19th-Century Perspectives and Political Developments diagram 1Unit 7: 19th-Century Perspectives and Political Developments - AP European History - diagram 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-7-19th-century-perspectives-and-political-developments/svg/2Unit 7: 19th-Century Perspectives and Political Developments diagram 2Unit 7: 19th-Century Perspectives and Political Developments - AP European History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/a04eb261-78e5-4209-878b-08ce3fbf7d9e_Unit_8__20th-Century_Global_Conflicts.jpegUnit 8: 20th-Century Global Conflicts image 1Unit 8: 20th-Century Global Conflicts - AP European History - image 1https://getlykke-assets.s3.amazonaws.com/wiki-images/4b4408b1-ab5f-48dd-824f-79d15337a84d_Unit_8__20th-Century_Global_Conflicts.jpegUnit 8: 20th-Century Global Conflicts image 2Unit 8: 20th-Century Global Conflicts - AP European History - image 2https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-8-20th-century-global-conflicts/svg/1Unit 8: 20th-Century Global Conflicts diagram 1Unit 8: 20th-Century Global Conflicts - AP European History - diagram 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-8-20th-century-global-conflicts/svg/2Unit 8: 20th-Century Global Conflicts diagram 2Unit 8: 20th-Century Global Conflicts - AP European History - diagram 2https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-8-20th-century-global-conflicts/svg/3Unit 8: 20th-Century Global Conflicts diagram 3Unit 8: 20th-Century Global Conflicts - AP European History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/4e348d6f-2f99-40c8-849f-c7cfdfd8b256_Unit_9__Cold_War_and_Contemporary_Europe.jpegUnit 9: Cold War and Contemporary Europe image 1Unit 9: Cold War and Contemporary Europe - AP European History - image 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-9-cold-war-and-contemporary-europe/svg/1Unit 9: Cold War and Contemporary Europe diagram 1Unit 9: Cold War and Contemporary Europe - AP European History - diagram 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-9-cold-war-and-contemporary-europe/svg/2Unit 9: Cold War and Contemporary Europe diagram 2Unit 9: Cold War and Contemporary Europe - AP European History - diagram 2https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/unit-9-cold-war-and-contemporary-europe/svg/3Unit 9: Cold War and Contemporary Europe diagram 3Unit 9: Cold War and Contemporary Europe - AP European History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/679bc576-5e15-457b-b7af-d72f8f5e0ba0_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP European History - image 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP European History - diagram 1https://www.getlykke.com/explore/public/ap-european-history-71b79c1b-e1c4-4e70-a76d-9bbaf0a79898/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP European History - diagram 2https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f842026-05-05T14:24:05.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/7494e20e-ab17-4ec7-b398-393661123c8b_Course_Framework_and_Science_Practices.jpegCourse Framework and Science Practices image 1Course Framework and Science Practices - AP Psychology - image 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/course-framework-and-science-practices/svg/1Course Framework and Science Practices diagram 1Course Framework and Science Practices - AP Psychology - diagram 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/course-framework-and-science-practices/svg/2Course Framework and Science Practices diagram 2Course Framework and Science Practices - AP Psychology - diagram 2https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/course-framework-and-science-practices/svg/3Course Framework and Science Practices diagram 3Course Framework and Science Practices - AP Psychology - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/439f514a-d64a-4dc9-bbc9-7685b86a8db8_Unit_1__Biological_Bases_of_Behavior.jpegUnit 1: Biological Bases of Behavior image 1Unit 1: Biological Bases of Behavior - AP Psychology - image 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/unit-1-biological-bases-of-behavior/svg/1Unit 1: Biological Bases of Behavior diagram 1Unit 1: Biological Bases of Behavior - AP Psychology - diagram 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/unit-1-biological-bases-of-behavior/svg/2Unit 1: Biological Bases of Behavior diagram 2Unit 1: Biological Bases of Behavior - AP Psychology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/2c29b2ec-3f2a-4233-91cd-40a5ecf71aaa_Unit_2__Cognition.jpegUnit 2: Cognition image 1Unit 2: Cognition - AP Psychology - image 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/unit-2-cognition/svg/1Unit 2: Cognition diagram 1Unit 2: Cognition - AP Psychology - diagram 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/unit-2-cognition/svg/2Unit 2: Cognition diagram 2Unit 2: Cognition - AP Psychology - diagram 2https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/unit-2-cognition/svg/3Unit 2: Cognition diagram 3Unit 2: Cognition - AP Psychology - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/c393863e-de4e-4576-bd5b-6ea26d26d8d9_Unit_3__Development_and_Learning.jpegUnit 3: Development and Learning image 1Unit 3: Development and Learning - AP Psychology - image 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/unit-3-development-and-learning/svg/1Unit 3: Development and Learning diagram 1Unit 3: Development and Learning - AP Psychology - diagram 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/unit-3-development-and-learning/svg/2Unit 3: Development and Learning diagram 2Unit 3: Development and Learning - AP Psychology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/fa293901-1b37-4adb-a129-7b23ec7fece9_Unit_5__Mental_and_Physical_Health.jpegUnit 5: Mental and Physical Health image 1Unit 5: Mental and Physical Health - AP Psychology - image 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/unit-5-mental-and-physical-health/svg/1Unit 5: Mental and Physical Health diagram 1Unit 5: Mental and Physical Health - AP Psychology - diagram 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/unit-5-mental-and-physical-health/svg/2Unit 5: Mental and Physical Health diagram 2Unit 5: Mental and Physical Health - AP Psychology - diagram 2https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/unit-5-mental-and-physical-health/svg/3Unit 5: Mental and Physical Health diagram 3Unit 5: Mental and Physical Health - AP Psychology - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/348cda09-d0e2-47c4-add7-4bc08d9dc72e_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Psychology - image 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Psychology - diagram 1https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Psychology - diagram 2https://www.getlykke.com/explore/public/ap-psychology-f9878919-5ba6-4fd6-a22e-d172f3b06f84/media/exam-format-and-scoring/svg/3Exam Format and Scoring diagram 3Exam Format and Scoring - AP Psychology - diagram 3https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f552026-05-05T14:03:26.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/efd8d4f8-2752-4bcd-be14-e6d27908b127_Course_Framework_and_Political_Thinking.jpegCourse Framework and Political Thinking image 1Course Framework and Political Thinking - AP United States Government and Politics - image 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/course-framework-and-political-thinking/svg/1Course Framework and Political Thinking diagram 1Course Framework and Political Thinking - AP United States Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/course-framework-and-political-thinking/svg/2Course Framework and Political Thinking diagram 2Course Framework and Political Thinking - AP United States Government and Politics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/95738436-6331-46c0-9e73-ff02713a2dd6_Unit_1__Foundations_of_American_Democracy.jpegUnit 1: Foundations of American Democracy image 1Unit 1: Foundations of American Democracy - AP United States Government and Politics - image 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/unit-1-foundations-of-american-democracy/svg/1Unit 1: Foundations of American Democracy diagram 1Unit 1: Foundations of American Democracy - AP United States Government and Politics - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-images/d9f762b0-a560-4952-adf9-6ee9d52180a7_Unit_2__Interactions_Among_Branches_of_Government.jpegUnit 2: Interactions Among Branches of Government image 1Unit 2: Interactions Among Branches of Government - AP United States Government and Politics - image 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/unit-2-interactions-among-branches-of-government/svg/1Unit 2: Interactions Among Branches of Government diagram 1Unit 2: Interactions Among Branches of Government - AP United States Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/unit-2-interactions-among-branches-of-government/svg/2Unit 2: Interactions Among Branches of Government diagram 2Unit 2: Interactions Among Branches of Government - AP United States Government and Politics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/67b84913-8101-4e3c-9227-49d7b3fe3df3_Unit_3__Civil_Liberties_and_Civil_Rights.jpegUnit 3: Civil Liberties and Civil Rights image 1Unit 3: Civil Liberties and Civil Rights - AP United States Government and Politics - image 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/unit-3-civil-liberties-and-civil-rights/svg/1Unit 3: Civil Liberties and Civil Rights diagram 1Unit 3: Civil Liberties and Civil Rights - AP United States Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/unit-3-civil-liberties-and-civil-rights/svg/2Unit 3: Civil Liberties and Civil Rights diagram 2Unit 3: Civil Liberties and Civil Rights - AP United States Government and Politics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/63e83483-7271-4d61-a858-05851828f8d3_Unit_4__American_Political_Ideologies_and_Beliefs.jpegUnit 4: American Political Ideologies and Beliefs image 1Unit 4: American Political Ideologies and Beliefs - AP United States Government and Politics - image 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/unit-4-american-political-ideologies-and-beliefs/svg/1Unit 4: American Political Ideologies and Beliefs diagram 1Unit 4: American Political Ideologies and Beliefs - AP United States Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/unit-4-american-political-ideologies-and-beliefs/svg/2Unit 4: American Political Ideologies and Beliefs diagram 2Unit 4: American Political Ideologies and Beliefs - AP United States Government and Politics - diagram 2https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/unit-4-american-political-ideologies-and-beliefs/svg/3Unit 4: American Political Ideologies and Beliefs diagram 3Unit 4: American Political Ideologies and Beliefs - AP United States Government and Politics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/e592de11-d578-4a8a-9abd-a37126c9116f_Unit_5__Political_Participation.jpegUnit 5: Political Participation image 1Unit 5: Political Participation - AP United States Government and Politics - image 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/unit-5-political-participation/svg/1Unit 5: Political Participation diagram 1Unit 5: Political Participation - AP United States Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/unit-5-political-participation/svg/2Unit 5: Political Participation diagram 2Unit 5: Political Participation - AP United States Government and Politics - diagram 2https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/unit-5-political-participation/svg/3Unit 5: Political Participation diagram 3Unit 5: Political Participation - AP United States Government and Politics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/95e7b871-1309-4779-a1f2-a13eedd1279c_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP United States Government and Politics - image 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP United States Government and Politics - diagram 1https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP United States Government and Politics - diagram 2https://www.getlykke.com/explore/public/ap-united-states-government-and-politics-04a4e56a-9a18-4afa-9536-d37811f42f55/media/exam-format-and-scoring/svg/3Exam Format and Scoring diagram 3Exam Format and Scoring - AP United States Government and Politics - diagram 3https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe2026-05-05T14:03:26.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/31adf0b4-77a0-48e0-af17-9d56021a17cc_Course_Framework_and_Environmental_Thinking.jpegCourse Framework and Environmental Thinking image 1Course Framework and Environmental Thinking - AP Environmental Science - image 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/course-framework-and-environmental-thinking/svg/1Course Framework and Environmental Thinking diagram 1Course Framework and Environmental Thinking - AP Environmental Science - diagram 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/course-framework-and-environmental-thinking/svg/2Course Framework and Environmental Thinking diagram 2Course Framework and Environmental Thinking - AP Environmental Science - diagram 2https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/course-framework-and-environmental-thinking/svg/3Course Framework and Environmental Thinking diagram 3Course Framework and Environmental Thinking - AP Environmental Science - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/ee031d6f-f3b8-4695-98fc-6544941376aa_Unit_1__The_Living_World__Ecosystems.jpegUnit 1: The Living World: Ecosystems image 1Unit 1: The Living World: Ecosystems - AP Environmental Science - image 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-1-the-living-world-ecosystems/svg/1Unit 1: The Living World: Ecosystems diagram 1Unit 1: The Living World: Ecosystems - AP Environmental Science - diagram 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-1-the-living-world-ecosystems/svg/2Unit 1: The Living World: Ecosystems diagram 2Unit 1: The Living World: Ecosystems - AP Environmental Science - diagram 2https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-1-the-living-world-ecosystems/svg/3Unit 1: The Living World: Ecosystems diagram 3Unit 1: The Living World: Ecosystems - AP Environmental Science - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/60f16298-3a1d-4f06-81fc-b1f9f0ecba78_Unit_2__The_Living_World__Biodiversity.jpegUnit 2: The Living World: Biodiversity image 1Unit 2: The Living World: Biodiversity - AP Environmental Science - image 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-2-the-living-world-biodiversity/svg/1Unit 2: The Living World: Biodiversity diagram 1Unit 2: The Living World: Biodiversity - AP Environmental Science - diagram 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-2-the-living-world-biodiversity/svg/2Unit 2: The Living World: Biodiversity diagram 2Unit 2: The Living World: Biodiversity - AP Environmental Science - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/c108d904-83d6-4b7a-ab3f-2b5523de02de_Unit_3__Populations.jpegUnit 3: Populations image 1Unit 3: Populations - AP Environmental Science - image 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-3-populations/svg/1Unit 3: Populations diagram 1Unit 3: Populations - AP Environmental Science - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-images/ec9d17fc-9b0b-4ce0-93a9-f1c9dbeec11c_Unit_4__Earth_Systems_and_Resources.jpegUnit 4: Earth Systems and Resources image 1Unit 4: Earth Systems and Resources - AP Environmental Science - image 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-4-earth-systems-and-resources/svg/1Unit 4: Earth Systems and Resources diagram 1Unit 4: Earth Systems and Resources - AP Environmental Science - diagram 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-4-earth-systems-and-resources/svg/2Unit 4: Earth Systems and Resources diagram 2Unit 4: Earth Systems and Resources - AP Environmental Science - diagram 2https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-4-earth-systems-and-resources/svg/3Unit 4: Earth Systems and Resources diagram 3Unit 4: Earth Systems and Resources - AP Environmental Science - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/edeefcec-3f33-4b8b-85f2-8186a3dacf2a_Unit_5__Land_and_Water_Use.jpegUnit 5: Land and Water Use image 1Unit 5: Land and Water Use - AP Environmental Science - image 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-5-land-and-water-use/svg/1Unit 5: Land and Water Use diagram 1Unit 5: Land and Water Use - AP Environmental Science - diagram 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-5-land-and-water-use/svg/2Unit 5: Land and Water Use diagram 2Unit 5: Land and Water Use - AP Environmental Science - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/37de8649-267d-4281-ab63-209ba397c68b_Unit_6__Energy_Resources_and_Consumption.jpegUnit 6: Energy Resources and Consumption image 1Unit 6: Energy Resources and Consumption - AP Environmental Science - image 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-6-energy-resources-and-consumption/svg/1Unit 6: Energy Resources and Consumption diagram 1Unit 6: Energy Resources and Consumption - AP Environmental Science - diagram 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-6-energy-resources-and-consumption/svg/2Unit 6: Energy Resources and Consumption diagram 2Unit 6: Energy Resources and Consumption - AP Environmental Science - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/3b4f0ec0-628a-4a38-a938-d8e1d7992bfb_Unit_7__Atmospheric_Pollution.jpegUnit 7: Atmospheric Pollution image 1Unit 7: Atmospheric Pollution - AP Environmental Science - image 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-7-atmospheric-pollution/svg/1Unit 7: Atmospheric Pollution diagram 1Unit 7: Atmospheric Pollution - AP Environmental Science - diagram 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-7-atmospheric-pollution/svg/2Unit 7: Atmospheric Pollution diagram 2Unit 7: Atmospheric Pollution - AP Environmental Science - diagram 2https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-7-atmospheric-pollution/svg/3Unit 7: Atmospheric Pollution diagram 3Unit 7: Atmospheric Pollution - AP Environmental Science - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/e4807188-ccff-45a9-8baf-623fd7891a0a_Unit_8__Aquatic_and_Terrestrial_Pollution.jpegUnit 8: Aquatic and Terrestrial Pollution image 1Unit 8: Aquatic and Terrestrial Pollution - AP Environmental Science - image 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-8-aquatic-and-terrestrial-pollution/svg/1Unit 8: Aquatic and Terrestrial Pollution diagram 1Unit 8: Aquatic and Terrestrial Pollution - AP Environmental Science - diagram 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-8-aquatic-and-terrestrial-pollution/svg/2Unit 8: Aquatic and Terrestrial Pollution diagram 2Unit 8: Aquatic and Terrestrial Pollution - AP Environmental Science - diagram 2https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-8-aquatic-and-terrestrial-pollution/svg/3Unit 8: Aquatic and Terrestrial Pollution diagram 3Unit 8: Aquatic and Terrestrial Pollution - AP Environmental Science - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/b395c189-450e-4856-a50c-5e2a392a61cc_Unit_9__Global_Change.jpegUnit 9: Global Change image 1Unit 9: Global Change - AP Environmental Science - image 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-9-global-change/svg/1Unit 9: Global Change diagram 1Unit 9: Global Change - AP Environmental Science - diagram 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/unit-9-global-change/svg/2Unit 9: Global Change diagram 2Unit 9: Global Change - AP Environmental Science - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/9cefe768-325c-410d-a987-4d1ef2140904_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Environmental Science - image 1https://www.getlykke.com/explore/public/ap-environmental-science-124e55a4-e4f5-4ce3-89ab-e0beebe215fe/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Environmental Science - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa2892026-05-05T14:03:26.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/077305e3-fc79-4c41-89c0-1ac1c0b658ad_Course_Framework__Themes__and_Historical_Thinking.jpegCourse Framework, Themes, and Historical Thinking image 1Course Framework, Themes, and Historical Thinking - AP World History: Modern - image 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/course-framework-themes-and-historical-thinking/svg/1Course Framework, Themes, and Historical Thinking diagram 1Course Framework, Themes, and Historical Thinking - AP World History: Modern - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/course-framework-themes-and-historical-thinking/svg/2Course Framework, Themes, and Historical Thinking diagram 2Course Framework, Themes, and Historical Thinking - AP World History: Modern - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/5db5caa3-9501-48f1-86a6-65d6157d15f2_Unit_1__The_Global_Tapestry.jpegUnit 1: The Global Tapestry image 1Unit 1: The Global Tapestry - AP World History: Modern - image 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-1-the-global-tapestry/svg/1Unit 1: The Global Tapestry diagram 1Unit 1: The Global Tapestry - AP World History: Modern - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-1-the-global-tapestry/svg/2Unit 1: The Global Tapestry diagram 2Unit 1: The Global Tapestry - AP World History: Modern - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/2fb875b2-d54d-417e-be53-1eb2867c2591_Unit_2__Networks_of_Exchange.jpegUnit 2: Networks of Exchange image 1Unit 2: Networks of Exchange - AP World History: Modern - image 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-2-networks-of-exchange/svg/1Unit 2: Networks of Exchange diagram 1Unit 2: Networks of Exchange - AP World History: Modern - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-2-networks-of-exchange/svg/2Unit 2: Networks of Exchange diagram 2Unit 2: Networks of Exchange - AP World History: Modern - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/56163a8a-7cd2-4190-a10b-1637400f4154_Unit_3__Land-Based_Empires.jpegUnit 3: Land-Based Empires image 1Unit 3: Land-Based Empires - AP World History: Modern - image 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-3-land-based-empires/svg/1Unit 3: Land-Based Empires diagram 1Unit 3: Land-Based Empires - AP World History: Modern - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-3-land-based-empires/svg/2Unit 3: Land-Based Empires diagram 2Unit 3: Land-Based Empires - AP World History: Modern - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/5b1a5ad2-372e-4aea-914d-9619305966f8_Unit_4__Transoceanic_Interconnections.jpegUnit 4: Transoceanic Interconnections image 1Unit 4: Transoceanic Interconnections - AP World History: Modern - image 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-4-transoceanic-interconnections/svg/1Unit 4: Transoceanic Interconnections diagram 1Unit 4: Transoceanic Interconnections - AP World History: Modern - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-4-transoceanic-interconnections/svg/2Unit 4: Transoceanic Interconnections diagram 2Unit 4: Transoceanic Interconnections - AP World History: Modern - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/851fad3e-7ff3-41ec-bf2b-5ed477c41035_Unit_5__Revolutions.jpegUnit 5: Revolutions image 1Unit 5: Revolutions - AP World History: Modern - image 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-5-revolutions/svg/1Unit 5: Revolutions diagram 1Unit 5: Revolutions - AP World History: Modern - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-5-revolutions/svg/2Unit 5: Revolutions diagram 2Unit 5: Revolutions - AP World History: Modern - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/db9dd40f-3da3-4356-b3f7-0f78a697bd85_Unit_6__Consequences_of_Industrialization.jpegUnit 6: Consequences of Industrialization image 1Unit 6: Consequences of Industrialization - AP World History: Modern - image 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-6-consequences-of-industrialization/svg/1Unit 6: Consequences of Industrialization diagram 1Unit 6: Consequences of Industrialization - AP World History: Modern - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-6-consequences-of-industrialization/svg/2Unit 6: Consequences of Industrialization diagram 2Unit 6: Consequences of Industrialization - AP World History: Modern - diagram 2https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-6-consequences-of-industrialization/svg/3Unit 6: Consequences of Industrialization diagram 3Unit 6: Consequences of Industrialization - AP World History: Modern - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/d215bd4d-3d73-4b9c-8a60-f1d14eabca94_Unit_7__Global_Conflict.jpegUnit 7: Global Conflict image 1Unit 7: Global Conflict - AP World History: Modern - image 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-7-global-conflict/svg/1Unit 7: Global Conflict diagram 1Unit 7: Global Conflict - AP World History: Modern - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-7-global-conflict/svg/2Unit 7: Global Conflict diagram 2Unit 7: Global Conflict - AP World History: Modern - diagram 2https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-7-global-conflict/svg/3Unit 7: Global Conflict diagram 3Unit 7: Global Conflict - AP World History: Modern - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/ff3b907b-f697-4e90-bb60-c01d05abaffe_Unit_8__Cold_War_and_Decolonization.jpegUnit 8: Cold War and Decolonization image 1Unit 8: Cold War and Decolonization - AP World History: Modern - image 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-8-cold-war-and-decolonization/svg/1Unit 8: Cold War and Decolonization diagram 1Unit 8: Cold War and Decolonization - AP World History: Modern - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-8-cold-war-and-decolonization/svg/2Unit 8: Cold War and Decolonization diagram 2Unit 8: Cold War and Decolonization - AP World History: Modern - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/cd550f3c-1df5-4d28-b045-86f323a7202e_Unit_9__Globalization.jpegUnit 9: Globalization image 1Unit 9: Globalization - AP World History: Modern - image 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-9-globalization/svg/1Unit 9: Globalization diagram 1Unit 9: Globalization - AP World History: Modern - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/unit-9-globalization/svg/2Unit 9: Globalization diagram 2Unit 9: Globalization - AP World History: Modern - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/7c29b8c4-c428-468d-bb7f-a56b64665165_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP World History: Modern - image 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP World History: Modern - diagram 1https://www.getlykke.com/explore/public/ap-world-history-modern-fbf3fc6c-f39b-4da7-bd1c-09b2c21fa289/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP World History: Modern - diagram 2https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe62026-05-05T05:45:55.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/65d73a15-b811-4e85-af0d-25eaaf5c256b_Course_Framework_and_Economic_Thinking.jpegCourse Framework and Economic Thinking image 1Course Framework and Economic Thinking - AP Microeconomics - image 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/course-framework-and-economic-thinking/svg/1Course Framework and Economic Thinking diagram 1Course Framework and Economic Thinking - AP Microeconomics - diagram 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/course-framework-and-economic-thinking/svg/2Course Framework and Economic Thinking diagram 2Course Framework and Economic Thinking - AP Microeconomics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/31727ec1-4bc7-44f9-98ca-348e8596f08a_Unit_1__Basic_Economic_Concepts.jpegUnit 1: Basic Economic Concepts image 1Unit 1: Basic Economic Concepts - AP Microeconomics - image 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-1-basic-economic-concepts/svg/1Unit 1: Basic Economic Concepts diagram 1Unit 1: Basic Economic Concepts - AP Microeconomics - diagram 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-1-basic-economic-concepts/svg/2Unit 1: Basic Economic Concepts diagram 2Unit 1: Basic Economic Concepts - AP Microeconomics - diagram 2https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-1-basic-economic-concepts/svg/3Unit 1: Basic Economic Concepts diagram 3Unit 1: Basic Economic Concepts - AP Microeconomics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/527b8bcc-d3f3-4890-99f5-770becf04a87_Unit_2__Supply_and_Demand.jpegUnit 2: Supply and Demand image 1Unit 2: Supply and Demand - AP Microeconomics - image 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-2-supply-and-demand/svg/1Unit 2: Supply and Demand diagram 1Unit 2: Supply and Demand - AP Microeconomics - diagram 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-2-supply-and-demand/svg/2Unit 2: Supply and Demand diagram 2Unit 2: Supply and Demand - AP Microeconomics - diagram 2https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-2-supply-and-demand/svg/3Unit 2: Supply and Demand diagram 3Unit 2: Supply and Demand - AP Microeconomics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/884d6860-bcbc-4019-959e-6704b8fdf409_Unit_3__Production__Cost__and_the_Perfect_Competition_Model.jpegUnit 3: Production, Cost, and the Perfect Competition Model image 1Unit 3: Production, Cost, and the Perfect Competition Model - AP Microeconomics - image 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-3-production-cost-and-the-perfect-competition-model/svg/1Unit 3: Production, Cost, and the Perfect Competition Model diagram 1Unit 3: Production, Cost, and the Perfect Competition Model - AP Microeconomics - diagram 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-3-production-cost-and-the-perfect-competition-model/svg/2Unit 3: Production, Cost, and the Perfect Competition Model diagram 2Unit 3: Production, Cost, and the Perfect Competition Model - AP Microeconomics - diagram 2https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-3-production-cost-and-the-perfect-competition-model/svg/3Unit 3: Production, Cost, and the Perfect Competition Model diagram 3Unit 3: Production, Cost, and the Perfect Competition Model - AP Microeconomics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/98fa3d73-3610-4d99-b7fd-fc0f37e73557_Unit_4__Imperfect_Competition.jpegUnit 4: Imperfect Competition image 1Unit 4: Imperfect Competition - AP Microeconomics - image 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-4-imperfect-competition/svg/1Unit 4: Imperfect Competition diagram 1Unit 4: Imperfect Competition - AP Microeconomics - diagram 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-4-imperfect-competition/svg/2Unit 4: Imperfect Competition diagram 2Unit 4: Imperfect Competition - AP Microeconomics - diagram 2https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-4-imperfect-competition/svg/3Unit 4: Imperfect Competition diagram 3Unit 4: Imperfect Competition - AP Microeconomics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/5b05f7e5-8241-425d-a072-9de96e330a59_Unit_5__Factor_Markets.jpegUnit 5: Factor Markets image 1Unit 5: Factor Markets - AP Microeconomics - image 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-5-factor-markets/svg/1Unit 5: Factor Markets diagram 1Unit 5: Factor Markets - AP Microeconomics - diagram 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-5-factor-markets/svg/2Unit 5: Factor Markets diagram 2Unit 5: Factor Markets - AP Microeconomics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/f6e0eab7-ef72-47f8-aa21-8977c3a96cd9_Unit_6__Market_Failure_and_the_Role_of_Government.jpegUnit 6: Market Failure and the Role of Government image 1Unit 6: Market Failure and the Role of Government - AP Microeconomics - image 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-6-market-failure-and-the-role-of-government/svg/1Unit 6: Market Failure and the Role of Government diagram 1Unit 6: Market Failure and the Role of Government - AP Microeconomics - diagram 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-6-market-failure-and-the-role-of-government/svg/2Unit 6: Market Failure and the Role of Government diagram 2Unit 6: Market Failure and the Role of Government - AP Microeconomics - diagram 2https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/unit-6-market-failure-and-the-role-of-government/svg/3Unit 6: Market Failure and the Role of Government diagram 3Unit 6: Market Failure and the Role of Government - AP Microeconomics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/f1903fde-c956-49b2-90e2-4d6e6b82840a_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Microeconomics - image 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Microeconomics - diagram 1https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Microeconomics - diagram 2https://www.getlykke.com/explore/public/ap-microeconomics-5a5959ac-ec57-4628-9b9e-5b5f1587dbe6/media/exam-format-and-scoring/svg/3Exam Format and Scoring diagram 3Exam Format and Scoring - AP Microeconomics - diagram 3https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a62026-05-05T05:45:55.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/9569a9b9-7e43-4a26-9333-598bbfc0404a_Course_Framework_and_Big_Ideas.jpegCourse Framework and Big Ideas image 1Course Framework and Big Ideas - AP Chemistry - image 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/course-framework-and-big-ideas/svg/1Course Framework and Big Ideas diagram 1Course Framework and Big Ideas - AP Chemistry - diagram 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/course-framework-and-big-ideas/svg/2Course Framework and Big Ideas diagram 2Course Framework and Big Ideas - AP Chemistry - diagram 2https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/course-framework-and-big-ideas/svg/3Course Framework and Big Ideas diagram 3Course Framework and Big Ideas - AP Chemistry - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/c655f747-6d99-492f-8554-096e1521da20_Unit_1__Atomic_Structure_and_Properties.jpegUnit 1: Atomic Structure and Properties image 1Unit 1: Atomic Structure and Properties - AP Chemistry - image 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-1-atomic-structure-and-properties/svg/1Unit 1: Atomic Structure and Properties diagram 1Unit 1: Atomic Structure and Properties - AP Chemistry - diagram 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-1-atomic-structure-and-properties/svg/2Unit 1: Atomic Structure and Properties diagram 2Unit 1: Atomic Structure and Properties - AP Chemistry - diagram 2https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-1-atomic-structure-and-properties/svg/3Unit 1: Atomic Structure and Properties diagram 3Unit 1: Atomic Structure and Properties - AP Chemistry - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/0545277d-e315-47d5-af4a-62011771ac54_Unit_2__Molecular_and_Ionic_Compound_Structure_and_Propertie.jpegUnit 2: Molecular and Ionic Compound Structure and Properties image 1Unit 2: Molecular and Ionic Compound Structure and Properties - AP Chemistry - image 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-2-molecular-and-ionic-compound-structure-and-properties/svg/1Unit 2: Molecular and Ionic Compound Structure and Properties diagram 1Unit 2: Molecular and Ionic Compound Structure and Properties - AP Chemistry - diagram 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-2-molecular-and-ionic-compound-structure-and-properties/svg/2Unit 2: Molecular and Ionic Compound Structure and Properties diagram 2Unit 2: Molecular and Ionic Compound Structure and Properties - AP Chemistry - diagram 2https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-3-intermolecular-forces-and-properties/svg/1Unit 3: Intermolecular Forces and Properties diagram 1Unit 3: Intermolecular Forces and Properties - AP Chemistry - diagram 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-3-intermolecular-forces-and-properties/svg/2Unit 3: Intermolecular Forces and Properties diagram 2Unit 3: Intermolecular Forces and Properties - AP Chemistry - diagram 2https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-3-intermolecular-forces-and-properties/svg/3Unit 3: Intermolecular Forces and Properties diagram 3Unit 3: Intermolecular Forces and Properties - AP Chemistry - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/ec4f6e15-eb12-4165-83c3-67f611b2232d_Unit_4__Chemical_Reactions.jpegUnit 4: Chemical Reactions image 1Unit 4: Chemical Reactions - AP Chemistry - image 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-4-chemical-reactions/svg/1Unit 4: Chemical Reactions diagram 1Unit 4: Chemical Reactions - AP Chemistry - diagram 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-4-chemical-reactions/svg/2Unit 4: Chemical Reactions diagram 2Unit 4: Chemical Reactions - AP Chemistry - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/7c6174d2-2390-4984-81c9-66a09cacce12_Unit_5__Kinetics.jpegUnit 5: Kinetics image 1Unit 5: Kinetics - AP Chemistry - image 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-5-kinetics/svg/1Unit 5: Kinetics diagram 1Unit 5: Kinetics - AP Chemistry - diagram 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-5-kinetics/svg/2Unit 5: Kinetics diagram 2Unit 5: Kinetics - AP Chemistry - diagram 2https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-5-kinetics/svg/3Unit 5: Kinetics diagram 3Unit 5: Kinetics - AP Chemistry - diagram 3https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-6-thermodynamics/svg/1Unit 6: Thermodynamics diagram 1Unit 6: Thermodynamics - AP Chemistry - diagram 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-6-thermodynamics/svg/2Unit 6: Thermodynamics diagram 2Unit 6: Thermodynamics - AP Chemistry - diagram 2https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-6-thermodynamics/svg/3Unit 6: Thermodynamics diagram 3Unit 6: Thermodynamics - AP Chemistry - diagram 3https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-7-equilibrium/svg/1Unit 7: Equilibrium diagram 1Unit 7: Equilibrium - AP Chemistry - diagram 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-7-equilibrium/svg/2Unit 7: Equilibrium diagram 2Unit 7: Equilibrium - AP Chemistry - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/e712d52f-ae4e-43e9-8183-35eb9d16625c_Unit_8__Acids_and_Bases.jpegUnit 8: Acids and Bases image 1Unit 8: Acids and Bases - AP Chemistry - image 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-8-acids-and-bases/svg/1Unit 8: Acids and Bases diagram 1Unit 8: Acids and Bases - AP Chemistry - diagram 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-8-acids-and-bases/svg/2Unit 8: Acids and Bases diagram 2Unit 8: Acids and Bases - AP Chemistry - diagram 2https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-8-acids-and-bases/svg/3Unit 8: Acids and Bases diagram 3Unit 8: Acids and Bases - AP Chemistry - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/39c56a63-bcda-4e60-8555-276fd2355166_Unit_9__Applications_of_Thermodynamics.jpegUnit 9: Applications of Thermodynamics image 1Unit 9: Applications of Thermodynamics - AP Chemistry - image 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-9-applications-of-thermodynamics/svg/1Unit 9: Applications of Thermodynamics diagram 1Unit 9: Applications of Thermodynamics - AP Chemistry - diagram 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/unit-9-applications-of-thermodynamics/svg/2Unit 9: Applications of Thermodynamics diagram 2Unit 9: Applications of Thermodynamics - AP Chemistry - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/2e4db2a4-b27b-44cf-ba67-09652c60a1b5_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Chemistry - image 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Chemistry - diagram 1https://www.getlykke.com/explore/public/ap-chemistry-93d8d563-93f0-409b-98a5-45f8375bb0a6/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Chemistry - diagram 2https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d3172026-05-05T05:45:55.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/605f71a5-203d-4db2-997d-e22532f93fff_Course_Framework_and_Economic_Thinking.jpegCourse Framework and Economic Thinking image 1Course Framework and Economic Thinking - AP Macroeconomics - image 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/course-framework-and-economic-thinking/svg/1Course Framework and Economic Thinking diagram 1Course Framework and Economic Thinking - AP Macroeconomics - diagram 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/course-framework-and-economic-thinking/svg/2Course Framework and Economic Thinking diagram 2Course Framework and Economic Thinking - AP Macroeconomics - diagram 2https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/course-framework-and-economic-thinking/svg/3Course Framework and Economic Thinking diagram 3Course Framework and Economic Thinking - AP Macroeconomics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/d63ed308-f491-4dc4-b249-61c1048a510e_Unit_1__Basic_Economic_Concepts.jpegUnit 1: Basic Economic Concepts image 1Unit 1: Basic Economic Concepts - AP Macroeconomics - image 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-1-basic-economic-concepts/svg/1Unit 1: Basic Economic Concepts diagram 1Unit 1: Basic Economic Concepts - AP Macroeconomics - diagram 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-1-basic-economic-concepts/svg/2Unit 1: Basic Economic Concepts diagram 2Unit 1: Basic Economic Concepts - AP Macroeconomics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/16dd3f31-3400-4dd8-b54d-c1519d63da91_Unit_2__Economic_Indicators_and_the_Business_Cycle.jpegUnit 2: Economic Indicators and the Business Cycle image 1Unit 2: Economic Indicators and the Business Cycle - AP Macroeconomics - image 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-2-economic-indicators-and-the-business-cycle/svg/1Unit 2: Economic Indicators and the Business Cycle diagram 1Unit 2: Economic Indicators and the Business Cycle - AP Macroeconomics - diagram 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-2-economic-indicators-and-the-business-cycle/svg/2Unit 2: Economic Indicators and the Business Cycle diagram 2Unit 2: Economic Indicators and the Business Cycle - AP Macroeconomics - diagram 2https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-2-economic-indicators-and-the-business-cycle/svg/3Unit 2: Economic Indicators and the Business Cycle diagram 3Unit 2: Economic Indicators and the Business Cycle - AP Macroeconomics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/5d79a421-e9ab-435a-aaa4-5dcd1d23da49_Unit_3__National_Income_and_Price_Determination.jpegUnit 3: National Income and Price Determination image 1Unit 3: National Income and Price Determination - AP Macroeconomics - image 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-3-national-income-and-price-determination/svg/1Unit 3: National Income and Price Determination diagram 1Unit 3: National Income and Price Determination - AP Macroeconomics - diagram 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-3-national-income-and-price-determination/svg/2Unit 3: National Income and Price Determination diagram 2Unit 3: National Income and Price Determination - AP Macroeconomics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/3ab49734-3576-4b75-a865-1a463997c801_Unit_4__Financial_Sector.jpegUnit 4: Financial Sector image 1Unit 4: Financial Sector - AP Macroeconomics - image 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-4-financial-sector/svg/1Unit 4: Financial Sector diagram 1Unit 4: Financial Sector - AP Macroeconomics - diagram 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-4-financial-sector/svg/2Unit 4: Financial Sector diagram 2Unit 4: Financial Sector - AP Macroeconomics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/f59e66a7-cc85-41ed-be52-aa827333b230_Unit_5__Stabilization_Policies.jpegUnit 5: Stabilization Policies image 1Unit 5: Stabilization Policies - AP Macroeconomics - image 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-5-stabilization-policies/svg/1Unit 5: Stabilization Policies diagram 1Unit 5: Stabilization Policies - AP Macroeconomics - diagram 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-5-stabilization-policies/svg/2Unit 5: Stabilization Policies diagram 2Unit 5: Stabilization Policies - AP Macroeconomics - diagram 2https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-5-stabilization-policies/svg/3Unit 5: Stabilization Policies diagram 3Unit 5: Stabilization Policies - AP Macroeconomics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/87a61c08-b11a-4fa3-9aad-af23322f8c06_Unit_6__Open_Economy__International_Trade_and_Finance.jpegUnit 6: Open Economy: International Trade and Finance image 1Unit 6: Open Economy: International Trade and Finance - AP Macroeconomics - image 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-6-open-economy-international-trade-and-finance/svg/1Unit 6: Open Economy: International Trade and Finance diagram 1Unit 6: Open Economy: International Trade and Finance - AP Macroeconomics - diagram 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-6-open-economy-international-trade-and-finance/svg/2Unit 6: Open Economy: International Trade and Finance diagram 2Unit 6: Open Economy: International Trade and Finance - AP Macroeconomics - diagram 2https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/unit-6-open-economy-international-trade-and-finance/svg/3Unit 6: Open Economy: International Trade and Finance diagram 3Unit 6: Open Economy: International Trade and Finance - AP Macroeconomics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/b1de7d1c-52f8-4d86-b132-c2136fac1759_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Macroeconomics - image 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Macroeconomics - diagram 1https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Macroeconomics - diagram 2https://www.getlykke.com/explore/public/ap-macroeconomics-e215a86d-3bf6-4ee4-9294-4cc03ac2d317/media/exam-format-and-scoring/svg/3Exam Format and Scoring diagram 3Exam Format and Scoring - AP Macroeconomics - diagram 3https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e42026-05-05T05:45:55.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/d9b6e8f3-52ff-4b56-be73-ffed9e00a7ad_Course_Framework_and_Physics_Practices.jpegCourse Framework and Physics Practices image 1Course Framework and Physics Practices - AP Physics 1 - image 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/course-framework-and-physics-practices/svg/1Course Framework and Physics Practices diagram 1Course Framework and Physics Practices - AP Physics 1 - diagram 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/course-framework-and-physics-practices/svg/2Course Framework and Physics Practices diagram 2Course Framework and Physics Practices - AP Physics 1 - diagram 2https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/course-framework-and-physics-practices/svg/3Course Framework and Physics Practices diagram 3Course Framework and Physics Practices - AP Physics 1 - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/89fef3e2-d782-44fc-ba3c-f4cc25022371_Unit_1__Kinematics.jpegUnit 1: Kinematics image 1Unit 1: Kinematics - AP Physics 1 - image 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-1-kinematics/svg/1Unit 1: Kinematics diagram 1Unit 1: Kinematics - AP Physics 1 - diagram 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-1-kinematics/svg/2Unit 1: Kinematics diagram 2Unit 1: Kinematics - AP Physics 1 - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/f60e9b0f-0c8a-43ac-ac29-c3993fdc5d25_Unit_2__Force_and_Translational_Dynamics.jpegUnit 2: Force and Translational Dynamics image 1Unit 2: Force and Translational Dynamics - AP Physics 1 - image 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-2-force-and-translational-dynamics/svg/1Unit 2: Force and Translational Dynamics diagram 1Unit 2: Force and Translational Dynamics - AP Physics 1 - diagram 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-2-force-and-translational-dynamics/svg/2Unit 2: Force and Translational Dynamics diagram 2Unit 2: Force and Translational Dynamics - AP Physics 1 - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/20e28937-95db-4c0c-924d-d44dbfc53398_Unit_3__Work__Energy__and_Power.jpegUnit 3: Work, Energy, and Power image 1Unit 3: Work, Energy, and Power - AP Physics 1 - image 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-3-work-energy-and-power/svg/1Unit 3: Work, Energy, and Power diagram 1Unit 3: Work, Energy, and Power - AP Physics 1 - diagram 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-3-work-energy-and-power/svg/2Unit 3: Work, Energy, and Power diagram 2Unit 3: Work, Energy, and Power - AP Physics 1 - diagram 2https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-3-work-energy-and-power/svg/3Unit 3: Work, Energy, and Power diagram 3Unit 3: Work, Energy, and Power - AP Physics 1 - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/6546e0a6-c72c-4f23-9fe3-db31370665ae_Unit_4__Linear_Momentum.jpegUnit 4: Linear Momentum image 1Unit 4: Linear Momentum - AP Physics 1 - image 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-4-linear-momentum/svg/1Unit 4: Linear Momentum diagram 1Unit 4: Linear Momentum - AP Physics 1 - diagram 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-4-linear-momentum/svg/2Unit 4: Linear Momentum diagram 2Unit 4: Linear Momentum - AP Physics 1 - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/e96db1f7-4d10-43d7-867a-3e9e790734c0_Unit_5__Torque_and_Rotational_Dynamics.jpegUnit 5: Torque and Rotational Dynamics image 1Unit 5: Torque and Rotational Dynamics - AP Physics 1 - image 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-5-torque-and-rotational-dynamics/svg/1Unit 5: Torque and Rotational Dynamics diagram 1Unit 5: Torque and Rotational Dynamics - AP Physics 1 - diagram 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-5-torque-and-rotational-dynamics/svg/2Unit 5: Torque and Rotational Dynamics diagram 2Unit 5: Torque and Rotational Dynamics - AP Physics 1 - diagram 2https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-5-torque-and-rotational-dynamics/svg/3Unit 5: Torque and Rotational Dynamics diagram 3Unit 5: Torque and Rotational Dynamics - AP Physics 1 - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/9146e934-6484-4e07-996b-e1219cbe5122_Unit_6__Energy_and_Momentum_of_Rotating_Systems.jpegUnit 6: Energy and Momentum of Rotating Systems image 1Unit 6: Energy and Momentum of Rotating Systems - AP Physics 1 - image 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-6-energy-and-momentum-of-rotating-systems/svg/1Unit 6: Energy and Momentum of Rotating Systems diagram 1Unit 6: Energy and Momentum of Rotating Systems - AP Physics 1 - diagram 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-6-energy-and-momentum-of-rotating-systems/svg/2Unit 6: Energy and Momentum of Rotating Systems diagram 2Unit 6: Energy and Momentum of Rotating Systems - AP Physics 1 - diagram 2https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-6-energy-and-momentum-of-rotating-systems/svg/3Unit 6: Energy and Momentum of Rotating Systems diagram 3Unit 6: Energy and Momentum of Rotating Systems - AP Physics 1 - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/26719ed4-1bd7-4f00-a20c-c2a800fb8f98_Unit_7__Oscillations.jpegUnit 7: Oscillations image 1Unit 7: Oscillations - AP Physics 1 - image 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-7-oscillations/svg/1Unit 7: Oscillations diagram 1Unit 7: Oscillations - AP Physics 1 - diagram 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-7-oscillations/svg/2Unit 7: Oscillations diagram 2Unit 7: Oscillations - AP Physics 1 - diagram 2https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-7-oscillations/svg/3Unit 7: Oscillations diagram 3Unit 7: Oscillations - AP Physics 1 - diagram 3https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-8-fluids/svg/1Unit 8: Fluids diagram 1Unit 8: Fluids - AP Physics 1 - diagram 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-8-fluids/svg/2Unit 8: Fluids diagram 2Unit 8: Fluids - AP Physics 1 - diagram 2https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/unit-8-fluids/svg/3Unit 8: Fluids diagram 3Unit 8: Fluids - AP Physics 1 - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/a4de4e18-6a46-4406-a4a9-2d35f3d68ef1_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Physics 1 - image 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Physics 1 - diagram 1https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Physics 1 - diagram 2https://www.getlykke.com/explore/public/ap-physics-1-e5a379b9-a3e5-451c-b409-f72cb259d0e4/media/exam-format-and-scoring/svg/3Exam Format and Scoring diagram 3Exam Format and Scoring - AP Physics 1 - diagram 3https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf02026-05-05T05:45:55.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/548bf22f-c44b-455e-bd7c-c3215c9b4416_Course_Framework__Themes__and_Historical_Thinking.jpegCourse Framework, Themes, and Historical Thinking image 1Course Framework, Themes, and Historical Thinking - AP United States History - image 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/course-framework-themes-and-historical-thinking/svg/1Course Framework, Themes, and Historical Thinking diagram 1Course Framework, Themes, and Historical Thinking - AP United States History - diagram 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/course-framework-themes-and-historical-thinking/svg/2Course Framework, Themes, and Historical Thinking diagram 2Course Framework, Themes, and Historical Thinking - AP United States History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/2852c23c-4662-4f60-930e-ee587d6d1190_Period_1__1491-1607.jpegPeriod 1: 1491-1607 image 1Period 1: 1491-1607 - AP United States History - image 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-1-1491-1607/svg/1Period 1: 1491-1607 diagram 1Period 1: 1491-1607 - AP United States History - diagram 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-1-1491-1607/svg/2Period 1: 1491-1607 diagram 2Period 1: 1491-1607 - AP United States History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/a32b829c-c4de-4f4a-98be-1cac8d2804a3_Period_2__1607-1754.jpegPeriod 2: 1607-1754 image 1Period 2: 1607-1754 - AP United States History - image 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-2-1607-1754/svg/1Period 2: 1607-1754 diagram 1Period 2: 1607-1754 - AP United States History - diagram 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-2-1607-1754/svg/2Period 2: 1607-1754 diagram 2Period 2: 1607-1754 - AP United States History - diagram 2https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-2-1607-1754/svg/3Period 2: 1607-1754 diagram 3Period 2: 1607-1754 - AP United States History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/c17971f6-f5e7-4c1d-88cd-2a0aa4abe653_Period_3__1754-1800.jpegPeriod 3: 1754-1800 image 1Period 3: 1754-1800 - AP United States History - image 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-3-1754-1800/svg/1Period 3: 1754-1800 diagram 1Period 3: 1754-1800 - AP United States History - diagram 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-3-1754-1800/svg/2Period 3: 1754-1800 diagram 2Period 3: 1754-1800 - AP United States History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/1b00ccda-d323-458a-a7b3-a51aa5f4c86b_Period_4__1800-1848.jpegPeriod 4: 1800-1848 image 1Period 4: 1800-1848 - AP United States History - image 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-4-1800-1848/svg/1Period 4: 1800-1848 diagram 1Period 4: 1800-1848 - AP United States History - diagram 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-4-1800-1848/svg/2Period 4: 1800-1848 diagram 2Period 4: 1800-1848 - AP United States History - diagram 2https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-4-1800-1848/svg/3Period 4: 1800-1848 diagram 3Period 4: 1800-1848 - AP United States History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/81164d81-7628-4c65-8d45-6f80645b2fa4_Period_5__1844-1877.jpegPeriod 5: 1844-1877 image 1Period 5: 1844-1877 - AP United States History - image 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-5-1844-1877/svg/1Period 5: 1844-1877 diagram 1Period 5: 1844-1877 - AP United States History - diagram 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-5-1844-1877/svg/2Period 5: 1844-1877 diagram 2Period 5: 1844-1877 - AP United States History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/a6c862ae-d993-4c22-b6ca-e3c0de89b2d4_Period_6__1865-1898.jpegPeriod 6: 1865-1898 image 1Period 6: 1865-1898 - AP United States History - image 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-6-1865-1898/svg/1Period 6: 1865-1898 diagram 1Period 6: 1865-1898 - AP United States History - diagram 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-6-1865-1898/svg/2Period 6: 1865-1898 diagram 2Period 6: 1865-1898 - AP United States History - diagram 2https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-6-1865-1898/svg/3Period 6: 1865-1898 diagram 3Period 6: 1865-1898 - AP United States History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/685b77dc-b4d9-4f8d-bff2-bdd76939e177_Period_7__1890-1945.jpegPeriod 7: 1890-1945 image 1Period 7: 1890-1945 - AP United States History - image 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-7-1890-1945/svg/1Period 7: 1890-1945 diagram 1Period 7: 1890-1945 - AP United States History - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-images/0c84e259-bd54-4213-afb7-aaee0b548bc7_Period_8__1945-1980.jpegPeriod 8: 1945-1980 image 1Period 8: 1945-1980 - AP United States History - image 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-8-1945-1980/svg/1Period 8: 1945-1980 diagram 1Period 8: 1945-1980 - AP United States History - diagram 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-8-1945-1980/svg/2Period 8: 1945-1980 diagram 2Period 8: 1945-1980 - AP United States History - diagram 2https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-8-1945-1980/svg/3Period 8: 1945-1980 diagram 3Period 8: 1945-1980 - AP United States History - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/e04534a9-1583-428f-b01e-1195de2abfe8_Period_9__1980-Present.jpegPeriod 9: 1980-Present image 1Period 9: 1980-Present - AP United States History - image 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-9-1980-present/svg/1Period 9: 1980-Present diagram 1Period 9: 1980-Present - AP United States History - diagram 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/period-9-1980-present/svg/2Period 9: 1980-Present diagram 2Period 9: 1980-Present - AP United States History - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/490c6093-025e-464e-bcb9-2d558bba1b2e_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP United States History - image 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP United States History - diagram 1https://www.getlykke.com/explore/public/ap-united-states-history-b8598a35-8366-494e-b94c-2986249facf0/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP United States History - diagram 2https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c2026-05-05T04:30:35.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/0fc05f02-489e-4d84-987d-6d5bdfcccae9_Course_Framework_and_Computational_Thinking_Practices.jpegCourse Framework and Computational Thinking Practices image 1Course Framework and Computational Thinking Practices - AP Computer Science A - image 1https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/course-framework-and-computational-thinking-practices/svg/1Course Framework and Computational Thinking Practices diagram 1Course Framework and Computational Thinking Practices - AP Computer Science A - diagram 1https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/course-framework-and-computational-thinking-practices/svg/2Course Framework and Computational Thinking Practices diagram 2Course Framework and Computational Thinking Practices - AP Computer Science A - diagram 2https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/course-framework-and-computational-thinking-practices/svg/3Course Framework and Computational Thinking Practices diagram 3Course Framework and Computational Thinking Practices - AP Computer Science A - diagram 3https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/unit-1-using-objects-and-methods/svg/1Unit 1: Using Objects and Methods diagram 1Unit 1: Using Objects and Methods - AP Computer Science A - diagram 1https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/unit-1-using-objects-and-methods/svg/2Unit 1: Using Objects and Methods diagram 2Unit 1: Using Objects and Methods - AP Computer Science A - diagram 2https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/unit-2-selection-and-iteration/svg/1Unit 2: Selection and Iteration diagram 1Unit 2: Selection and Iteration - AP Computer Science A - diagram 1https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/unit-2-selection-and-iteration/svg/2Unit 2: Selection and Iteration diagram 2Unit 2: Selection and Iteration - AP Computer Science A - diagram 2https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/unit-2-selection-and-iteration/svg/3Unit 2: Selection and Iteration diagram 3Unit 2: Selection and Iteration - AP Computer Science A - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/f49e34d4-a5e7-494d-b804-1ac92f650c07_Unit_3__Class_Creation.jpegUnit 3: Class Creation image 1Unit 3: Class Creation - AP Computer Science A - image 1https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/unit-3-class-creation/svg/1Unit 3: Class Creation diagram 1Unit 3: Class Creation - AP Computer Science A - diagram 1https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/unit-3-class-creation/svg/2Unit 3: Class Creation diagram 2Unit 3: Class Creation - AP Computer Science A - diagram 2https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/unit-3-class-creation/svg/3Unit 3: Class Creation diagram 3Unit 3: Class Creation - AP Computer Science A - diagram 3https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/unit-4-data-collections/svg/1Unit 4: Data Collections diagram 1Unit 4: Data Collections - AP Computer Science A - diagram 1https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/unit-4-data-collections/svg/2Unit 4: Data Collections diagram 2Unit 4: Data Collections - AP Computer Science A - diagram 2https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/java-quick-reference-and-core-syntax/svg/1Java Quick Reference and Core Syntax diagram 1Java Quick Reference and Core Syntax - AP Computer Science A - diagram 1https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/java-quick-reference-and-core-syntax/svg/2Java Quick Reference and Core Syntax diagram 2Java Quick Reference and Core Syntax - AP Computer Science A - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/a14a1155-1fee-4954-8f84-fd4d653fd575_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Computer Science A - image 1https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Computer Science A - diagram 1https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Computer Science A - diagram 2https://www.getlykke.com/explore/public/ap-computer-science-a-cc43040f-cef1-4ab6-a1cc-cf758502c02c/media/exam-format-and-scoring/svg/3Exam Format and Scoring diagram 3Exam Format and Scoring - AP Computer Science A - diagram 3https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c12026-05-05T04:26:17.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/8a096b8c-8985-4955-a183-eec10c89d217_Course_Framework_and_Statistical_Thinking.jpegCourse Framework and Statistical Thinking image 1Course Framework and Statistical Thinking - AP Statistics - image 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/course-framework-and-statistical-thinking/svg/1Course Framework and Statistical Thinking diagram 1Course Framework and Statistical Thinking - AP Statistics - diagram 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/course-framework-and-statistical-thinking/svg/2Course Framework and Statistical Thinking diagram 2Course Framework and Statistical Thinking - AP Statistics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/bba126ff-bc65-41e5-b4f9-fa65d26a9fa7_Unit_1__Exploring_One-Variable_Data.jpegUnit 1: Exploring One-Variable Data image 1Unit 1: Exploring One-Variable Data - AP Statistics - image 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-1-exploring-one-variable-data/svg/1Unit 1: Exploring One-Variable Data diagram 1Unit 1: Exploring One-Variable Data - AP Statistics - diagram 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-1-exploring-one-variable-data/svg/2Unit 1: Exploring One-Variable Data diagram 2Unit 1: Exploring One-Variable Data - AP Statistics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/0a319d1a-cdf1-4d1a-a88a-2def2707d18b_Unit_2__Exploring_Two-Variable_Data.jpegUnit 2: Exploring Two-Variable Data image 1Unit 2: Exploring Two-Variable Data - AP Statistics - image 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-2-exploring-two-variable-data/svg/1Unit 2: Exploring Two-Variable Data diagram 1Unit 2: Exploring Two-Variable Data - AP Statistics - diagram 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-2-exploring-two-variable-data/svg/2Unit 2: Exploring Two-Variable Data diagram 2Unit 2: Exploring Two-Variable Data - AP Statistics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/fef3bfcf-25ae-431b-89f3-d98f8435265e_Unit_3__Collecting_Data.jpegUnit 3: Collecting Data image 1Unit 3: Collecting Data - AP Statistics - image 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-3-collecting-data/svg/1Unit 3: Collecting Data diagram 1Unit 3: Collecting Data - AP Statistics - diagram 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-3-collecting-data/svg/2Unit 3: Collecting Data diagram 2Unit 3: Collecting Data - AP Statistics - diagram 2https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-3-collecting-data/svg/3Unit 3: Collecting Data diagram 3Unit 3: Collecting Data - AP Statistics - diagram 3https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-4-probability-random-variables-and-probability-distributions/svg/1Unit 4: Probability, Random Variables, and Probability Distributions diagram 1Unit 4: Probability, Random Variables, and Probability Distributions - AP Statistics - diagram 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-4-probability-random-variables-and-probability-distributions/svg/2Unit 4: Probability, Random Variables, and Probability Distributions diagram 2Unit 4: Probability, Random Variables, and Probability Distributions - AP Statistics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/8951f694-02a4-461d-98c3-803acf1ca47d_Unit_5__Sampling_Distributions.jpegUnit 5: Sampling Distributions image 1Unit 5: Sampling Distributions - AP Statistics - image 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-5-sampling-distributions/svg/1Unit 5: Sampling Distributions diagram 1Unit 5: Sampling Distributions - AP Statistics - diagram 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-5-sampling-distributions/svg/2Unit 5: Sampling Distributions diagram 2Unit 5: Sampling Distributions - AP Statistics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/bad01d13-9e85-4247-823e-87d63f4be93a_Unit_6__Inference_for_Categorical_Data__Proportions.jpegUnit 6: Inference for Categorical Data: Proportions image 1Unit 6: Inference for Categorical Data: Proportions - AP Statistics - image 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-6-inference-for-categorical-data-proportions/svg/1Unit 6: Inference for Categorical Data: Proportions diagram 1Unit 6: Inference for Categorical Data: Proportions - AP Statistics - diagram 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-6-inference-for-categorical-data-proportions/svg/2Unit 6: Inference for Categorical Data: Proportions diagram 2Unit 6: Inference for Categorical Data: Proportions - AP Statistics - diagram 2https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-7-inference-for-quantitative-data-means/svg/1Unit 7: Inference for Quantitative Data: Means diagram 1Unit 7: Inference for Quantitative Data: Means - AP Statistics - diagram 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-7-inference-for-quantitative-data-means/svg/2Unit 7: Inference for Quantitative Data: Means diagram 2Unit 7: Inference for Quantitative Data: Means - AP Statistics - diagram 2https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-7-inference-for-quantitative-data-means/svg/3Unit 7: Inference for Quantitative Data: Means diagram 3Unit 7: Inference for Quantitative Data: Means - AP Statistics - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/1287568e-cbac-4370-8d82-ab385a355d33_Unit_8__Inference_for_Categorical_Data__Chi-Square.jpegUnit 8: Inference for Categorical Data: Chi-Square image 1Unit 8: Inference for Categorical Data: Chi-Square - AP Statistics - image 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-8-inference-for-categorical-data-chi-square/svg/1Unit 8: Inference for Categorical Data: Chi-Square diagram 1Unit 8: Inference for Categorical Data: Chi-Square - AP Statistics - diagram 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-8-inference-for-categorical-data-chi-square/svg/2Unit 8: Inference for Categorical Data: Chi-Square diagram 2Unit 8: Inference for Categorical Data: Chi-Square - AP Statistics - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/380bc1c5-0ce8-4350-afe8-fc26e6a75ee7_Unit_9__Inference_for_Quantitative_Data__Slopes.jpegUnit 9: Inference for Quantitative Data: Slopes image 1Unit 9: Inference for Quantitative Data: Slopes - AP Statistics - image 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/unit-9-inference-for-quantitative-data-slopes/svg/1Unit 9: Inference for Quantitative Data: Slopes diagram 1Unit 9: Inference for Quantitative Data: Slopes - AP Statistics - diagram 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Statistics - diagram 1https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Statistics - diagram 2https://www.getlykke.com/explore/public/ap-statistics-70553ac9-70f9-422d-b8b6-c328240d85c1/media/exam-format-and-scoring/svg/3Exam Format and Scoring diagram 3Exam Format and Scoring - AP Statistics - diagram 3https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a662026-05-05T04:26:17.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/45205075-665d-4958-8560-3e5eaf8ecdef_Course_Framework_and_Big_Ideas.jpegCourse Framework and Big Ideas image 1Course Framework and Big Ideas - AP Calculus AB - image 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/course-framework-and-big-ideas/svg/1Course Framework and Big Ideas diagram 1Course Framework and Big Ideas - AP Calculus AB - diagram 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/course-framework-and-big-ideas/svg/2Course Framework and Big Ideas diagram 2Course Framework and Big Ideas - AP Calculus AB - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/54be8573-6db4-4c4e-80ff-fe1b1097d686_Unit_1__Limits_and_Continuity.jpegUnit 1: Limits and Continuity image 1Unit 1: Limits and Continuity - AP Calculus AB - image 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-1-limits-and-continuity/svg/1Unit 1: Limits and Continuity diagram 1Unit 1: Limits and Continuity - AP Calculus AB - diagram 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-1-limits-and-continuity/svg/2Unit 1: Limits and Continuity diagram 2Unit 1: Limits and Continuity - AP Calculus AB - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/2b16e6f7-2eee-4396-8258-7859c8d4f56f_Unit_2__Differentiation__Definition_and_Fundamental_Properti.jpegUnit 2: Differentiation: Definition and Fundamental Properties image 1Unit 2: Differentiation: Definition and Fundamental Properties - AP Calculus AB - image 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-2-differentiation-definition-and-fundamental-properties/svg/1Unit 2: Differentiation: Definition and Fundamental Properties diagram 1Unit 2: Differentiation: Definition and Fundamental Properties - AP Calculus AB - diagram 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-2-differentiation-definition-and-fundamental-properties/svg/2Unit 2: Differentiation: Definition and Fundamental Properties diagram 2Unit 2: Differentiation: Definition and Fundamental Properties - AP Calculus AB - diagram 2https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-2-differentiation-definition-and-fundamental-properties/svg/3Unit 2: Differentiation: Definition and Fundamental Properties diagram 3Unit 2: Differentiation: Definition and Fundamental Properties - AP Calculus AB - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/093b9907-3fbb-4b65-a681-6242b16e13d7_Unit_3__Differentiation__Composite__Implicit__and_Inverse_Fu.jpegUnit 3: Differentiation: Composite, Implicit, and Inverse Functions image 1Unit 3: Differentiation: Composite, Implicit, and Inverse Functions - AP Calculus AB - image 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-3-differentiation-composite-implicit-and-inverse-functions/svg/1Unit 3: Differentiation: Composite, Implicit, and Inverse Functions diagram 1Unit 3: Differentiation: Composite, Implicit, and Inverse Functions - AP Calculus AB - diagram 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-3-differentiation-composite-implicit-and-inverse-functions/svg/2Unit 3: Differentiation: Composite, Implicit, and Inverse Functions diagram 2Unit 3: Differentiation: Composite, Implicit, and Inverse Functions - AP Calculus AB - diagram 2https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-4-contextual-applications-of-differentiation/svg/1Unit 4: Contextual Applications of Differentiation diagram 1Unit 4: Contextual Applications of Differentiation - AP Calculus AB - diagram 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-4-contextual-applications-of-differentiation/svg/2Unit 4: Contextual Applications of Differentiation diagram 2Unit 4: Contextual Applications of Differentiation - AP Calculus AB - diagram 2https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-4-contextual-applications-of-differentiation/svg/3Unit 4: Contextual Applications of Differentiation diagram 3Unit 4: Contextual Applications of Differentiation - AP Calculus AB - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/789d918c-44a1-423c-96b1-cce38f5c2343_Unit_5__Analytical_Applications_of_Differentiation.jpegUnit 5: Analytical Applications of Differentiation image 1Unit 5: Analytical Applications of Differentiation - AP Calculus AB - image 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-5-analytical-applications-of-differentiation/svg/1Unit 5: Analytical Applications of Differentiation diagram 1Unit 5: Analytical Applications of Differentiation - AP Calculus AB - diagram 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-5-analytical-applications-of-differentiation/svg/2Unit 5: Analytical Applications of Differentiation diagram 2Unit 5: Analytical Applications of Differentiation - AP Calculus AB - diagram 2https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-6-integration-and-accumulation-of-change/svg/1Unit 6: Integration and Accumulation of Change diagram 1Unit 6: Integration and Accumulation of Change - AP Calculus AB - diagram 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-6-integration-and-accumulation-of-change/svg/2Unit 6: Integration and Accumulation of Change diagram 2Unit 6: Integration and Accumulation of Change - AP Calculus AB - diagram 2https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-6-integration-and-accumulation-of-change/svg/3Unit 6: Integration and Accumulation of Change diagram 3Unit 6: Integration and Accumulation of Change - AP Calculus AB - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/a98c9ab5-d148-49cf-a11e-08e92c6f42d1_Unit_7__Differential_Equations.jpegUnit 7: Differential Equations image 1Unit 7: Differential Equations - AP Calculus AB - image 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-7-differential-equations/svg/1Unit 7: Differential Equations diagram 1Unit 7: Differential Equations - AP Calculus AB - diagram 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-7-differential-equations/svg/2Unit 7: Differential Equations diagram 2Unit 7: Differential Equations - AP Calculus AB - diagram 2https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-7-differential-equations/svg/3Unit 7: Differential Equations diagram 3Unit 7: Differential Equations - AP Calculus AB - diagram 3https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-8-applications-of-integration/svg/1Unit 8: Applications of Integration diagram 1Unit 8: Applications of Integration - AP Calculus AB - diagram 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/unit-8-applications-of-integration/svg/2Unit 8: Applications of Integration diagram 2Unit 8: Applications of Integration - AP Calculus AB - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/18b4b54b-e9e5-463b-937f-2a431f316f67_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Calculus AB - image 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Calculus AB - diagram 1https://www.getlykke.com/explore/public/ap-calculus-ab-c14bedc7-55ee-4bd3-99ff-a9a537a06a66/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Calculus AB - diagram 2https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c532026-05-05T00:41:25.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/b6c32270-b13a-4340-9da2-d6b47cefa866_Course_Framework_and_Big_Ideas.jpegCourse Framework and Big Ideas image 1Course Framework and Big Ideas - AP Biology - image 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/course-framework-big-ideas/svg/1Course Framework and Big Ideas diagram 1Course Framework and Big Ideas - AP Biology - diagram 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/course-framework-big-ideas/svg/2Course Framework and Big Ideas diagram 2Course Framework and Big Ideas - AP Biology - diagram 2https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-1-chemistry-of-life/svg/1Unit 1: Chemistry of Life diagram 1Unit 1: Chemistry of Life - AP Biology - diagram 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-1-chemistry-of-life/svg/2Unit 1: Chemistry of Life diagram 2Unit 1: Chemistry of Life - AP Biology - diagram 2https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-1-chemistry-of-life/svg/3Unit 1: Chemistry of Life diagram 3Unit 1: Chemistry of Life - AP Biology - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/22064afd-f8ab-4d06-bb82-bc01e4debbaa_Unit_2__Cell_Structure_and_Function.jpegUnit 2: Cell Structure and Function image 1Unit 2: Cell Structure and Function - AP Biology - image 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-2-cell-structure-and-function/svg/1Unit 2: Cell Structure and Function diagram 1Unit 2: Cell Structure and Function - AP Biology - diagram 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-2-cell-structure-and-function/svg/2Unit 2: Cell Structure and Function diagram 2Unit 2: Cell Structure and Function - AP Biology - diagram 2https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-2-cell-structure-and-function/svg/3Unit 2: Cell Structure and Function diagram 3Unit 2: Cell Structure and Function - AP Biology - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/eff2650e-d413-4fc7-939e-c2341bcea1ce_Unit_3__Cellular_Energetics.jpegUnit 3: Cellular Energetics image 1Unit 3: Cellular Energetics - AP Biology - image 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-3-cellular-energetics/svg/1Unit 3: Cellular Energetics diagram 1Unit 3: Cellular Energetics - AP Biology - diagram 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-3-cellular-energetics/svg/2Unit 3: Cellular Energetics diagram 2Unit 3: Cellular Energetics - AP Biology - diagram 2https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-3-cellular-energetics/svg/3Unit 3: Cellular Energetics diagram 3Unit 3: Cellular Energetics - AP Biology - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/e56fcee1-5bb8-4c4d-bf90-ec25d2e4fd1e_Unit_4__Cell_Communication_and_Cell_Cycle.jpegUnit 4: Cell Communication and Cell Cycle image 1Unit 4: Cell Communication and Cell Cycle - AP Biology - image 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-4-cell-communication-and-cell-cycle/svg/1Unit 4: Cell Communication and Cell Cycle diagram 1Unit 4: Cell Communication and Cell Cycle - AP Biology - diagram 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-4-cell-communication-and-cell-cycle/svg/2Unit 4: Cell Communication and Cell Cycle diagram 2Unit 4: Cell Communication and Cell Cycle - AP Biology - diagram 2https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-5-heredity/svg/1Unit 5: Heredity diagram 1Unit 5: Heredity - AP Biology - diagram 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-5-heredity/svg/2Unit 5: Heredity diagram 2Unit 5: Heredity - AP Biology - diagram 2https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-5-heredity/svg/3Unit 5: Heredity diagram 3Unit 5: Heredity - AP Biology - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/86902d03-ec74-461d-a598-7f210ed8324a_Unit_6__Gene_Expression_and_Regulation.jpegUnit 6: Gene Expression and Regulation image 1Unit 6: Gene Expression and Regulation - AP Biology - image 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-6-gene-expression-and-regulation/svg/1Unit 6: Gene Expression and Regulation diagram 1Unit 6: Gene Expression and Regulation - AP Biology - diagram 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-6-gene-expression-and-regulation/svg/2Unit 6: Gene Expression and Regulation diagram 2Unit 6: Gene Expression and Regulation - AP Biology - diagram 2https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-7-natural-selection/svg/1Unit 7: Natural Selection diagram 1Unit 7: Natural Selection - AP Biology - diagram 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-7-natural-selection/svg/2Unit 7: Natural Selection diagram 2Unit 7: Natural Selection - AP Biology - diagram 2https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-7-natural-selection/svg/3Unit 7: Natural Selection diagram 3Unit 7: Natural Selection - AP Biology - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/344a241d-db4d-44bd-ba17-16d36214d212_Unit_8__Ecology.jpegUnit 8: Ecology image 1Unit 8: Ecology - AP Biology - image 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-8-ecology/svg/1Unit 8: Ecology diagram 1Unit 8: Ecology - AP Biology - diagram 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/unit-8-ecology/svg/2Unit 8: Ecology diagram 2Unit 8: Ecology - AP Biology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/5e25bb7e-cfec-4037-942a-ef5390a9bc16_Exam_Format_and_Scoring.jpegExam Format and Scoring image 1Exam Format and Scoring - AP Biology - image 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/exam-format-and-scoring/svg/1Exam Format and Scoring diagram 1Exam Format and Scoring - AP Biology - diagram 1https://www.getlykke.com/explore/public/ap-biology-a0d91331-c38b-490d-a302-894c6bcc3c53/media/exam-format-and-scoring/svg/2Exam Format and Scoring diagram 2Exam Format and Scoring - AP Biology - diagram 2https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b82026-05-05T00:24:15.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/cd79df71-d02e-42b7-b383-0749bd320bd9_Course_Framework_and_Big_Ideas.jpegCourse Framework and Big Ideas image 1Course Framework and Big Ideas - Advanced Principles of Biological Systems and Inquiry - image 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/course-framework-big-ideas/svg/1Course Framework and Big Ideas diagram 1Course Framework and Big Ideas - Advanced Principles of Biological Systems and Inquiry - diagram 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/course-framework-big-ideas/svg/2Course Framework and Big Ideas diagram 2Course Framework and Big Ideas - Advanced Principles of Biological Systems and Inquiry - diagram 2https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/course-framework-big-ideas/svg/3Course Framework and Big Ideas diagram 3Course Framework and Big Ideas - Advanced Principles of Biological Systems and Inquiry - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/fbc6b995-ce1f-46f1-b300-5a051f741d08_Science_Practices_and_Quantitative_Tools.jpegScience Practices and Quantitative Tools image 1Science Practices and Quantitative Tools - Advanced Principles of Biological Systems and Inquiry - image 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/science-practices-quantitative-tools/svg/1Science Practices and Quantitative Tools diagram 1Science Practices and Quantitative Tools - Advanced Principles of Biological Systems and Inquiry - diagram 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/science-practices-quantitative-tools/svg/2Science Practices and Quantitative Tools diagram 2Science Practices and Quantitative Tools - Advanced Principles of Biological Systems and Inquiry - diagram 2https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/science-practices-quantitative-tools/svg/3Science Practices and Quantitative Tools diagram 3Science Practices and Quantitative Tools - Advanced Principles of Biological Systems and Inquiry - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/8e9fed31-0a3c-48ee-b601-78baf078a03a_Molecular_and_Cellular_Biology.jpegMolecular and Cellular Biology image 1Molecular and Cellular Biology - Advanced Principles of Biological Systems and Inquiry - image 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/molecular-and-cellular-biology/svg/1Molecular and Cellular Biology diagram 1Molecular and Cellular Biology - Advanced Principles of Biological Systems and Inquiry - diagram 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/molecular-and-cellular-biology/svg/2Molecular and Cellular Biology diagram 2Molecular and Cellular Biology - Advanced Principles of Biological Systems and Inquiry - diagram 2https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/energetics-and-communication/svg/1Cellular Energetics and Communication diagram 1Cellular Energetics and Communication - Advanced Principles of Biological Systems and Inquiry - diagram 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/energetics-and-communication/svg/2Cellular Energetics and Communication diagram 2Cellular Energetics and Communication - Advanced Principles of Biological Systems and Inquiry - diagram 2https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/energetics-and-communication/svg/3Cellular Energetics and Communication diagram 3Cellular Energetics and Communication - Advanced Principles of Biological Systems and Inquiry - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/1967b3cf-78c3-4e18-9092-bb50e8b5fd7c_Genetics_and_Information_Transmission.jpegGenetics and Information Transmission image 1Genetics and Information Transmission - Advanced Principles of Biological Systems and Inquiry - image 1https://getlykke-assets.s3.amazonaws.com/wiki-images/b4ed8a60-36ce-4d4e-a907-8eb5b7148259_Genetics_and_Information_Transmission.jpegGenetics and Information Transmission image 2Genetics and Information Transmission - Advanced Principles of Biological Systems and Inquiry - image 2https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/genetics-and-information-transmission/svg/1Genetics and Information Transmission diagram 1Genetics and Information Transmission - Advanced Principles of Biological Systems and Inquiry - diagram 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/genetics-and-information-transmission/svg/2Genetics and Information Transmission diagram 2Genetics and Information Transmission - Advanced Principles of Biological Systems and Inquiry - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/1e459533-acbc-4071-a641-89edbf0b2a4e_Evolution_and_Systems_Interactions.jpegEvolution and Systems Interactions image 1Evolution and Systems Interactions - Advanced Principles of Biological Systems and Inquiry - image 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/evolution-and-ecology/svg/1Evolution and Systems Interactions diagram 1Evolution and Systems Interactions - Advanced Principles of Biological Systems and Inquiry - diagram 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/evolution-and-ecology/svg/2Evolution and Systems Interactions diagram 2Evolution and Systems Interactions - Advanced Principles of Biological Systems and Inquiry - diagram 2https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/evolution-and-ecology/svg/3Evolution and Systems Interactions diagram 3Evolution and Systems Interactions - Advanced Principles of Biological Systems and Inquiry - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/1158e150-c01f-467b-b14e-c91372777bfd_Investigative_Laboratory_Procedures.jpegInvestigative Laboratory Procedures image 1Investigative Laboratory Procedures - Advanced Principles of Biological Systems and Inquiry - image 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/investigative-laboratory-manual/svg/1Investigative Laboratory Procedures diagram 1Investigative Laboratory Procedures - Advanced Principles of Biological Systems and Inquiry - diagram 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/investigative-laboratory-manual/svg/2Investigative Laboratory Procedures diagram 2Investigative Laboratory Procedures - Advanced Principles of Biological Systems and Inquiry - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/11267ae4-8ae6-4109-99fc-a0853a083ebb_AP_Biology_Exam_Format_and_Scoring.jpegAP Biology Exam Format and Scoring image 1AP Biology Exam Format and Scoring - Advanced Principles of Biological Systems and Inquiry - image 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/ap-biology-exam-structure/svg/1AP Biology Exam Format and Scoring diagram 1AP Biology Exam Format and Scoring - Advanced Principles of Biological Systems and Inquiry - diagram 1https://www.getlykke.com/explore/public/advanced-principles-of-biological-systems-and-53db1b67-8b6e-4e74-9503-cb96a59312b8/media/ap-biology-exam-structure/svg/2AP Biology Exam Format and Scoring diagram 2AP Biology Exam Format and Scoring - Advanced Principles of Biological Systems and Inquiry - diagram 2https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf72026-05-02T16:58:12.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/04bcb719-d114-4771-8fee-1e60e6e78dae_Foundations__Enlightenment__Aesthetics__and_Public_Freedom.jpegFoundations: Enlightenment, Aesthetics, and Public Freedom image 1Foundations: Enlightenment, Aesthetics, and Public Freedom - Philosophical and Literary Perspectives on Freedom - image 1https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/foundations-enlightenment-aesthetics/svg/1Foundations: Enlightenment, Aesthetics, and Public Freedom diagram 1Foundations: Enlightenment, Aesthetics, and Public Freedom - Philosophical and Literary Perspectives on Freedom - diagram 1https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/foundations-enlightenment-aesthetics/svg/2Foundations: Enlightenment, Aesthetics, and Public Freedom diagram 2Foundations: Enlightenment, Aesthetics, and Public Freedom - Philosophical and Literary Perspectives on Freedom - diagram 2https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/foundations-enlightenment-aesthetics/svg/3Foundations: Enlightenment, Aesthetics, and Public Freedom diagram 3Foundations: Enlightenment, Aesthetics, and Public Freedom - Philosophical and Literary Perspectives on Freedom - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/58fe6008-57e0-4e03-aeaa-085e656bac04_Totalitarianism_and_the_Literary_Resistance.jpegTotalitarianism and the Literary Resistance image 1Totalitarianism and the Literary Resistance - Philosophical and Literary Perspectives on Freedom - image 1https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/totalitarianism-literary-resistance/svg/1Totalitarianism and the Literary Resistance diagram 1Totalitarianism and the Literary Resistance - Philosophical and Literary Perspectives on Freedom - diagram 1https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/totalitarianism-literary-resistance/svg/2Totalitarianism and the Literary Resistance diagram 2Totalitarianism and the Literary Resistance - Philosophical and Literary Perspectives on Freedom - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/c54323ff-5a53-4479-bb82-d35333a82b58_Defining_Liberty__Mill__Berlin__and_Skinner.jpegDefining Liberty: Mill, Berlin, and Skinner image 1Defining Liberty: Mill, Berlin, and Skinner - Philosophical and Literary Perspectives on Freedom - image 1https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/concepts-of-liberty-mill-berlin-skinner/svg/1Defining Liberty: Mill, Berlin, and Skinner diagram 1Defining Liberty: Mill, Berlin, and Skinner - Philosophical and Literary Perspectives on Freedom - diagram 1https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/concepts-of-liberty-mill-berlin-skinner/svg/2Defining Liberty: Mill, Berlin, and Skinner diagram 2Defining Liberty: Mill, Berlin, and Skinner - Philosophical and Literary Perspectives on Freedom - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/2d24effc-5246-4672-bce0-68e7d106a71f_Truth__Rebellion__and_Existential_Freedom.jpegTruth, Rebellion, and Existential Freedom image 1Truth, Rebellion, and Existential Freedom - Philosophical and Literary Perspectives on Freedom - image 1https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/truth-rebellion-existential-freedom/svg/1Truth, Rebellion, and Existential Freedom diagram 1Truth, Rebellion, and Existential Freedom - Philosophical and Literary Perspectives on Freedom - diagram 1https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/truth-rebellion-existential-freedom/svg/2Truth, Rebellion, and Existential Freedom diagram 2Truth, Rebellion, and Existential Freedom - Philosophical and Literary Perspectives on Freedom - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/a6b18bc3-1d56-4c59-b7ed-ddc16e16df12_The_Power_of_the_Powerless_and_Social_Transformation.jpegThe Power of the Powerless and Social Transformation image 1The Power of the Powerless and Social Transformation - Philosophical and Literary Perspectives on Freedom - image 1https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/power-of-the-powerless-social-transformation/svg/1The Power of the Powerless and Social Transformation diagram 1The Power of the Powerless and Social Transformation - Philosophical and Literary Perspectives on Freedom - diagram 1https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/power-of-the-powerless-social-transformation/svg/2The Power of the Powerless and Social Transformation diagram 2The Power of the Powerless and Social Transformation - Philosophical and Literary Perspectives on Freedom - diagram 2https://www.getlykke.com/explore/public/philosophical-and-literary-perspectives-on-freedom-74572c7b-8b5d-4527-a2d2-d6921bfdacf7/media/power-of-the-powerless-social-transformation/svg/3The Power of the Powerless and Social Transformation diagram 3The Power of the Powerless and Social Transformation - Philosophical and Literary Perspectives on Freedom - diagram 3https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a22026-05-02T16:54:45.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/80622438-f22a-4553-9d02-2a94ee074da3_Union-Find_and_Big_O_Analysis.jpegUnion-Find and Big O Analysis image 1Union-Find and Big O Analysis - Data Structures and Algorithmic Analysis - image 1https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/complexity-union-find/svg/1Union-Find and Big O Analysis diagram 1Union-Find and Big O Analysis - Data Structures and Algorithmic Analysis - diagram 1https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/complexity-union-find/svg/2Union-Find and Big O Analysis diagram 2Union-Find and Big O Analysis - Data Structures and Algorithmic Analysis - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/80ba9775-6986-4d99-923f-00a2e22b9cc2_Linear_Data_Structures.jpegLinear Data Structures image 1Linear Data Structures - Data Structures and Algorithmic Analysis - image 1https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/linear-data-structures/svg/1Linear Data Structures diagram 1Linear Data Structures - Data Structures and Algorithmic Analysis - diagram 1https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/linear-data-structures/svg/2Linear Data Structures diagram 2Linear Data Structures - Data Structures and Algorithmic Analysis - diagram 2https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/searching-bst/svg/1Searching and Binary Search Trees diagram 1Searching and Binary Search Trees - Data Structures and Algorithmic Analysis - diagram 1https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/searching-bst/svg/2Searching and Binary Search Trees diagram 2Searching and Binary Search Trees - Data Structures and Algorithmic Analysis - diagram 2https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/searching-bst/svg/3Searching and Binary Search Trees diagram 3Searching and Binary Search Trees - Data Structures and Algorithmic Analysis - diagram 3https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/balanced-search-trees/svg/1Balanced Search Trees diagram 1Balanced Search Trees - Data Structures and Algorithmic Analysis - diagram 1https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/balanced-search-trees/svg/2Balanced Search Trees diagram 2Balanced Search Trees - Data Structures and Algorithmic Analysis - diagram 2https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/balanced-search-trees/svg/3Balanced Search Trees diagram 3Balanced Search Trees - Data Structures and Algorithmic Analysis - diagram 3https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/sorting-algorithms/svg/1Sorting Methodologies diagram 1Sorting Methodologies - Data Structures and Algorithmic Analysis - diagram 1https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/sorting-algorithms/svg/2Sorting Methodologies diagram 2Sorting Methodologies - Data Structures and Algorithmic Analysis - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/a1a015e2-12ea-4b24-9e01-86460cc28855_Directed_Graphs_and_Shortest_Paths.jpegDirected Graphs and Shortest Paths image 1Directed Graphs and Shortest Paths - Data Structures and Algorithmic Analysis - image 1https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/graphs-shortest-paths/svg/1Directed Graphs and Shortest Paths diagram 1Directed Graphs and Shortest Paths - Data Structures and Algorithmic Analysis - diagram 1https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/graphs-shortest-paths/svg/2Directed Graphs and Shortest Paths diagram 2Directed Graphs and Shortest Paths - Data Structures and Algorithmic Analysis - diagram 2https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/graphs-shortest-paths/svg/3Directed Graphs and Shortest Paths diagram 3Directed Graphs and Shortest Paths - Data Structures and Algorithmic Analysis - diagram 3https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/final-exam-review/svg/1Final Exam and Course Review diagram 1Final Exam and Course Review - Data Structures and Algorithmic Analysis - diagram 1https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/final-exam-review/svg/2Final Exam and Course Review diagram 2Final Exam and Course Review - Data Structures and Algorithmic Analysis - diagram 2https://www.getlykke.com/explore/public/data-structures-and-algorithmic-analysis-0c7b40e2-d40e-460e-805b-bd2da349e4a2/media/final-exam-review/svg/3Final Exam and Course Review diagram 3Final Exam and Course Review - Data Structures and Algorithmic Analysis - diagram 3https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a2026-05-02T16:53:30.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/37dbc972-2b12-461f-9823-b53ff5351722_Foundations_of_Java_and_Programming.jpegFoundations of Java and Programming image 1Foundations of Java and Programming - Java Programming and Algorithmic Thinking Fundamentals - image 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/foundations-of-java/svg/1Foundations of Java and Programming diagram 1Foundations of Java and Programming - Java Programming and Algorithmic Thinking Fundamentals - diagram 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/foundations-of-java/svg/2Foundations of Java and Programming diagram 2Foundations of Java and Programming - Java Programming and Algorithmic Thinking Fundamentals - diagram 2https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/foundations-of-java/svg/3Foundations of Java and Programming diagram 3Foundations of Java and Programming - Java Programming and Algorithmic Thinking Fundamentals - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/33f67d6b-beb5-4d1f-8493-724bd4aeebfb_Logic_and_Control_Flow.jpegLogic and Control Flow image 1Logic and Control Flow - Java Programming and Algorithmic Thinking Fundamentals - image 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/logic-and-control-flow/svg/1Logic and Control Flow diagram 1Logic and Control Flow - Java Programming and Algorithmic Thinking Fundamentals - diagram 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/logic-and-control-flow/svg/2Logic and Control Flow diagram 2Logic and Control Flow - Java Programming and Algorithmic Thinking Fundamentals - diagram 2https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/logic-and-control-flow/svg/3Logic and Control Flow diagram 3Logic and Control Flow - Java Programming and Algorithmic Thinking Fundamentals - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/ef4a739b-dbd1-4b49-8f2d-ebe537032df6_Arrays_and_Data_Collections.jpegArrays and Data Collections image 1Arrays and Data Collections - Java Programming and Algorithmic Thinking Fundamentals - image 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/arrays-and-data-collections/svg/1Arrays and Data Collections diagram 1Arrays and Data Collections - Java Programming and Algorithmic Thinking Fundamentals - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-images/abd8bcc8-8aca-4959-abdc-f175be79763e_Standard_Libraries_and_I_O.jpegStandard Libraries and I/O image 1Standard Libraries and I/O - Java Programming and Algorithmic Thinking Fundamentals - image 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/standard-libraries-and-io/svg/1Standard Libraries and I/O diagram 1Standard Libraries and I/O - Java Programming and Algorithmic Thinking Fundamentals - diagram 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/standard-libraries-and-io/svg/2Standard Libraries and I/O diagram 2Standard Libraries and I/O - Java Programming and Algorithmic Thinking Fundamentals - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/9be6e95a-b506-4612-85d9-ade6c3ec9edd_Methods_and_Modular_Programming.jpegMethods and Modular Programming image 1Methods and Modular Programming - Java Programming and Algorithmic Thinking Fundamentals - image 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/methods-and-modular-programming/svg/1Methods and Modular Programming diagram 1Methods and Modular Programming - Java Programming and Algorithmic Thinking Fundamentals - diagram 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/methods-and-modular-programming/svg/2Methods and Modular Programming diagram 2Methods and Modular Programming - Java Programming and Algorithmic Thinking Fundamentals - diagram 2https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/string-manipulation/svg/1String Manipulation diagram 1String Manipulation - Java Programming and Algorithmic Thinking Fundamentals - diagram 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/string-manipulation/svg/2String Manipulation diagram 2String Manipulation - Java Programming and Algorithmic Thinking Fundamentals - diagram 2https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/recursion/svg/1Recursion diagram 1Recursion - Java Programming and Algorithmic Thinking Fundamentals - diagram 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/recursion/svg/2Recursion diagram 2Recursion - Java Programming and Algorithmic Thinking Fundamentals - diagram 2https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/recursion/svg/3Recursion diagram 3Recursion - Java Programming and Algorithmic Thinking Fundamentals - diagram 3https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/object-oriented-programming/svg/1Object-Oriented Programming (OOP) diagram 1Object-Oriented Programming (OOP) - Java Programming and Algorithmic Thinking Fundamentals - diagram 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/object-oriented-programming/svg/2Object-Oriented Programming (OOP) diagram 2Object-Oriented Programming (OOP) - Java Programming and Algorithmic Thinking Fundamentals - diagram 2https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/object-oriented-programming/svg/3Object-Oriented Programming (OOP) diagram 3Object-Oriented Programming (OOP) - Java Programming and Algorithmic Thinking Fundamentals - diagram 3https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/searching-and-sorting-algorithms/svg/1Searching and Sorting Algorithms diagram 1Searching and Sorting Algorithms - Java Programming and Algorithmic Thinking Fundamentals - diagram 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/searching-and-sorting-algorithms/svg/2Searching and Sorting Algorithms diagram 2Searching and Sorting Algorithms - Java Programming and Algorithmic Thinking Fundamentals - diagram 2https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/advanced-data-structures-arraylist/svg/1Advanced Data Structures: ArrayList diagram 1Advanced Data Structures: ArrayList - Java Programming and Algorithmic Thinking Fundamentals - diagram 1https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/advanced-data-structures-arraylist/svg/2Advanced Data Structures: ArrayList diagram 2Advanced Data Structures: ArrayList - Java Programming and Algorithmic Thinking Fundamentals - diagram 2https://www.getlykke.com/explore/public/java-programming-and-algorithmic-thinking-fundamentals-26122936-7443-412c-b205-ff5ff8b0bd9a/media/advanced-data-structures-arraylist/svg/3Advanced Data Structures: ArrayList diagram 3Advanced Data Structures: ArrayList - Java Programming and Algorithmic Thinking Fundamentals - diagram 3https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b2026-05-02T16:50:48.000Zhttps://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/intro-to-systems-and-c/svg/1Introduction to Systems Programming and C diagram 1Introduction to Systems Programming and C - Systems Programming in C and Unix Environments - diagram 1https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/intro-to-systems-and-c/svg/2Introduction to Systems Programming and C diagram 2Introduction to Systems Programming and C - Systems Programming in C and Unix Environments - diagram 2https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/intro-to-systems-and-c/svg/3Introduction to Systems Programming and C diagram 3Introduction to Systems Programming and C - Systems Programming in C and Unix Environments - diagram 3https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/memory-and-pointers/svg/1Memory Management, Objects, and Pointers diagram 1Memory Management, Objects, and Pointers - Systems Programming in C and Unix Environments - diagram 1https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/memory-and-pointers/svg/2Memory Management, Objects, and Pointers diagram 2Memory Management, Objects, and Pointers - Systems Programming in C and Unix Environments - diagram 2https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/memory-and-pointers/svg/3Memory Management, Objects, and Pointers diagram 3Memory Management, Objects, and Pointers - Systems Programming in C and Unix Environments - diagram 3https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/preprocessor-and-build-systems/svg/1The C Preprocessor and Build Systems diagram 1The C Preprocessor and Build Systems - Systems Programming in C and Unix Environments - diagram 1https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/preprocessor-and-build-systems/svg/2The C Preprocessor and Build Systems diagram 2The C Preprocessor and Build Systems - Systems Programming in C and Unix Environments - diagram 2https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/file-systems-and-io/svg/1File Systems and POSIX I/O Streams diagram 1File Systems and POSIX I/O Streams - Systems Programming in C and Unix Environments - diagram 1https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/file-systems-and-io/svg/2File Systems and POSIX I/O Streams diagram 2File Systems and POSIX I/O Streams - Systems Programming in C and Unix Environments - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/2c2994fd-37b3-4616-9dec-99beabe677fb_Processes_and_Inter-Process_Communication.jpegProcesses and Inter-Process Communication image 1Processes and Inter-Process Communication - Systems Programming in C and Unix Environments - image 1https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/processes-and-ipc/svg/1Processes and Inter-Process Communication diagram 1Processes and Inter-Process Communication - Systems Programming in C and Unix Environments - diagram 1https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/processes-and-ipc/svg/2Processes and Inter-Process Communication diagram 2Processes and Inter-Process Communication - Systems Programming in C and Unix Environments - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/ab7e7f79-b08b-455e-9fac-2f9f9af26fa9_Network_Programming_and_Sockets.jpegNetwork Programming and Sockets image 1Network Programming and Sockets - Systems Programming in C and Unix Environments - image 1https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/network-programming/svg/1Network Programming and Sockets diagram 1Network Programming and Sockets - Systems Programming in C and Unix Environments - diagram 1https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/network-programming/svg/2Network Programming and Sockets diagram 2Network Programming and Sockets - Systems Programming in C and Unix Environments - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/76ca2f67-d5df-4e14-857d-af2dbc4252d2_Concurrency_and_Multithreading.jpegConcurrency and Multithreading image 1Concurrency and Multithreading - Systems Programming in C and Unix Environments - image 1https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/concurrency-and-threads/svg/1Concurrency and Multithreading diagram 1Concurrency and Multithreading - Systems Programming in C and Unix Environments - diagram 1https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/concurrency-and-threads/svg/2Concurrency and Multithreading diagram 2Concurrency and Multithreading - Systems Programming in C and Unix Environments - diagram 2https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/exam-prep-and-review/svg/1Exam Preparation and Review diagram 1Exam Preparation and Review - Systems Programming in C and Unix Environments - diagram 1https://www.getlykke.com/explore/public/systems-programming-in-c-and-unix-6e77335e-38a0-4d8f-91d6-77ac878ffc1b/media/exam-prep-and-review/svg/2Exam Preparation and Review diagram 2Exam Preparation and Review - Systems Programming in C and Unix Environments - diagram 2https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb722026-05-02T16:49:14.000Zhttps://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/intro-python-numerical-computing/svg/1Introduction and Python for Numerical Computing diagram 1Introduction and Python for Numerical Computing - Numerical Analysis and Computational Methods - diagram 1https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/intro-python-numerical-computing/svg/2Introduction and Python for Numerical Computing diagram 2Introduction and Python for Numerical Computing - Numerical Analysis and Computational Methods - diagram 2https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/intro-python-numerical-computing/svg/3Introduction and Python for Numerical Computing diagram 3Introduction and Python for Numerical Computing - Numerical Analysis and Computational Methods - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/208fe02c-d054-46fb-acfd-8962987c3392_Mathematical_Foundations_and_Error_Analysis.jpegMathematical Foundations and Error Analysis image 1Mathematical Foundations and Error Analysis - Numerical Analysis and Computational Methods - image 1https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/error-analysis-foundations/svg/1Mathematical Foundations and Error Analysis diagram 1Mathematical Foundations and Error Analysis - Numerical Analysis and Computational Methods - diagram 1https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/error-analysis-foundations/svg/2Mathematical Foundations and Error Analysis diagram 2Mathematical Foundations and Error Analysis - Numerical Analysis and Computational Methods - diagram 2https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/error-analysis-foundations/svg/3Mathematical Foundations and Error Analysis diagram 3Mathematical Foundations and Error Analysis - Numerical Analysis and Computational Methods - diagram 3https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/root-finding-algorithms/svg/1Root-Finding for Nonlinear Equations diagram 1Root-Finding for Nonlinear Equations - Numerical Analysis and Computational Methods - diagram 1https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/root-finding-algorithms/svg/2Root-Finding for Nonlinear Equations diagram 2Root-Finding for Nonlinear Equations - Numerical Analysis and Computational Methods - diagram 2https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/root-finding-algorithms/svg/3Root-Finding for Nonlinear Equations diagram 3Root-Finding for Nonlinear Equations - Numerical Analysis and Computational Methods - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/3aa90406-bbdc-4488-962c-9347ae8810d4_Linear_Systems_and_Direct_Solvers.jpegLinear Systems and Direct Solvers image 1Linear Systems and Direct Solvers - Numerical Analysis and Computational Methods - image 1https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/linear-systems-direct-methods/svg/1Linear Systems and Direct Solvers diagram 1Linear Systems and Direct Solvers - Numerical Analysis and Computational Methods - diagram 1https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/linear-systems-direct-methods/svg/2Linear Systems and Direct Solvers diagram 2Linear Systems and Direct Solvers - Numerical Analysis and Computational Methods - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/e5632502-b0e3-4058-9e84-32c7df898d9a_Midterm_Review_and_Practice.jpegMidterm Review and Practice image 1Midterm Review and Practice - Numerical Analysis and Computational Methods - image 1https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/midterm-assessment/svg/1Midterm Review and Practice diagram 1Midterm Review and Practice - Numerical Analysis and Computational Methods - diagram 1https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/midterm-assessment/svg/2Midterm Review and Practice diagram 2Midterm Review and Practice - Numerical Analysis and Computational Methods - diagram 2https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/midterm-assessment/svg/3Midterm Review and Practice diagram 3Midterm Review and Practice - Numerical Analysis and Computational Methods - diagram 3https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/iterative-methods-linear-algebra/svg/1Iterative Methods for Linear Systems diagram 1Iterative Methods for Linear Systems - Numerical Analysis and Computational Methods - diagram 1https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/iterative-methods-linear-algebra/svg/2Iterative Methods for Linear Systems diagram 2Iterative Methods for Linear Systems - Numerical Analysis and Computational Methods - diagram 2https://www.getlykke.com/explore/public/numerical-analysis-and-computational-methods-6291d550-43fa-4c2d-be17-f8580436eb72/media/iterative-methods-linear-algebra/svg/3Iterative Methods for Linear Systems diagram 3Iterative Methods for Linear Systems - Numerical Analysis and Computational Methods - diagram 3https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f82026-05-02T16:25:44.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-images/8caba9a7-361c-4210-9044-ed200dfb790f_Introduction_and_Statistical_Foundations.jpegIntroduction and Statistical Foundations image 1Introduction and Statistical Foundations - Econometric Theory and Empirical Analysis with Stata - image 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/intro-fundamentals/svg/1Introduction and Statistical Foundations diagram 1Introduction and Statistical Foundations - Econometric Theory and Empirical Analysis with Stata - diagram 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/intro-fundamentals/svg/2Introduction and Statistical Foundations diagram 2Introduction and Statistical Foundations - Econometric Theory and Empirical Analysis with Stata - diagram 2https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/intro-fundamentals/svg/3Introduction and Statistical Foundations diagram 3Introduction and Statistical Foundations - Econometric Theory and Empirical Analysis with Stata - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/7841bab9-d886-469d-8103-c6c8698e4c62_Simple_Linear_Regression_Model.jpegSimple Linear Regression Model image 1Simple Linear Regression Model - Econometric Theory and Empirical Analysis with Stata - image 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/simple-linear-regression/svg/1Simple Linear Regression Model diagram 1Simple Linear Regression Model - Econometric Theory and Empirical Analysis with Stata - diagram 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/simple-linear-regression/svg/2Simple Linear Regression Model diagram 2Simple Linear Regression Model - Econometric Theory and Empirical Analysis with Stata - diagram 2https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/simple-linear-regression/svg/3Simple Linear Regression Model diagram 3Simple Linear Regression Model - Econometric Theory and Empirical Analysis with Stata - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/08a8d939-e9ac-4aef-b75f-89b2b687b003_Multiple_Regression__Estimation_and_Inference.jpegMultiple Regression: Estimation and Inference image 1Multiple Regression: Estimation and Inference - Econometric Theory and Empirical Analysis with Stata - image 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/multiple-regression-analysis/svg/1Multiple Regression: Estimation and Inference diagram 1Multiple Regression: Estimation and Inference - Econometric Theory and Empirical Analysis with Stata - diagram 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/multiple-regression-analysis/svg/2Multiple Regression: Estimation and Inference diagram 2Multiple Regression: Estimation and Inference - Econometric Theory and Empirical Analysis with Stata - diagram 2https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/multiple-regression-analysis/svg/3Multiple Regression: Estimation and Inference diagram 3Multiple Regression: Estimation and Inference - Econometric Theory and Empirical Analysis with Stata - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/36f06748-b1e1-4f73-a45a-c4d8f88035d3_Functional_Forms_and_Heteroskedasticity.jpegFunctional Forms and Heteroskedasticity image 1Functional Forms and Heteroskedasticity - Econometric Theory and Empirical Analysis with Stata - image 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/functional-forms-heteroskedasticity/svg/1Functional Forms and Heteroskedasticity diagram 1Functional Forms and Heteroskedasticity - Econometric Theory and Empirical Analysis with Stata - diagram 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/functional-forms-heteroskedasticity/svg/2Functional Forms and Heteroskedasticity diagram 2Functional Forms and Heteroskedasticity - Econometric Theory and Empirical Analysis with Stata - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/8a2288a8-45c3-4dc7-96fb-3b4f8e94ea97_Qualitative_Data_and_Advanced_Causal_Inference.jpegQualitative Data and Advanced Causal Inference image 1Qualitative Data and Advanced Causal Inference - Econometric Theory and Empirical Analysis with Stata - image 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/advanced-causal-inference/svg/1Qualitative Data and Advanced Causal Inference diagram 1Qualitative Data and Advanced Causal Inference - Econometric Theory and Empirical Analysis with Stata - diagram 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/advanced-causal-inference/svg/2Qualitative Data and Advanced Causal Inference diagram 2Qualitative Data and Advanced Causal Inference - Econometric Theory and Empirical Analysis with Stata - diagram 2https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/advanced-causal-inference/svg/3Qualitative Data and Advanced Causal Inference diagram 3Qualitative Data and Advanced Causal Inference - Econometric Theory and Empirical Analysis with Stata - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-images/feefd792-2ace-4765-921b-9b3b9f3c2497_Applied_Econometrics_with_Stata.jpegApplied Econometrics with Stata image 1Applied Econometrics with Stata - Econometric Theory and Empirical Analysis with Stata - image 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/stata-data-management/svg/1Applied Econometrics with Stata diagram 1Applied Econometrics with Stata - Econometric Theory and Empirical Analysis with Stata - diagram 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/stata-data-management/svg/2Applied Econometrics with Stata diagram 2Applied Econometrics with Stata - Econometric Theory and Empirical Analysis with Stata - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-images/6eb232cc-366e-4bfc-a9c4-887d44477825_Course_Assessments_and_Problem_Sets.jpegCourse Assessments and Problem Sets image 1Course Assessments and Problem Sets - Econometric Theory and Empirical Analysis with Stata - image 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/assessments-practice/svg/1Course Assessments and Problem Sets diagram 1Course Assessments and Problem Sets - Econometric Theory and Empirical Analysis with Stata - diagram 1https://www.getlykke.com/explore/public/econometric-theory-and-empirical-analysis-with-055d2627-50a4-415f-9bda-e6175cdce1f8/media/assessments-practice/svg/2Course Assessments and Problem Sets diagram 2Course Assessments and Problem Sets - Econometric Theory and Empirical Analysis with Stata - diagram 2https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff2026-04-26T00:24:03.000Zhttps://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/intro-computational-thinking/svg/1Introduction to Computational Thinking diagram 1Introduction to Computational Thinking - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/python-basics-variables/svg/1Python Basics: Variables and Expressions diagram 1Python Basics: Variables and Expressions - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/control-flow-branching/svg/1Control Flow: Branching and Boolean Logic diagram 1Control Flow: Branching and Boolean Logic - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/control-flow-iteration/svg/1Control Flow: Iteration and Loops diagram 1Control Flow: Iteration and Loops - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/string-manipulation/svg/1String Manipulation and Slicing diagram 1String Manipulation and Slicing - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/functions-decomposition/svg/1Functions and Decomposition diagram 1Functions and Decomposition - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/higher-order-functions/svg/1Higher-Order Functions diagram 1Higher-Order Functions - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/data-structures-tuples-lists/svg/1Data Structures: Tuples and Lists diagram 1Data Structures: Tuples and Lists - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/list-operations-aliasing/svg/1List Operations and Aliasing diagram 1List Operations and Aliasing - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/testing-debugging/svg/1Testing and Debugging diagram 1Testing and Debugging - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/exception-handling/svg/1Exception Handling and Errors diagram 1Exception Handling and Errors - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/introduction-to-computer-science-and-programming-3c4dc7ee-937e-431e-9ad1-29e6d93fcbff/media/advanced-topics/svg/1Recursion, Efficiency, and OOP diagram 1Recursion, Efficiency, and OOP - Introduction to Computer Science and Programming in Python - diagram 1https://www.getlykke.com/explore/public/spring-2026-math-354-765743ab-3e83-4eb5-ac72-d0dd4db825812026-04-26T00:24:03.000Zhttps://www.getlykke.com/explore/public/spring-2026-math-354-765743ab-3e83-4eb5-ac72-d0dd4db82581/media/linear-algebra-review/svg/1Linear Algebra Review and Matrix Operations diagram 1Linear Algebra Review and Matrix Operations - Spring 2026 - Math 354 - Sections 02/04 - diagram 1https://www.getlykke.com/explore/public/spring-2026-math-354-765743ab-3e83-4eb5-ac72-d0dd4db82581/media/lp-fundamentals-standard-canonical/svg/1Linear Programming Fundamentals: Standard and Canonical Forms diagram 1Linear Programming Fundamentals: Standard and Canonical Forms - Spring 2026 - Math 354 - Sections 02/04 - diagram 1https://www.getlykke.com/explore/public/spring-2026-math-354-765743ab-3e83-4eb5-ac72-d0dd4db82581/media/graphical-optimization-methods/svg/1Graphical Optimization and the Geometric Method diagram 1Graphical Optimization and the Geometric Method - Spring 2026 - Math 354 - Sections 02/04 - diagram 1https://www.getlykke.com/explore/public/spring-2026-math-354-765743ab-3e83-4eb5-ac72-d0dd4db82581/media/basic-feasible-solutions/svg/1Basic Feasible Solutions (BFS) and Slack Variables diagram 1Basic Feasible Solutions (BFS) and Slack Variables - Spring 2026 - Math 354 - Sections 02/04 - diagram 1https://www.getlykke.com/explore/public/spring-2026-math-354-765743ab-3e83-4eb5-ac72-d0dd4db82581/media/the-simplex-method/svg/1The Simplex Method and Tableau Optimization diagram 1The Simplex Method and Tableau Optimization - Spring 2026 - Math 354 - Sections 02/04 - diagram 1https://www.getlykke.com/explore/public/spring-2026-math-354-765743ab-3e83-4eb5-ac72-d0dd4db82581/media/two-phase-method-artificial-variables/svg/1The Two-Phase Method and Artificial Variables diagram 1The Two-Phase Method and Artificial Variables - Spring 2026 - Math 354 - Sections 02/04 - diagram 1https://www.getlykke.com/explore/public/spring-2026-math-354-765743ab-3e83-4eb5-ac72-d0dd4db82581/media/duality-theory/svg/1Duality in Linear Programming diagram 1Duality in Linear Programming - Spring 2026 - Math 354 - Sections 02/04 - diagram 1https://www.getlykke.com/explore/public/spring-2026-math-354-765743ab-3e83-4eb5-ac72-d0dd4db82581/media/applied-optimization-diet-problem/svg/1Applied Optimization: The Diet Problem diagram 1Applied Optimization: The Diet Problem - Spring 2026 - Math 354 - Sections 02/04 - diagram 1https://www.getlykke.com/explore/public/spring-2026-math-354-765743ab-3e83-4eb5-ac72-d0dd4db82581/media/mastery-assessment-reflection/svg/1Assessment and Mastery-Based Learning diagram 1Assessment and Mastery-Based Learning - Spring 2026 - Math 354 - Sections 02/04 - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c0132026-04-20T05:23:14.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-posters/a086005d-5348-4210-ad8f-b9546c9364d3_it-foundations-and-is-concepts.jpegFoundations of Information Technology and Systems image 1Foundations of Information Technology and Systems - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/it-foundations-and-is-concepts/svg/1Foundations of Information Technology and Systems diagram 1Foundations of Information Technology and Systems - Computer Applications and Information Technology - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/it-foundations-and-is-concepts/svg/2Foundations of Information Technology and Systems diagram 2Foundations of Information Technology and Systems - Computer Applications and Information Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/c73f7bb0-cc3e-440d-862e-2104fe090d3c_it-hardware-and-architecture.jpegIT Hardware and System Architecture image 1IT Hardware and System Architecture - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/it-hardware-and-architecture/svg/1IT Hardware and System Architecture diagram 1IT Hardware and System Architecture - Computer Applications and Information Technology - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/it-hardware-and-architecture/svg/2IT Hardware and System Architecture diagram 2IT Hardware and System Architecture - Computer Applications and Information Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/56c6c9c6-20ab-4171-8d4a-e5d4ec286e75_it-governance-ethics-and-law.jpegIT Governance, Policy, Ethics, and Law image 1IT Governance, Policy, Ethics, and Law - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/it-governance-ethics-and-law/svg/1IT Governance, Policy, Ethics, and Law diagram 1IT Governance, Policy, Ethics, and Law - Computer Applications and Information Technology - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/it-governance-ethics-and-law/svg/2IT Governance, Policy, Ethics, and Law diagram 2IT Governance, Policy, Ethics, and Law - Computer Applications and Information Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/bd275360-ba93-46ef-897a-1a527bb61c41_workplace-software-and-digital-literacy.jpegWorkplace Software and Digital Literacy image 1Workplace Software and Digital Literacy - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/workplace-software-and-digital-literacy/svg/1Workplace Software and Digital Literacy diagram 1Workplace Software and Digital Literacy - Computer Applications and Information Technology - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/workplace-software-and-digital-literacy/svg/2Workplace Software and Digital Literacy diagram 2Workplace Software and Digital Literacy - Computer Applications and Information Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/966609b2-30e9-4bea-bac3-2ba4b20a6d74_word-processing-and-document-development.jpegWord Processing and Document Development image 1Word Processing and Document Development - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/word-processing-and-document-development/svg/1Word Processing and Document Development diagram 1Word Processing and Document Development - Computer Applications and Information Technology - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/word-processing-and-document-development/svg/2Word Processing and Document Development diagram 2Word Processing and Document Development - Computer Applications and Information Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/cac074e9-c031-4a4f-823d-f3d24f9c1cf3_spreadsheet-management-and-data-visualiz.jpegSpreadsheet Management and Data Visualization image 1Spreadsheet Management and Data Visualization - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/spreadsheet-management-and-data-visualization/svg/1Spreadsheet Management and Data Visualization diagram 1Spreadsheet Management and Data Visualization - Computer Applications and Information Technology - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/spreadsheet-management-and-data-visualization/svg/2Spreadsheet Management and Data Visualization diagram 2Spreadsheet Management and Data Visualization - Computer Applications and Information Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/4a55470b-3951-4d17-9465-cb0aac80d707_web-development-and-digital-accessibilit.jpegWeb Development and Digital Accessibility image 1Web Development and Digital Accessibility - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/web-development-and-digital-accessibility/svg/1Web Development and Digital Accessibility diagram 1Web Development and Digital Accessibility - Computer Applications and Information Technology - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-posters/42ecc897-762f-4a2f-ac26-a0af50ac785a_is-for-strategic-advantage.jpegInformation Systems for Strategic Advantage image 1Information Systems for Strategic Advantage - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/is-for-strategic-advantage/svg/1Information Systems for Strategic Advantage diagram 1Information Systems for Strategic Advantage - Computer Applications and Information Technology - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/is-for-strategic-advantage/svg/2Information Systems for Strategic Advantage diagram 2Information Systems for Strategic Advantage - Computer Applications and Information Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/67427026-a69b-460b-9b69-94f803853baf_data-management-and-database-systems.jpegData Management and Database Systems image 1Data Management and Database Systems - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/data-management-and-database-systems/svg/1Data Management and Database Systems diagram 1Data Management and Database Systems - Computer Applications and Information Technology - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/data-management-and-database-systems/svg/2Data Management and Database Systems diagram 2Data Management and Database Systems - Computer Applications and Information Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/c457a0ea-6928-412a-a6dc-9032bd3029ab_systems-analysis-design-and-security.jpegSystems Analysis, Design, and Security image 1Systems Analysis, Design, and Security - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/systems-analysis-design-and-security/svg/1Systems Analysis, Design, and Security diagram 1Systems Analysis, Design, and Security - Computer Applications and Information Technology - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/systems-analysis-design-and-security/svg/2Systems Analysis, Design, and Security diagram 2Systems Analysis, Design, and Security - Computer Applications and Information Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/9a7d48ea-1c51-4f11-b21c-517374072ea9_cloud-computing-and-data-analytics.jpegCloud Computing and Data Analytics image 1Cloud Computing and Data Analytics - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/cloud-computing-and-data-analytics/svg/1Cloud Computing and Data Analytics diagram 1Cloud Computing and Data Analytics - Computer Applications and Information Technology - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/cloud-computing-and-data-analytics/svg/2Cloud Computing and Data Analytics diagram 2Cloud Computing and Data Analytics - Computer Applications and Information Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/17b8fdc2-f9c8-4332-9e14-bfb97b3cdcd2_is-project-management-and-emerging-tech.jpegIS Project Management and Emerging Technologies image 1IS Project Management and Emerging Technologies - Computer Applications and Information Technology - image 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/is-project-management-and-emerging-tech/svg/1IS Project Management and Emerging Technologies diagram 1IS Project Management and Emerging Technologies - Computer Applications and Information Technology - diagram 1https://www.getlykke.com/explore/public/computer-applications-and-information-technology-8801a9a0-e9a4-4ec2-abcd-b3432597c013/media/is-project-management-and-emerging-tech/svg/2IS Project Management and Emerging Technologies diagram 2IS Project Management and Emerging Technologies - Computer Applications and Information Technology - diagram 2https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c92026-04-20T05:22:31.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-posters/501dc4d1-4c58-4143-b835-e03628edb645_intro-to-computational-thinking.jpegIntroduction to Computational Thinking image 1Introduction to Computational Thinking - Computing - image 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/intro-to-computational-thinking/svg/1Introduction to Computational Thinking diagram 1Introduction to Computational Thinking - Computing - diagram 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/intro-to-computational-thinking/svg/2Introduction to Computational Thinking diagram 2Introduction to Computational Thinking - Computing - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/c303ffd2-4b49-4174-b096-92191ddc1204_variables-and-data-types.jpegVariables and Data Types image 1Variables and Data Types - Computing - image 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/variables-and-data-types/svg/1Variables and Data Types diagram 1Variables and Data Types - Computing - diagram 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/variables-and-data-types/svg/2Variables and Data Types diagram 2Variables and Data Types - Computing - diagram 2https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/variables-and-data-types/svg/3Variables and Data Types diagram 3Variables and Data Types - Computing - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/40a89fd7-cfb6-4755-b70c-67e769c75724_debugging-strategies.jpegDebugging Strategies image 1Debugging Strategies - Computing - image 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/debugging-strategies/svg/1Debugging Strategies diagram 1Debugging Strategies - Computing - diagram 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/debugging-strategies/svg/2Debugging Strategies diagram 2Debugging Strategies - Computing - diagram 2https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/conditionals-and-branching/svg/1Conditionals and Branching diagram 1Conditionals and Branching - Computing - diagram 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/conditionals-and-branching/svg/2Conditionals and Branching diagram 2Conditionals and Branching - Computing - diagram 2https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/logical-operators-and-bias/svg/1Logical Operators and Algorithmic Bias diagram 1Logical Operators and Algorithmic Bias - Computing - diagram 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/logical-operators-and-bias/svg/2Logical Operators and Algorithmic Bias diagram 2Logical Operators and Algorithmic Bias - Computing - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/fc857529-52c6-4d87-a4c0-61669adac9dd_loops-and-repetition.jpegLoops and Repetition image 1Loops and Repetition - Computing - image 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/loops-and-repetition/svg/1Loops and Repetition diagram 1Loops and Repetition - Computing - diagram 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/loops-and-repetition/svg/2Loops and Repetition diagram 2Loops and Repetition - Computing - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/62a21ea1-d512-4d14-aa03-07bfd9669594_simulations-and-control-flow.jpegSimulations and Control Flow image 1Simulations and Control Flow - Computing - image 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/simulations-and-control-flow/svg/1Simulations and Control Flow diagram 1Simulations and Control Flow - Computing - diagram 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/simulations-and-control-flow/svg/2Simulations and Control Flow diagram 2Simulations and Control Flow - Computing - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/d5542a9e-e807-4278-a269-da90ef416f26_functions-and-modularity.jpegFunctions and Modularity image 1Functions and Modularity - Computing - image 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/functions-and-modularity/svg/1Functions and Modularity diagram 1Functions and Modularity - Computing - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-posters/10d7cc37-a746-412d-9c52-a213897b9f60_scope-and-unit-testing.jpegScope and Unit Testing image 1Scope and Unit Testing - Computing - image 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/scope-and-unit-testing/svg/1Scope and Unit Testing diagram 1Scope and Unit Testing - Computing - diagram 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/scope-and-unit-testing/svg/2Scope and Unit Testing diagram 2Scope and Unit Testing - Computing - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/a26ed557-646c-4da7-b3d5-2b937a36eb8c_lists-and-data-processing.jpegLists and Data Processing image 1Lists and Data Processing - Computing - image 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/lists-and-data-processing/svg/1Lists and Data Processing diagram 1Lists and Data Processing - Computing - diagram 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/lists-and-data-processing/svg/2Lists and Data Processing diagram 2Lists and Data Processing - Computing - diagram 2https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/strings-and-iteration/svg/1Strings and Iteration Patterns diagram 1Strings and Iteration Patterns - Computing - diagram 1https://www.getlykke.com/explore/public/computing-9c11db3b-e316-49bd-8e28-0e4ddca675c9/media/strings-and-iteration/svg/2Strings and Iteration Patterns diagram 2Strings and Iteration Patterns - Computing - diagram 2https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee12026-04-20T05:21:02.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-posters/15aa835d-e888-4fe1-a61c-40fb0a46b845_technology-modern-enterprise.jpegTechnology and the Modern Enterprise image 1Technology and the Modern Enterprise - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/technology-modern-enterprise/svg/1Technology and the Modern Enterprise diagram 1Technology and the Modern Enterprise - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/technology-modern-enterprise/svg/2Technology and the Modern Enterprise diagram 2Technology and the Modern Enterprise - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/6bac36db-a7d3-4083-ad41-71bcb4506270_strategy-and-technology-frameworks.jpegStrategy and Technology: Concepts and Frameworks image 1Strategy and Technology: Concepts and Frameworks - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/strategy-and-technology-frameworks/svg/1Strategy and Technology: Concepts and Frameworks diagram 1Strategy and Technology: Concepts and Frameworks - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/strategy-and-technology-frameworks/svg/2Strategy and Technology: Concepts and Frameworks diagram 2Strategy and Technology: Concepts and Frameworks - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/06587b9f-9925-40d4-aa01-9796fd3e1039_zara-fast-fashion-systems.jpegZara: Fast Fashion from Savvy Systems image 1Zara: Fast Fashion from Savvy Systems - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/zara-fast-fashion-systems/svg/1Zara: Fast Fashion from Savvy Systems diagram 1Zara: Fast Fashion from Savvy Systems - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/zara-fast-fashion-systems/svg/2Zara: Fast Fashion from Savvy Systems diagram 2Zara: Fast Fashion from Savvy Systems - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/78eda27e-d609-462e-8047-b40acf9da006_netflix-atoms-to-bits.jpegNetflix: The Shift from Atoms to Bits image 1Netflix: The Shift from Atoms to Bits - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/netflix-atoms-to-bits/svg/1Netflix: The Shift from Atoms to Bits diagram 1Netflix: The Shift from Atoms to Bits - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/netflix-atoms-to-bits/svg/2Netflix: The Shift from Atoms to Bits diagram 2Netflix: The Shift from Atoms to Bits - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/47adc89e-2318-448d-8fa3-dbfe15664fec_moores-law-computing-economics.jpegMoore’s Law and Computing Economics image 1Moore’s Law and Computing Economics - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/moores-law-computing-economics/svg/1Moore’s Law and Computing Economics diagram 1Moore’s Law and Computing Economics - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/moores-law-computing-economics/svg/2Moore’s Law and Computing Economics diagram 2Moore’s Law and Computing Economics - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/dbf260d3-37f9-4f8a-8e3a-47c89487d688_understanding-network-effects.jpegUnderstanding Network Effects image 1Understanding Network Effects - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/understanding-network-effects/svg/1Understanding Network Effects diagram 1Understanding Network Effects - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/understanding-network-effects/svg/2Understanding Network Effects diagram 2Understanding Network Effects - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/0a28ca56-a0ca-4b49-bf29-fa7c4474ce57_peer-production-social-media.jpegPeer Production, Social Media, and Web 2.0 image 1Peer Production, Social Media, and Web 2.0 - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/peer-production-social-media/svg/1Peer Production, Social Media, and Web 2.0 diagram 1Peer Production, Social Media, and Web 2.0 - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/peer-production-social-media/svg/2Peer Production, Social Media, and Web 2.0 diagram 2Peer Production, Social Media, and Web 2.0 - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/peer-production-social-media/svg/3Peer Production, Social Media, and Web 2.0 diagram 3Peer Production, Social Media, and Web 2.0 - Information Systems - A Manager's Guide to Harnessing Technology - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/399e75d2-3984-4686-a982-a6142ccf1c5f_facebook-social-graph.jpegFacebook: Building a Business from the Social Graph image 1Facebook: Building a Business from the Social Graph - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/facebook-social-graph/svg/1Facebook: Building a Business from the Social Graph diagram 1Facebook: Building a Business from the Social Graph - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/facebook-social-graph/svg/2Facebook: Building a Business from the Social Graph diagram 2Facebook: Building a Business from the Social Graph - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/2db75b39-4d1f-4f9e-8669-5053199ee9ef_understanding-software-primer.jpegUnderstanding Software: A Primer for Managers image 1Understanding Software: A Primer for Managers - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/understanding-software-primer/svg/1Understanding Software: A Primer for Managers diagram 1Understanding Software: A Primer for Managers - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/understanding-software-primer/svg/2Understanding Software: A Primer for Managers diagram 2Understanding Software: A Primer for Managers - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/4bf85932-f59d-4cee-baab-cb35255cafcd_software-in-flux-cloud-oss.jpegSoftware in Flux: Cloud and Open Source image 1Software in Flux: Cloud and Open Source - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/software-in-flux-cloud-oss/svg/1Software in Flux: Cloud and Open Source diagram 1Software in Flux: Cloud and Open Source - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/software-in-flux-cloud-oss/svg/2Software in Flux: Cloud and Open Source diagram 2Software in Flux: Cloud and Open Source - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/software-in-flux-cloud-oss/svg/3Software in Flux: Cloud and Open Source diagram 3Software in Flux: Cloud and Open Source - Information Systems - A Manager's Guide to Harnessing Technology - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/c4ac7c31-956b-48f2-9343-763c3cf9cce7_data-asset-business-intelligence.jpegThe Data Asset: Databases and Business Intelligence image 1The Data Asset: Databases and Business Intelligence - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/data-asset-business-intelligence/svg/1The Data Asset: Databases and Business Intelligence diagram 1The Data Asset: Databases and Business Intelligence - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/data-asset-business-intelligence/svg/2The Data Asset: Databases and Business Intelligence diagram 2The Data Asset: Databases and Business Intelligence - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/data-asset-business-intelligence/svg/3The Data Asset: Databases and Business Intelligence diagram 3The Data Asset: Databases and Business Intelligence - Information Systems - A Manager's Guide to Harnessing Technology - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/b27f14d4-c0ae-4785-b172-ce7a5c4f9488_internet-and-telecommunications.jpegInternet and Telecommunications image 1Internet and Telecommunications - Information Systems - A Manager's Guide to Harnessing Technology - image 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/internet-and-telecommunications/svg/1Internet and Telecommunications diagram 1Internet and Telecommunications - Information Systems - A Manager's Guide to Harnessing Technology - diagram 1https://www.getlykke.com/explore/public/information-systems-a-managers-guide-d4d02494-f9b2-41bc-8c5d-ced2729b5ee1/media/internet-and-telecommunications/svg/2Internet and Telecommunications diagram 2Internet and Telecommunications - Information Systems - A Manager's Guide to Harnessing Technology - diagram 2https://www.getlykke.com/explore/public/think-python-2nd-edition-ff823fa0-9e72-490d-bf5f-19c0512d9bf12026-04-20T05:20:22.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-posters/e4acd339-d3f8-4166-9371-9a2e08878ce8_intro-and-pedagogy.jpegIntroduction and Pedagogical Goals image 1Introduction and Pedagogical Goals - Think Python, 2nd edition - image 1https://www.getlykke.com/explore/public/think-python-2nd-edition-ff823fa0-9e72-490d-bf5f-19c0512d9bf1/media/intro-and-pedagogy/svg/1Introduction and Pedagogical Goals diagram 1Introduction and Pedagogical Goals - Think Python, 2nd edition - diagram 1https://www.getlykke.com/explore/public/think-python-2nd-edition-ff823fa0-9e72-490d-bf5f-19c0512d9bf1/media/intro-and-pedagogy/svg/2Introduction and Pedagogical Goals diagram 2Introduction and Pedagogical Goals - Think Python, 2nd edition - diagram 2https://www.getlykke.com/explore/public/think-python-2nd-edition-ff823fa0-9e72-490d-bf5f-19c0512d9bf1/media/programming-fundamentals/svg/1Core Programming Foundations diagram 1Core Programming Foundations - Think Python, 2nd edition - diagram 1https://www.getlykke.com/explore/public/think-python-2nd-edition-ff823fa0-9e72-490d-bf5f-19c0512d9bf1/media/programming-fundamentals/svg/2Core Programming Foundations diagram 2Core Programming Foundations - Think Python, 2nd edition - diagram 2https://www.getlykke.com/explore/public/think-python-2nd-edition-ff823fa0-9e72-490d-bf5f-19c0512d9bf1/media/programming-fundamentals/svg/3Core Programming Foundations diagram 3Core Programming Foundations - Think Python, 2nd edition - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/5e62a0f5-36c3-4a33-8882-f50cd3ec4d67_advanced-concepts-oop.jpegAdvanced Concepts and Object-Oriented Programming image 1Advanced Concepts and Object-Oriented Programming - Think Python, 2nd edition - image 1https://www.getlykke.com/explore/public/think-python-2nd-edition-ff823fa0-9e72-490d-bf5f-19c0512d9bf1/media/advanced-concepts-oop/svg/1Advanced Concepts and Object-Oriented Programming diagram 1Advanced Concepts and Object-Oriented Programming - Think Python, 2nd edition - diagram 1https://www.getlykke.com/explore/public/think-python-2nd-edition-ff823fa0-9e72-490d-bf5f-19c0512d9bf1/media/advanced-concepts-oop/svg/2Advanced Concepts and Object-Oriented Programming diagram 2Advanced Concepts and Object-Oriented Programming - Think Python, 2nd edition - diagram 2https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d52026-04-20T05:18:17.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-posters/40ff1d2b-b949-48d0-a517-eda45df259c2_institutional-foundations.jpegInstitutional Foundations and the Humanities image 1Institutional Foundations and the Humanities - Interdisciplinary Foundations of Academic and Professional Literacy - image 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/institutional-foundations/svg/1Institutional Foundations and the Humanities diagram 1Institutional Foundations and the Humanities - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/institutional-foundations/svg/2Institutional Foundations and the Humanities diagram 2Institutional Foundations and the Humanities - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 2https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/institutional-foundations/svg/3Institutional Foundations and the Humanities diagram 3Institutional Foundations and the Humanities - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/1149b6f9-f3e3-46a5-b1d9-b31aa07ccb55_communication-and-literacy.jpegCommunication and Academic Literacy image 1Communication and Academic Literacy - Interdisciplinary Foundations of Academic and Professional Literacy - image 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/communication-and-literacy/svg/1Communication and Academic Literacy diagram 1Communication and Academic Literacy - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/communication-and-literacy/svg/2Communication and Academic Literacy diagram 2Communication and Academic Literacy - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 2https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/communication-and-literacy/svg/3Communication and Academic Literacy diagram 3Communication and Academic Literacy - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/79a8abe3-8ec8-4192-a331-9578160701a9_logic-and-business-foundations.jpegLogic and Business Administration Foundations image 1Logic and Business Administration Foundations - Interdisciplinary Foundations of Academic and Professional Literacy - image 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/logic-and-business-foundations/svg/1Logic and Business Administration Foundations diagram 1Logic and Business Administration Foundations - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-posters/c12e73b5-dc27-4b73-a0fa-d3fdb9be95b2_technical-proficiency-and-esl.jpegTechnical Proficiency and Language Standards image 1Technical Proficiency and Language Standards - Interdisciplinary Foundations of Academic and Professional Literacy - image 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/technical-proficiency-and-esl/svg/1Technical Proficiency and Language Standards diagram 1Technical Proficiency and Language Standards - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/technical-proficiency-and-esl/svg/2Technical Proficiency and Language Standards diagram 2Technical Proficiency and Language Standards - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 2https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/professional-development-and-success/svg/1Professional Development and College Success diagram 1Professional Development and College Success - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/professional-development-and-success/svg/2Professional Development and College Success diagram 2Professional Development and College Success - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 2https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/professional-development-and-success/svg/3Professional Development and College Success diagram 3Professional Development and College Success - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/2717de61-e839-4217-8d6d-15c06d7b5fd6_digital-literacy-and-soft-skills.jpegDigital Literacy and Applied Soft Skills image 1Digital Literacy and Applied Soft Skills - Interdisciplinary Foundations of Academic and Professional Literacy - image 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/digital-literacy-and-soft-skills/svg/1Digital Literacy and Applied Soft Skills diagram 1Digital Literacy and Applied Soft Skills - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/digital-literacy-and-soft-skills/svg/2Digital Literacy and Applied Soft Skills diagram 2Digital Literacy and Applied Soft Skills - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 2https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/digital-literacy-and-soft-skills/svg/3Digital Literacy and Applied Soft Skills diagram 3Digital Literacy and Applied Soft Skills - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/7fb95bf1-e67f-4c7c-b3a7-9ae61f41d1cf_economic-theory-and-social-context.jpegEconomic Theory and Social Context image 1Economic Theory and Social Context - Interdisciplinary Foundations of Academic and Professional Literacy - image 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/economic-theory-and-social-context/svg/1Economic Theory and Social Context diagram 1Economic Theory and Social Context - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/economic-theory-and-social-context/svg/2Economic Theory and Social Context diagram 2Economic Theory and Social Context - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/9857f9d4-eb72-422e-9f36-3edd9d655b36_global-perspectives-and-behavior.jpegGlobal Perspectives and Human Behavior image 1Global Perspectives and Human Behavior - Interdisciplinary Foundations of Academic and Professional Literacy - image 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/global-perspectives-and-behavior/svg/1Global Perspectives and Human Behavior diagram 1Global Perspectives and Human Behavior - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/global-perspectives-and-behavior/svg/2Global Perspectives and Human Behavior diagram 2Global Perspectives and Human Behavior - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/5afc4b7f-c7d4-4b3d-b3bd-695dc60ff1ff_bus202-principles-of-finance.jpegBUS202: Principles of Finance image 1BUS202: Principles of Finance - Interdisciplinary Foundations of Academic and Professional Literacy - image 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/bus202-principles-of-finance/svg/1BUS202: Principles of Finance diagram 1BUS202: Principles of Finance - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 1https://www.getlykke.com/explore/public/interdisciplinary-foundations-of-academic-and-professional-c42849b4-7215-4d79-8c4f-868caeef58d5/media/bus202-principles-of-finance/svg/2BUS202: Principles of Finance diagram 2BUS202: Principles of Finance - Interdisciplinary Foundations of Academic and Professional Literacy - diagram 2https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d12026-04-20T05:16:58.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-posters/9e20a4b6-f118-46ef-9242-eca432f27319_intro-melody-harmony-scales.jpegIntroduction to Melody, Harmony, and Scales image 1Introduction to Melody, Harmony, and Scales - Music Appreciation 1 - image 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/intro-melody-harmony-scales/svg/1Introduction to Melody, Harmony, and Scales diagram 1Introduction to Melody, Harmony, and Scales - Music Appreciation 1 - diagram 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/intro-melody-harmony-scales/svg/2Introduction to Melody, Harmony, and Scales diagram 2Introduction to Melody, Harmony, and Scales - Music Appreciation 1 - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/cf9fc110-9049-4f80-94e9-12206dabf75c_melody-characteristics.jpegMelody: Characteristics and Structure image 1Melody: Characteristics and Structure - Music Appreciation 1 - image 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/melody-characteristics/svg/1Melody: Characteristics and Structure diagram 1Melody: Characteristics and Structure - Music Appreciation 1 - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-posters/4cb21e6c-48bc-44dc-9125-8f4d55dc2dcf_harmony-and-intervals.jpegHarmony and Intervals image 1Harmony and Intervals - Music Appreciation 1 - image 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/harmony-and-intervals/svg/1Harmony and Intervals diagram 1Harmony and Intervals - Music Appreciation 1 - diagram 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/harmony-and-intervals/svg/2Harmony and Intervals diagram 2Harmony and Intervals - Music Appreciation 1 - diagram 2https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/harmony-and-intervals/svg/3Harmony and Intervals diagram 3Harmony and Intervals - Music Appreciation 1 - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/f8934d41-df14-461f-91b6-3c613aa7fca6_scales-and-tonality.jpegScales and Tonality image 1Scales and Tonality - Music Appreciation 1 - image 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/scales-and-tonality/svg/1Scales and Tonality diagram 1Scales and Tonality - Music Appreciation 1 - diagram 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/scales-and-tonality/svg/2Scales and Tonality diagram 2Scales and Tonality - Music Appreciation 1 - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/52c6b55c-2324-4490-9263-c7c19f40d640_musical-notation.jpegMusical Notation and the Staff image 1Musical Notation and the Staff - Music Appreciation 1 - image 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/musical-notation/svg/1Musical Notation and the Staff diagram 1Musical Notation and the Staff - Music Appreciation 1 - diagram 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/musical-notation/svg/2Musical Notation and the Staff diagram 2Musical Notation and the Staff - Music Appreciation 1 - diagram 2https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/musical-notation/svg/3Musical Notation and the Staff diagram 3Musical Notation and the Staff - Music Appreciation 1 - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/8f549765-743b-4680-9472-448401471e06_rhythm-meter-duration.jpegRhythm, Meter, and Duration image 1Rhythm, Meter, and Duration - Music Appreciation 1 - image 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/rhythm-meter-duration/svg/1Rhythm, Meter, and Duration diagram 1Rhythm, Meter, and Duration - Music Appreciation 1 - diagram 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/rhythm-meter-duration/svg/2Rhythm, Meter, and Duration diagram 2Rhythm, Meter, and Duration - Music Appreciation 1 - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/e47c6f49-8e03-4fb9-9cb6-15d492a50c83_musical-texture.jpegMusical Texture image 1Musical Texture - Music Appreciation 1 - image 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/musical-texture/svg/1Musical Texture diagram 1Musical Texture - Music Appreciation 1 - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-posters/38d778f6-6c81-48af-a149-067b5d3506b7_musical-form-phrasing.jpegMusical Form and Phrasing image 1Musical Form and Phrasing - Music Appreciation 1 - image 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/musical-form-phrasing/svg/1Musical Form and Phrasing diagram 1Musical Form and Phrasing - Music Appreciation 1 - diagram 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/musical-form-phrasing/svg/2Musical Form and Phrasing diagram 2Musical Form and Phrasing - Music Appreciation 1 - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/caec293c-5735-49fe-8fea-dac1ebb4e249_motifs-variations.jpegMotifs and Theme & Variations image 1Motifs and Theme & Variations - Music Appreciation 1 - image 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/motifs-variations/svg/1Motifs and Theme & Variations diagram 1Motifs and Theme & Variations - Music Appreciation 1 - diagram 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/motifs-variations/svg/2Motifs and Theme & Variations diagram 2Motifs and Theme & Variations - Music Appreciation 1 - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/7e66262f-0b8f-45aa-ab0b-3a39269b3e8c_tempo-and-dynamics.jpegMusical Expression: Tempo and Dynamics image 1Musical Expression: Tempo and Dynamics - Music Appreciation 1 - image 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/tempo-and-dynamics/svg/1Musical Expression: Tempo and Dynamics diagram 1Musical Expression: Tempo and Dynamics - Music Appreciation 1 - diagram 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/tempo-and-dynamics/svg/2Musical Expression: Tempo and Dynamics diagram 2Musical Expression: Tempo and Dynamics - Music Appreciation 1 - diagram 2https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/tempo-and-dynamics/svg/3Musical Expression: Tempo and Dynamics diagram 3Musical Expression: Tempo and Dynamics - Music Appreciation 1 - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/c1db9d13-7c92-4fd1-907a-12c411711f47_score-analysis.jpegCase Studies: Score Analysis image 1Case Studies: Score Analysis - Music Appreciation 1 - image 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/score-analysis/svg/1Case Studies: Score Analysis diagram 1Case Studies: Score Analysis - Music Appreciation 1 - diagram 1https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/score-analysis/svg/2Case Studies: Score Analysis diagram 2Case Studies: Score Analysis - Music Appreciation 1 - diagram 2https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1/media/score-analysis/svg/3Case Studies: Score Analysis diagram 3Case Studies: Score Analysis - Music Appreciation 1 - diagram 3https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b602026-04-20T05:14:04.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-posters/fe4a99ef-7fd1-4a0f-9fa3-96dbdcc2e478_defining-art.jpegDefining Art and Its Foundations image 1Defining Art and Its Foundations - Art - image 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/defining-art/svg/1Defining Art and Its Foundations diagram 1Defining Art and Its Foundations - Art - diagram 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/defining-art/svg/2Defining Art and Its Foundations diagram 2Defining Art and Its Foundations - Art - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/8bdce67e-abcc-49dc-891a-f69c3cb018a7_structure-of-art.jpegThe Structure of Art: Elements and Principles image 1The Structure of Art: Elements and Principles - Art - image 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/structure-of-art/svg/1The Structure of Art: Elements and Principles diagram 1The Structure of Art: Elements and Principles - Art - diagram 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/structure-of-art/svg/2The Structure of Art: Elements and Principles diagram 2The Structure of Art: Elements and Principles - Art - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/05c38842-a3ed-4aa5-87cd-559058aee252_materials-and-media.jpegSignificance of Materials and Media image 1Significance of Materials and Media - Art - image 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/materials-and-media/svg/1Significance of Materials and Media diagram 1Significance of Materials and Media - Art - diagram 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/materials-and-media/svg/2Significance of Materials and Media diagram 2Significance of Materials and Media - Art - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/eb96f592-0469-4a94-b48d-5a06b822719f_describing-art.jpegDescribing Art: Formal Analysis image 1Describing Art: Formal Analysis - Art - image 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/describing-art/svg/1Describing Art: Formal Analysis diagram 1Describing Art: Formal Analysis - Art - diagram 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/describing-art/svg/2Describing Art: Formal Analysis diagram 2Describing Art: Formal Analysis - Art - diagram 2https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/describing-art/svg/3Describing Art: Formal Analysis diagram 3Describing Art: Formal Analysis - Art - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/e165262a-a352-45a0-9248-4c3dd3661dbe_meaning-and-context.jpegMeaning in Art: Iconography and Context image 1Meaning in Art: Iconography and Context - Art - image 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/meaning-and-context/svg/1Meaning in Art: Iconography and Context diagram 1Meaning in Art: Iconography and Context - Art - diagram 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/meaning-and-context/svg/2Meaning in Art: Iconography and Context diagram 2Meaning in Art: Iconography and Context - Art - diagram 2https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/meaning-and-context/svg/3Meaning in Art: Iconography and Context diagram 3Meaning in Art: Iconography and Context - Art - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/572f8215-683d-4ec1-83a8-26cf7c94e58d_art-in-life.jpegConnecting Art to Our Lives image 1Connecting Art to Our Lives - Art - image 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/art-in-life/svg/1Connecting Art to Our Lives diagram 1Connecting Art to Our Lives - Art - diagram 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/art-in-life/svg/2Connecting Art to Our Lives diagram 2Connecting Art to Our Lives - Art - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/433229af-f12e-49ab-a03c-d7336755002e_studio-and-applied-arts.jpegStudio Arts and Applied Design image 1Studio Arts and Applied Design - Art - image 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/studio-and-applied-arts/svg/1Studio Arts and Applied Design diagram 1Studio Arts and Applied Design - Art - diagram 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/studio-and-applied-arts/svg/2Studio Arts and Applied Design diagram 2Studio Arts and Applied Design - Art - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/bffbd674-5271-4f19-a005-ad3b502172d2_museums-and-heritage.jpegMuseums, Collections, and Cultural Heritage image 1Museums, Collections, and Cultural Heritage - Art - image 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/museums-and-heritage/svg/1Museums, Collections, and Cultural Heritage diagram 1Museums, Collections, and Cultural Heritage - Art - diagram 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/museums-and-heritage/svg/2Museums, Collections, and Cultural Heritage diagram 2Museums, Collections, and Cultural Heritage - Art - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/20d21430-2683-4582-aca8-981e2734be39_art-identity-power.jpegArt, Identity, and Power image 1Art, Identity, and Power - Art - image 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/art-identity-power/svg/1Art, Identity, and Power diagram 1Art, Identity, and Power - Art - diagram 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/art-identity-power/svg/2Art, Identity, and Power diagram 2Art, Identity, and Power - Art - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/65e55174-66e3-46e8-a5ac-5f267ecc745b_history-ancient-colonial.jpegArt History: Ancient Times to the Late Colonial Era image 1Art History: Ancient Times to the Late Colonial Era - Art - image 1https://getlykke-assets.s3.amazonaws.com/wiki-posters/5852f45d-034d-48f0-bbc9-8de550342b6a_history-ancient-colonial.jpegArt History: Ancient Times to the Late Colonial Era image 2Art History: Ancient Times to the Late Colonial Era - Art - image 2https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/history-ancient-colonial/svg/1Art History: Ancient Times to the Late Colonial Era diagram 1Art History: Ancient Times to the Late Colonial Era - Art - diagram 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/history-ancient-colonial/svg/2Art History: Ancient Times to the Late Colonial Era diagram 2Art History: Ancient Times to the Late Colonial Era - Art - diagram 2https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/history-ancient-colonial/svg/3Art History: Ancient Times to the Late Colonial Era diagram 3Art History: Ancient Times to the Late Colonial Era - Art - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/ac4dedb4-6a8b-4adf-9bbc-2cec32ac966c_history-modern-era.jpegArt History: 1776 to the Present image 1Art History: 1776 to the Present - Art - image 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/history-modern-era/svg/1Art History: 1776 to the Present diagram 1Art History: 1776 to the Present - Art - diagram 1https://www.getlykke.com/explore/public/art-88f56009-339e-48a7-bd5a-f35637351b60/media/history-modern-era/svg/2Art History: 1776 to the Present diagram 2Art History: 1776 to the Present - Art - diagram 2https://www.getlykke.com/explore/public/art-appreciation-3649a4e5-5f1b-411b-a85e-f38aab8a95352026-04-20T05:14:04.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-posters/103cd795-a7c8-4fb6-b55c-2eb101092fc0_visual-language-formal-analysis.jpegThe Language of Art: Formal Analysis image 1The Language of Art: Formal Analysis - Art Appreciation - image 1https://www.getlykke.com/explore/public/art-appreciation-3649a4e5-5f1b-411b-a85e-f38aab8a9535/media/visual-language-formal-analysis/svg/1The Language of Art: Formal Analysis diagram 1The Language of Art: Formal Analysis - Art Appreciation - diagram 1https://www.getlykke.com/explore/public/art-appreciation-3649a4e5-5f1b-411b-a85e-f38aab8a9535/media/visual-language-formal-analysis/svg/2The Language of Art: Formal Analysis diagram 2The Language of Art: Formal Analysis - Art Appreciation - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/26b6e899-3d12-4332-b8fa-7396ec85dc38_media-and-process.jpegMedia and Artistic Processes image 1Media and Artistic Processes - Art Appreciation - image 1https://www.getlykke.com/explore/public/art-appreciation-3649a4e5-5f1b-411b-a85e-f38aab8a9535/media/media-and-process/svg/1Media and Artistic Processes diagram 1Media and Artistic Processes - Art Appreciation - diagram 1https://www.getlykke.com/explore/public/art-appreciation-3649a4e5-5f1b-411b-a85e-f38aab8a9535/media/media-and-process/svg/2Media and Artistic Processes diagram 2Media and Artistic Processes - Art Appreciation - diagram 2https://www.getlykke.com/explore/public/art-appreciation-3649a4e5-5f1b-411b-a85e-f38aab8a9535/media/media-and-process/svg/3Media and Artistic Processes diagram 3Media and Artistic Processes - Art Appreciation - diagram 3https://getlykke-assets.s3.amazonaws.com/wiki-posters/ff05addc-a381-4971-afb5-5bdf954cb58d_art-history-and-context.jpegArt in Context: History and Culture image 1Art in Context: History and Culture - Art Appreciation - image 1https://www.getlykke.com/explore/public/art-appreciation-3649a4e5-5f1b-411b-a85e-f38aab8a9535/media/art-history-and-context/svg/1Art in Context: History and Culture diagram 1Art in Context: History and Culture - Art Appreciation - diagram 1https://getlykke-assets.s3.amazonaws.com/wiki-posters/a193a540-e421-4a50-81ee-b4922a50ca80_interpretation-and-critique.jpegInterpretation and the Role of the Viewer image 1Interpretation and the Role of the Viewer - Art Appreciation - image 1https://www.getlykke.com/explore/public/art-appreciation-3649a4e5-5f1b-411b-a85e-f38aab8a9535/media/interpretation-and-critique/svg/1Interpretation and the Role of the Viewer diagram 1Interpretation and the Role of the Viewer - Art Appreciation - diagram 1https://www.getlykke.com/explore/public/art-appreciation-3649a4e5-5f1b-411b-a85e-f38aab8a9535/media/interpretation-and-critique/svg/2Interpretation and the Role of the Viewer diagram 2Interpretation and the Role of the Viewer - Art Appreciation - diagram 2https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c2026-04-20T05:12:40.000Zhttps://getlykke-assets.s3.amazonaws.com/wiki-posters/352a7b43-6e98-4851-9dda-066f08463eba_foundations-of-literature-and-literacy.jpegFoundations of Literature and Literacy image 1Foundations of Literature and Literacy - Literature and Literacy - image 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/foundations-of-literature-and-literacy/svg/1Foundations of Literature and Literacy diagram 1Foundations of Literature and Literacy - Literature and Literacy - diagram 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/foundations-of-literature-and-literacy/svg/2Foundations of Literature and Literacy diagram 2Foundations of Literature and Literacy - Literature and Literacy - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/4bc462a8-bce8-4955-87a2-76ec0a52b20a_world-literature-and-genre-studies.jpegWorld Literature and Genre Studies image 1World Literature and Genre Studies - Literature and Literacy - image 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/world-literature-and-genre-studies/svg/1World Literature and Genre Studies diagram 1World Literature and Genre Studies - Literature and Literacy - diagram 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/world-literature-and-genre-studies/svg/2World Literature and Genre Studies diagram 2World Literature and Genre Studies - Literature and Literacy - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/a4029d8c-9002-4be0-a9d6-70c14368c66d_classical-and-medieval-traditions.jpegClassical and Medieval Traditions image 1Classical and Medieval Traditions - Literature and Literacy - image 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/classical-and-medieval-traditions/svg/1Classical and Medieval Traditions diagram 1Classical and Medieval Traditions - Literature and Literacy - diagram 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/classical-and-medieval-traditions/svg/2Classical and Medieval Traditions diagram 2Classical and Medieval Traditions - Literature and Literacy - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/68cb7d0e-8550-445c-94c8-7fa5f63b2e7f_british-and-irish-literary-evolution.jpegBritish and Irish Literary Evolution image 1British and Irish Literary Evolution - Literature and Literacy - image 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/british-and-irish-literary-evolution/svg/1British and Irish Literary Evolution diagram 1British and Irish Literary Evolution - Literature and Literacy - diagram 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/british-and-irish-literary-evolution/svg/2British and Irish Literary Evolution diagram 2British and Irish Literary Evolution - Literature and Literacy - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/b28688ab-d864-4444-9ff6-95a0c454445c_reading-and-interpreting-literary-texts.jpegReading and Interpreting Literary Texts image 1Reading and Interpreting Literary Texts - Literature and Literacy - image 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/reading-and-interpreting-literary-texts/svg/1Reading and Interpreting Literary Texts diagram 1Reading and Interpreting Literary Texts - Literature and Literacy - diagram 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/reading-and-interpreting-literary-texts/svg/2Reading and Interpreting Literary Texts diagram 2Reading and Interpreting Literary Texts - Literature and Literacy - diagram 2https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/pre-contact-and-colonial-encounters/svg/1Pre-contact and Colonial Encounters diagram 1Pre-contact and Colonial Encounters - Literature and Literacy - diagram 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/pre-contact-and-colonial-encounters/svg/2Pre-contact and Colonial Encounters diagram 2Pre-contact and Colonial Encounters - Literature and Literacy - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/e02a3692-ef40-47d9-af3d-36e72fb8dd86_early-american-and-puritan-literature.jpegEarly American and Puritan Literature (1650–1750) image 1Early American and Puritan Literature (1650–1750) - Literature and Literacy - image 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/early-american-and-puritan-literature/svg/1Early American and Puritan Literature (1650–1750) diagram 1Early American and Puritan Literature (1650–1750) - Literature and Literacy - diagram 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/early-american-and-puritan-literature/svg/2Early American and Puritan Literature (1650–1750) diagram 2Early American and Puritan Literature (1650–1750) - Literature and Literacy - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/fe8cadc7-1f5d-46fe-bdcd-5e6fc51ca65c_enlightenment-and-revolutionary-literatu.jpegEnlightenment and Revolutionary Literature (1760–1820) image 1Enlightenment and Revolutionary Literature (1760–1820) - Literature and Literacy - image 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/enlightenment-and-revolutionary-literature/svg/1Enlightenment and Revolutionary Literature (1760–1820) diagram 1Enlightenment and Revolutionary Literature (1760–1820) - Literature and Literacy - diagram 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/enlightenment-and-revolutionary-literature/svg/2Enlightenment and Revolutionary Literature (1760–1820) diagram 2Enlightenment and Revolutionary Literature (1760–1820) - Literature and Literacy - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/735fb631-7d30-4681-b501-b28c0d338249_american-romanticism-and-transcendentali.jpegAmerican Romanticism and Transcendentalism (1820–1860) image 1American Romanticism and Transcendentalism (1820–1860) - Literature and Literacy - image 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/american-romanticism-and-transcendentalism/svg/1American Romanticism and Transcendentalism (1820–1860) diagram 1American Romanticism and Transcendentalism (1820–1860) - Literature and Literacy - diagram 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/american-romanticism-and-transcendentalism/svg/2American Romanticism and Transcendentalism (1820–1860) diagram 2American Romanticism and Transcendentalism (1820–1860) - Literature and Literacy - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/f918a08f-cabf-41ec-97eb-4f8920e39657_abolition-civil-war-and-realism.jpegAbolition, Civil War, and the Rise of Realism image 1Abolition, Civil War, and the Rise of Realism - Literature and Literacy - image 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/abolition-civil-war-and-realism/svg/1Abolition, Civil War, and the Rise of Realism diagram 1Abolition, Civil War, and the Rise of Realism - Literature and Literacy - diagram 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/abolition-civil-war-and-realism/svg/2Abolition, Civil War, and the Rise of Realism diagram 2Abolition, Civil War, and the Rise of Realism - Literature and Literacy - diagram 2https://getlykke-assets.s3.amazonaws.com/wiki-posters/861aa231-f960-436e-9a37-e5bd495ece52_writing-and-critical-analysis.jpegWriting and Critical Analysis image 1Writing and Critical Analysis - Literature and Literacy - image 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/writing-and-critical-analysis/svg/1Writing and Critical Analysis diagram 1Writing and Critical Analysis - Literature and Literacy - diagram 1https://www.getlykke.com/explore/public/literature-and-literacy-a0828b3b-a6ea-4412-ba89-06697f45047c/media/writing-and-critical-analysis/svg/2Writing and Critical Analysis diagram 2Writing and Critical Analysis - Literature and Literacy - diagram 2https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b2026-04-20T05:11:21.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1px">THE OER ECOSYSTEM</text> <text x="450" y="78" text-anchor="middle" font-family="system-ui, sans-serif" font-size="15" fill="#94a3b8" font-weight="400">Transforming Static Content into Dynamic Learning Architecture</text> <line x1="350" y1="95" x2="550" y2="95" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <!-- Left Panel: The 5 Rs Framework --> <rect x="40" y="120" width="400" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="150" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE 5 Rs FRAMEWORK</text> <text x="60" y="170" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">The legal pillars of Open Educational Resources</text> <!-- R1: Retain --> <g transform="translate(60, 195)"> <circle r="15" cx="15" cy="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M10 15h10M15 10v10" stroke="#f59e0b" stroke-width="2" stroke-linecap="round" transform="rotate(45 15 15)"/> <text x="45" y="14" font-family="system-ui, sans-serif" font-weight="700" font-size="14" fill="#f8fafc">RETAIN</text> <text x="45" y="28" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">The right to make, own, and control copies.</text> </g> <!-- R2: Reuse --> <g transform="translate(60, 250)"> <circle r="15" cx="15" cy="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M10 15a5 5 0 1 1 5 5m0-10l3 3-3 3" fill="none" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/> <text x="45" y="14" font-family="system-ui, sans-serif" font-weight="700" font-size="14" fill="#f8fafc">REUSE</text> <text x="45" y="28" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">The right to use content in diverse ways.</text> </g> <!-- R3: Revise --> <g transform="translate(60, 305)"> <circle r="15" cx="15" cy="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M10 20l10-10 2 2-10 10-2-2z" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="45" y="14" font-family="system-ui, sans-serif" font-weight="700" font-size="14" fill="#f8fafc">REVISE</text> <text x="45" y="28" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">The right to adapt, adjust, or modify.</text> </g> <!-- R4: Remix --> <g transform="translate(60, 360)"> <circle r="15" cx="15" cy="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <circle cx="12" cy="15" r="5" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <circle cx="18" cy="15" r="5" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="45" y="14" font-family="system-ui, sans-serif" font-weight="700" font-size="14" fill="#f8fafc">REMIX</text> <text x="45" y="28" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">The right to combine with other materials.</text> </g> <!-- R5: Redistribute --> <g transform="translate(60, 415)"> <circle r="15" cx="15" cy="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <circle cx="15" cy="12" r="2" fill="#f59e0b"/> <circle cx="11" cy="18" r="2" fill="#f59e0b"/> <circle cx="19" cy="18" r="2" fill="#f59e0b"/> <path d="M15 12l-4 6M15 12l4 6" stroke="#f59e0b" stroke-width="1.5"/> <text x="45" y="14" font-family="system-ui, sans-serif" font-weight="700" font-size="14" fill="#f8fafc">REDISTRIBUTE</text> <text x="45" y="28" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">The right to share copies with others.</text> </g> <!-- Right Top Panel: Digital Courseware Stack --> <rect x="460" y="120" width="400" height="210" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="150" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">MODERN TECH STACK</text> <!-- Stack Layers --> <g transform="translate(480, 170)"> <!-- Layer 3 --> <rect x="0" y="100" width="360" height="30" rx="4" fill="#38bdf820" stroke="#38bdf8"/> <text x="180" y="120" text-anchor="middle" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">LMS INTEGRATION (LTI)</text> <!-- Layer 2 --> <rect x="20" y="65" width="320" height="30" rx="4" fill="#38bdf840" stroke="#38bdf8"/> <text x="180" y="85" text-anchor="middle" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">ASSESSMENT ENGINES</text> <!-- Layer 1 --> <rect x="40" y="30" width="280" height="30" rx="4" fill="#38bdf8" stroke="#38bdf8"/> <text x="180" y="50" text-anchor="middle" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" fill="#0f172a">ANALYTICS LAYER</text> <path d="M180 25V10" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <text x="180" y="5" text-anchor="middle" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8" font-style="italic">Continuous Improvement Loop</text> </g> <!-- Right Bottom Panel: Creative Commons --> <rect x="460" y="345" width="400" height="175" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="375" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#e879f9">LICENSING (CC)</text> <g transform="translate(480, 395)"> <!-- BY --> <circle cx="30" cy="30" r="25" fill="#e879f915" stroke="#e879f9" stroke-width="1.5"/> <text x="30" y="36" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="bold" font-size="16" fill="#e879f9">BY</text> <text x="30" y="70" text-anchor="middle" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">Attribution</text> <!-- SA --> <circle cx="110" cy="30" r="25" fill="#e879f915" stroke="#e879f9" stroke-width="1.5"/> <text x="110" y="36" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="bold" font-size="16" fill="#e879f9">SA</text> <text x="110" y="70" text-anchor="middle" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">ShareAlike</text> <!-- NC --> <circle cx="190" cy="30" r="25" fill="#e879f915" stroke="#e879f9" stroke-width="1.5"/> <text x="190" y="36" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="bold" font-size="16" fill="#e879f9">NC</text> <text x="190" y="70" text-anchor="middle" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">Non-Comm.</text> <!-- ND --> <circle cx="270" cy="30" r="25" fill="#ffffff10" stroke="#94a3b8" stroke-width="1.5" stroke-dasharray="3 2"/> <text x="270" y="36" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="bold" font-size="16" fill="#94a3b8">ND</text> <text x="270" y="70" text-anchor="middle" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">Non-Deriv.</text> <text x="0" y="100" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8" font-style="italic">Note: ND (No Derivatives) is not considered true OER.</text> </g> <!-- Footer --> <text x="860" y="540" text-anchor="end" font-family="system-ui, sans-serif" font-size="10" fill="#ffffff30">LUMEN LEARNING // COURSE INTRODUCTION</text> </svg>Course Introduction and Open Educational Resources image 1Course Introduction and Open Educational Resources - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/course-introduction-oer/svg/1Course Introduction and Open Educational Resources diagram 1Course Introduction and Open Educational Resources - Introduction to Literature - diagram 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/course-introduction-oer/svg/2Course Introduction and Open Educational Resources diagram 2Course Introduction and Open Educational Resources - Introduction to Literature - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Textures --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">DEFINING LITERATURE &amp; ACADEMIC STANDARDS</text> <rect x="350" y="70" width="200" height="4" fill="url(#accentGrad)" rx="2"/> <text x="450" y="95" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" font-style="italic">From "Great Books" to Dynamic Systems of Human Expression</text> <!-- Left Column: The Evolution Timeline --> <rect x="30" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="50" y="160" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">I. EVOLUTION OF SCOPE</text> <!-- Timeline Path --> <path d="M 60 190 L 60 480" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4" opacity="0.4"/> <!-- Era 1 --> <circle cx="60" cy="200" r="6" fill="#38bdf8"/> <text x="75" y="200" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">CLASSICAL / MEDIEVAL</text> <text x="75" y="218" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Litteratura: General learning &amp; grammar.</text> <!-- Era 2 --> <circle cx="60" cy="270" r="6" fill="#38bdf8"/> <text x="75" y="270" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">RENAISSANCE</text> <text x="75" y="288" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Belles-lettres: Rhetoric and style.</text> <!-- Era 3 --> <circle cx="60" cy="340" r="6" fill="#38bdf8"/> <text x="75" y="340" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">ROMANTIC / VICTORIAN</text> <text x="75" y="358" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Imaginative Art: The "Genius" author.</text> <!-- Era 4 --> <circle cx="60" cy="410" r="6" fill="#38bdf8"/> <text x="75" y="410" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">POST-MODERN</text> <text x="75" y="428" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Textuality: Inclusive of all cultural artifacts.</text> <!-- Center Column: The Mechanics of Merit --> <rect x="310" y="130" width="280" height="220" rx="16" fill="#ffffff12" stroke="#f59e0b" stroke-width="1" stroke-opacity="0.3"/> <text x="330" y="160" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">II. THE CANON FORMULA</text> <!-- Formula Box --> <rect x="330" y="180" width="240" height="60" rx="8" fill="#00000044"/> <text x="450" y="218" text-anchor="middle" font-family="Georgia, serif" font-size="22" fill="#f8fafc">C(t) = ∫ (A·S + I·R) dt</text> <!-- Variables --> <g font-family="Arial, sans-serif" font-size="11" fill="#94a3b8"> <text x="335" y="265"><tspan fill="#f59e0b" font-weight="bold">A</tspan> Aesthetic Innovation</text> <text x="335" y="285"><tspan fill="#f59e0b" font-weight="bold">S</tspan> Semantic Density</text> <text x="465" y="265"><tspan fill="#f59e0b" font-weight="bold">I</tspan> Intertextual Influence</text> <text x="465" y="285"><tspan fill="#f59e0b" font-weight="bold">R</tspan> Cultural Resonance</text> </g> <text x="330" y="320" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc" font-style="italic" opacity="0.8">"Canonicity is a function of formal uniqueness</text> <text x="330" y="335" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc" font-style="italic" opacity="0.8">multiplied by its impact over time."</text> <!-- Bottom Center: Oral Tradition --> <rect x="310" y="370" width="280" height="150" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="330" y="400" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">III. ORAL ROOTS</text> <path d="M 330 420 Q 450 410 570 420" stroke="#38bdf8" fill="none" stroke-width="1" opacity="0.5"/> <g font-family="Arial, sans-serif" font-size="12" fill="#f8fafc"> <circle cx="340" cy="435" r="3" fill="#e879f9"/> <text x="350" y="439">Mnemonic Devices (Epithets)</text> <circle cx="340" cy="460" r="3" fill="#e879f9"/> <text x="350" y="464">Rhythmic Meter &amp; Performance</text> <circle cx="340" cy="485" r="3" fill="#e879f9"/> <text x="350" y="489">Codification into Sacred Text</text> </g> <!-- Right Column: Standards Comparison --> <rect x="610" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="630" y="160" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">IV. ACADEMIC SHIFT</text> <!-- Traditional Card --> <rect x="625" y="180" width="230" height="85" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="635" y="200" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">TRADITIONAL (CANONICAL)</text> <text x="635" y="220" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">• Focus on "Individual Genius"</text> <text x="635" y="235" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">• Universal Human "Truths"</text> <text x="635" y="250" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">• The Printed Book as Primary</text> <!-- Modern Card --> <rect x="625" y="280" width="230" height="85" rx="8" fill="#e879f915" stroke="#e879f944"/> <text x="635" y="300" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#e879f9">MODERN (INCLUSIVE)</text> <text x="635" y="320" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">• Marginalized Perspectives</text> <text x="635" y="335" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">• Social &amp; Political Critique</text> <text x="635" y="350" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">• Multi-modal / Digital Media</text> <!-- MLA Standard Highlight --> <rect x="625" y="380" width="230" height="125" rx="8" fill="#38bdf810" stroke="#38bdf844"/> <text x="635" y="405" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">MLA STANDARDS</text> <text x="635" y="425" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">Standardized Rigor:</text> <text x="635" y="440" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Ensures scholarly conversations</text> <text x="635" y="455" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">are traceable and objective.</text> <path d="M 635 475 L 845 475" stroke="#38bdf8" stroke-width="1" opacity="0.3"/> <text x="635" y="495" font-family="Arial, sans-serif" font-size="10" fill="#38bdf8" font-style="italic">Subjective Appreciation → Objective Criticism</text> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="#e879f9" opacity="0.1"/> <circle cx="50" cy="510" r="40" fill="#38bdf8" opacity="0.05"/> <rect x="880" y="0" width="20" height="560" fill="url(#accentGrad)" opacity="0.2"/> </svg>Defining Literature and Academic Standards image 1Defining Literature and Academic Standards - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/defining-literature-academic-standards/svg/1Defining Literature and Academic Standards diagram 1Defining Literature and Academic Standards - Introduction to Literature - diagram 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/defining-literature-academic-standards/svg/2Defining Literature and Academic Standards diagram 2Defining Literature and Academic Standards - Introduction to Literature - diagram 2https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/defining-literature-academic-standards/svg/3Defining Literature and Academic Standards diagram 3Defining Literature and Academic Standards - Introduction to Literature - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="blur"> <feGaussianBlur in="SourceGraphic" stdDeviation="3" /> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Decorative Elements --> <circle cx="850" cy="50" r="100" fill="#38bdf8" fill-opacity="0.05" filter="url(#blur)"/> <circle cx="50" cy="510" r="80" fill="#e879f9" fill-opacity="0.05" filter="url(#blur)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="-0.5">LITERARY REVERSE ENGINEERING</text> <text x="40" y="85" font-family="sans-serif" font-size="16" font-weight="400" fill="#94a3b8">Transitioning from Passive Consumption to Forensic Analysis</text> <rect x="40" y="105" width="120" height="4" rx="2" fill="url(#accentGrad)"/> <!-- Main Comparison Panels --> <!-- Left Side: The Consumer --> <rect x="40" y="140" width="400" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <circle cx="80" cy="180" r="20" fill="#38bdf820"/> <path d="M72 180 L88 180 M80 172 L80 188" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <text x="110" y="185" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">The Consumer</text> <text x="70" y="230" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">GOAL: Emotional Immersion</text> <text x="70" y="250" font-family="sans-serif" font-size="12" fill="#94a3b8">Focuses on narrative content and plot resolution.</text> <text x="70" y="290" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">TEMPORAL VIEW: Linear</text> <text x="70" y="310" font-family="sans-serif" font-size="12" fill="#94a3b8">Moving forward to see "what happens next."</text> <path d="M70 350 L370 350" stroke="#ffffff20" stroke-width="1" stroke-dasharray="4 4"/> <text x="70" y="380" font-family="sans-serif" font-size="13" font-style="italic" fill="#f8fafc">"What happens to the character?"</text> <!-- Right Side: The Architect --> <rect x="460" y="140" width="400" height="280" rx="16" fill="#ffffff12" stroke="#ffffff25" stroke-width="1"/> <circle cx="500" cy="180" r="20" fill="#f59e0b20"/> <rect x="492" y="172" width="16" height="16" stroke="#f59e0b" stroke-width="2" fill="none"/> <text x="530" y="185" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">The Architect</text> <text x="490" y="230" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">GOAL: Technique Identification</text> <text x="490" y="250" font-family="sans-serif" font-size="12" fill="#94a3b8">Focuses on syntax, diction, and structural choices.</text> <text x="490" y="290" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">TEMPORAL VIEW: Recursive</text> <text x="490" y="310" font-family="sans-serif" font-size="12" fill="#94a3b8">Back-and-forth analysis of linguistic patterns.</text> <path d="M490 350 L790 350" stroke="#ffffff20" stroke-width="1" stroke-dasharray="4 4"/> <text x="490" y="380" font-family="sans-serif" font-size="13" font-style="italic" fill="#f8fafc">"Why did the author use this specific metaphor?"</text> <!-- Bottom Section: Toolkits --> <rect x="40" y="440" width="820" height="90" rx="16" fill="#ffffff05" stroke="#ffffff10" stroke-width="1"/> <!-- Tool 1: Computational --> <rect x="65" y="465" width="40" height="40" rx="8" fill="#e879f920"/> <text x="75" y="492" font-family="monospace" font-size="18" font-weight="bold" fill="#e879f9">{ }</text> <text x="115" y="478" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">Stylistic Decomposition</text> <text x="115" y="495" font-family="sans-serif" font-size="11" fill="#94a3b8">Python/spaCy for POS density</text> <text x="115" y="508" font-family="sans-serif" font-size="11" fill="#94a3b8">and syntactic mapping.</text> <!-- Divider --> <line x1="330" y1="460" x2="330" y2="510" stroke="#ffffff10" stroke-width="1"/> <!-- Tool 2: Scansion --> <rect x="355" y="465" width="40" height="40" rx="8" fill="#38bdf820"/> <path d="M365 490 L375 480 L385 490" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="405" y="478" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">Metrical Scansion</text> <text x="405" y="495" font-family="sans-serif" font-size="11" fill="#94a3b8">Mapping stressed (/) and</text> <text x="405" y="508" font-family="sans-serif" font-size="11" fill="#94a3b8">unstressed (x) syllables.</text> <!-- Divider --> <line x1="600" y1="460" x2="600" y2="510" stroke="#ffffff10" stroke-width="1"/> <!-- Tool 3: Lenses --> <rect x="625" y="465" width="40" height="40" rx="8" fill="#f59e0b20"/> <circle cx="645" cy="485" r="10" stroke="#f59e0b" stroke-width="2" fill="none"/> <line x1="652" y1="492" x2="660" y2="500" stroke="#f59e0b" stroke-width="2"/> <text x="675" y="478" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">Theoretical Lenses</text> <text x="675" y="495" font-family="sans-serif" font-size="11" fill="#94a3b8">Formalism, New Historicism,</text> <text x="675" y="508" font-family="sans-serif" font-size="11" fill="#94a3b8">and Psychoanalytic frameworks.</text> <!-- Center Icon Connector --> <circle cx="450" cy="280" r="30" fill="#1e1b4b" stroke="#ffffff20" stroke-width="1"/> <path d="M440 280 L460 280 M450 270 L450 290" stroke="url(#accentGrad)" stroke-width="3" stroke-linecap="round"/> </svg>Reading and Research Strategies image 1Reading and Research Strategies - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/reading-and-research-strategies/svg/1Reading and Research Strategies diagram 1Reading and Research Strategies - Introduction to Literature - diagram 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/reading-and-research-strategies/svg/2Reading and Research Strategies diagram 2Reading and Research Strategies - Introduction to Literature - diagram 2https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/reading-and-research-strategies/svg/3Reading and Research Strategies diagram 3Reading and Research Strategies - Introduction to Literature - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="50%" stop-color="#e879f9"/> <stop offset="100%" stop-color="#f59e0b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">THE GEOMETRY OF CONFLICT</text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">NARRATOLOGY // SYSTEMIC PLOT DESIGN</text> <line x1="40" y1="90" x2="860" y2="90" stroke="url(#accentGrad)" stroke-width="2" stroke-linecap="round"/> <!-- Left Panel: The Conflict Gradient --> <rect x="40" y="115" width="240" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">CONFLICT GRADIENT</text> <!-- Gradient Levels --> <g transform="translate(60, 170)"> <!-- Macro --> <rect width="200" height="80" rx="8" fill="#ffffff08"/> <text x="10" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">MACRO: EXISTENTIAL</text> <text x="10" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Global stakes, planetary collision,</text> <text x="10" y="60" font-family="sans-serif" font-size="11" fill="#94a3b8">civilizational collapse.</text> <!-- Meso --> <rect y="90" width="200" height="80" rx="8" fill="#ffffff08"/> <text x="10" y="115" font-family="sans-serif" font-weight="700" font-size="14" fill="#e879f9">MESO: INSTITUTIONAL</text> <text x="10" y="135" font-family="sans-serif" font-size="11" fill="#94a3b8">Social systems, legal battles,</text> <text x="10" y="150" font-family="sans-serif" font-size="11" fill="#94a3b8">corporate or class struggle.</text> <!-- Micro --> <rect y="180" width="200" height="80" rx="8" fill="#ffffff08"/> <text x="10" y="205" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">MICRO: INTERPERSONAL</text> <text x="10" y="225" font-family="sans-serif" font-size="11" fill="#94a3b8">Immediate disputes, domestic</text> <text x="10" y="240" font-family="sans-serif" font-size="11" fill="#94a3b8">tension, personal betrayal.</text> </g> <!-- Center Panel: The Narrative Engine --> <rect x="300" y="115" width="300" height="340" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="450" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc" text-anchor="middle">THE NARRATIVE ENGINE</text> <!-- Vector Diagram --> <g transform="translate(330, 200)"> <!-- Axes --> <line x1="0" y1="180" x2="240" y2="180" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4"/> <line x1="0" y1="180" x2="0" y2="20" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4"/> <text x="245" y="185" font-family="sans-serif" font-size="10" fill="#94a3b8">TIME (Fabula)</text> <text x="-5" y="15" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="end" transform="rotate(-90 -5 15)">TENSION</text> <!-- Stasis Line --> <line x1="0" y1="160" x2="60" y2="160" stroke="#38bdf8" stroke-width="3"/> <circle cx="60" cy="160" r="4" fill="#f59e0b"/> <text x="65" y="150" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b">INCITING INCIDENT</text> <!-- Kinetic Energy Curve --> <path d="M 60 160 Q 120 160, 180 60 T 240 20" fill="none" stroke="url(#accentGrad)" stroke-width="4" stroke-linecap="round"/> <!-- Vector C --> <line x1="120" y1="130" x2="160" y2="80" stroke="#f8fafc" stroke-width="2" marker-end="url(#arrowhead)"/> <text x="145" y="115" font-family="serif" font-style="italic" font-size="16" fill="#f8fafc">C⃗</text> </g> <text x="450" y="420" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle" font-style="italic">"Character is Plot; Plot is Character."</text> <text x="450" y="440" font-family="sans-serif" font-size="11" fill="#64748b" text-anchor="middle">Pressure reveals the core values beneath the mask.</text> <!-- Right Panel: Taxonomy of Struggle --> <rect x="620" y="115" width="240" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="640" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">OUTER CONFLICT</text> <g transform="translate(640, 170)"> <!-- Man vs Man --> <circle cx="15" cy="15" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <path d="M 10 10 L 20 20 M 20 10 L 10 20" stroke="#38bdf8" stroke-width="2"/> <text x="35" y="15" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">MAN vs. MAN</text> <text x="35" y="30" font-family="sans-serif" font-size="10" fill="#94a3b8">Clash of sentient wills.</text> <!-- Man vs Nature --> <g transform="translate(0, 55)"> <circle cx="15" cy="15" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <path d="M 8 20 Q 15 5 22 20" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="35" y="15" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">MAN vs. NATURE</text> <text x="35" y="30" font-family="sans-serif" font-size="10" fill="#94a3b8">Survival against indifference.</text> </g> <!-- Man vs Society --> <g transform="translate(0, 110)"> <circle cx="15" cy="15" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <rect x="10" y="10" width="10" height="10" fill="#e879f9"/> <text x="35" y="15" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">MAN vs. SOCIETY</text> <text x="35" y="30" font-family="sans-serif" font-size="10" fill="#94a3b8">Systemic / Ideological struggle.</text> </g> <!-- Man vs Fate --> <g transform="translate(0, 165)"> <circle cx="15" cy="15" r="12" fill="#94a3b820" stroke="#94a3b8" stroke-width="1"/> <circle cx="15" cy="15" r="4" fill="#94a3b8"/> <text x="35" y="15" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">MAN vs. FATE</text> <text x="35" y="30" font-family="sans-serif" font-size="10" fill="#94a3b8">Metaphysical determinism.</text> </g> </g> <!-- Footer Quote --> <rect x="40" y="475" width="820" height="60" rx="12" fill="#00000030"/> <text x="450" y="500" font-family="serif" font-size="14" fill="#f8fafc" text-anchor="middle" font-style="italic">"A narrative in a state of stasis will remain in stasis unless acted upon by an external or internal force."</text> <text x="450" y="520" font-family="sans-serif" font-weight="700" font-size="11" fill="#38bdf8" text-anchor="middle" letter-spacing="2">— THE LAW OF NARRATIVE INERTIA</text> <!-- Arrowhead definition --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#f8fafc" /> </marker> </defs> </svg>Narrative Elements: Conflict and Plot image 1Narrative Elements: Conflict and Plot - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/narrative-elements-conflict-and-plot/svg/1Narrative Elements: Conflict and Plot diagram 1Narrative Elements: Conflict and Plot - Introduction to Literature - diagram 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/narrative-elements-conflict-and-plot/svg/2Narrative Elements: Conflict and Plot diagram 2Narrative Elements: Conflict and Plot - Introduction to Literature - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">LITERARY ELEMENTS: THE SEMANTIC LAYER</text> <path d="M 300 65 L 600 65" stroke="url(#accentGrad)" stroke-width="3" stroke-linecap="round"/> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2">THE ARCHITECTURE OF THEME &amp; SYMBOLISM</text> <!-- Left Column: THEME --> <rect x="40" y="110" width="400" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="80" cy="145" r="18" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <path d="M 74 145 L 86 145 M 80 139 L 80 151" stroke="#f59e0b" stroke-width="2"/> <text x="110" y="152" font-family="sans-serif" font-weight="700" font-size="22" fill="#f59e0b">THEME</text> <text x="110" y="170" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Objective Function" of Narrative</text> <!-- Theme Content: Concept vs Statement --> <rect x="60" y="195" width="360" height="85" rx="8" fill="#00000033"/> <text x="75" y="215" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Thematic Concept vs. Statement</text> <text x="75" y="238" font-family="sans-serif" font-size="12" fill="#94a3b8">Concept (Topic):</text> <text x="180" y="238" font-family="sans-serif" font-weight="600" font-size="12" fill="#38bdf8">"War" or "Greed"</text> <text x="75" y="260" font-family="sans-serif" font-size="12" fill="#94a3b8">Statement (Truth):</text> <text x="180" y="260" font-family="sans-serif" font-weight="600" font-size="12" fill="#e879f9">"Greed erodes the social fabric."</text> <!-- Theme Extraction Flow --> <text x="75" y="310" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Thematic Extraction (Induction)</text> <g transform="translate(60, 330)"> <rect width="80" height="40" rx="4" fill="#ffffff11"/> <text x="40" y="25" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Character Arc</text> <path d="M 80 20 L 100 20" stroke="#94a3b8" stroke-dasharray="2,2"/> <rect x="100" width="80" height="40" rx="4" fill="#ffffff11"/> <text x="140" y="25" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Conflict Res.</text> <path d="M 180 20 L 200 20" stroke="#94a3b8" stroke-dasharray="2,2"/> <rect x="200" width="100" height="40" rx="4" fill="#f59e0b33" stroke="#f59e0b55"/> <text x="250" y="25" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="11" fill="#f59e0b">UNIVERSAL TRUTH</text> </g> <text x="75" y="405" font-family="sans-serif" font-size="12" fill="#94a3b8" width="330"> <tspan x="75" dy="0">Theme acts as the high-level algorithm. It ensures</tspan> <tspan x="75" dy="18">every plot module serves a unified purpose.</tspan> </text> <!-- Right Column: SYMBOLISM --> <rect x="460" y="110" width="400" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="500" cy="145" r="18" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <path d="M 495 150 L 505 140 M 505 140 L 500 140 M 505 140 L 505 145" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="530" y="152" font-family="sans-serif" font-weight="700" font-size="22" fill="#38bdf8">SYMBOLISM</text> <text x="530" y="170" font-family="sans-serif" font-size="12" fill="#94a3b8">The Pointer System of Literature</text> <!-- Symbolism Mapping Function --> <rect x="480" y="195" width="360" height="85" rx="8" fill="#00000033"/> <text x="495" y="215" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Mapping Function: f: L → A</text> <circle cx="530" cy="245" r="15" fill="#38bdf844" stroke="#38bdf8"/> <text x="530" y="249" text-anchor="middle" font-family="serif" font-size="12" fill="#f8fafc">L</text> <text x="530" y="272" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">LITERAL</text> <path d="M 555 245 L 615 245" stroke="#f8fafc" stroke-width="2" marker-end="url(#arrowhead)"/> <text x="585" y="235" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#e879f9">POINTER</text> <rect x="625" y="230" width="30" height="30" fill="#e879f944" stroke="#e879f9" transform="rotate(45, 640, 245)"/> <text x="640" y="249" text-anchor="middle" font-family="serif" font-size="12" fill="#f8fafc">A</text> <text x="640" y="272" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">ABSTRACT</text> <!-- Symbol Categories --> <g transform="translate(480, 300)"> <text x="15" y="15" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Symbol Categories</text> <rect y="30" width="170" height="60" rx="8" fill="#ffffff08"/> <text x="10" y="50" font-family="sans-serif" font-weight="600" font-size="12" fill="#38bdf8">Conventional</text> <text x="10" y="70" font-family="sans-serif" font-size="10" fill="#94a3b8">Universal recognition</text> <text x="10" y="82" font-family="sans-serif" font-size="10" fill="#94a3b8">Ex: Skull = Death</text> <rect x="180" y="30" width="170" height="60" rx="8" fill="#ffffff08"/> <text x="190" y="50" font-family="sans-serif" font-weight="600" font-size="12" fill="#e879f9">Contextual</text> <text x="190" y="70" font-family="sans-serif" font-size="10" fill="#94a3b8">Internal "runtime" only</text> <text x="190" y="82" font-family="sans-serif" font-size="10" fill="#94a3b8">Ex: Gatsby's Green Light</text> </g> <text x="495" y="425" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="495" dy="0">Symbols are variables that reference memory</tspan> <tspan x="495" dy="18">addresses within the collective human condition.</tspan> </text> <!-- Central Connection --> <path d="M 440 315 L 460 315" stroke="url(#accentGrad)" stroke-width="2" stroke-dasharray="4,2"/> <circle cx="450" cy="315" r="4" fill="#f8fafc"/> <!-- Footer --> <rect x="40" y="530" width="820" height="1" fill="#ffffff22"/> <text x="40" y="550" font-family="sans-serif" font-size="10" fill="#64748b">WIKI SECTION: LITERARY ANALYSIS 101</text> <text x="860" y="550" text-anchor="end" font-family="sans-serif" font-size="10" fill="#64748b">FORMALISM &amp; SEMANTICS</text> <!-- Arrowhead marker --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#f8fafc" /> </marker> </defs> </svg>Literary Elements: Theme and Symbolism image 1Literary Elements: Theme and Symbolism - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/literary-elements-theme-and-symbolism/svg/1Literary Elements: Theme and Symbolism diagram 1Literary Elements: Theme and Symbolism - Introduction to Literature - diagram 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/literary-elements-theme-and-symbolism/svg/2Literary Elements: Theme and Symbolism diagram 2Literary Elements: Theme and Symbolism - Introduction to Literature - diagram 2https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/literary-elements-theme-and-symbolism/svg/3Literary Elements: Theme and Symbolism diagram 3Literary Elements: Theme and Symbolism - Introduction to Literature - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.5">LITERARY STYLE &amp; CONTEXT</text> <text x="40" y="88" font-family="sans-serif" font-size="16" fill="#94a3b8" font-weight="400">The Architectural Signature of Written Thought</text> <line x1="40" y1="110" x2="860" y2="110" stroke="#38bdf8" stroke-width="2" opacity="0.3"/> <!-- Timeline Path --> <path d="M 60 300 C 200 300, 300 240, 450 240 S 700 300, 840 300" stroke="#38bdf8" stroke-width="3" fill="none" stroke-dasharray="10 5" opacity="0.4"/> <!-- Era 1: Renaissance --> <rect x="50" y="130" width="180" height="130" rx="12" fill="#ffffff10" stroke="#f59e0b" stroke-width="1"/> <circle cx="140" cy="300" r="6" fill="#f59e0b" filter="url(#glow)"/> <text x="65" y="155" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">RENAISSANCE</text> <text x="65" y="175" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">14th – 17th Century</text> <text x="65" y="195" font-family="sans-serif" font-size="12" fill="#94a3b8">Style: Eloquentia</text> <text x="65" y="210" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Ciceronian Periods</text> <text x="65" y="225" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Classical Rhetoric</text> <text x="65" y="240" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Ornate &amp; Balanced</text> <!-- Era 2: Enlightenment --> <rect x="250" y="320" width="180" height="130" rx="12" fill="#ffffff10" stroke="#e879f9" stroke-width="1"/> <circle cx="340" cy="265" r="6" fill="#e879f9" filter="url(#glow)"/> <text x="265" y="345" font-family="sans-serif" font-weight="bold" font-size="14" fill="#e879f9">ENLIGHTENMENT</text> <text x="265" y="365" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">1660 – 1790</text> <text x="265" y="385" font-family="sans-serif" font-size="12" fill="#94a3b8">Style: Rationalism</text> <text x="265" y="400" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Clarity &amp; Decorum</text> <text x="265" y="415" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Loose Sentences</text> <text x="265" y="430" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Empirical Precision</text> <!-- Era 3: Romanticism --> <rect x="450" y="130" width="180" height="130" rx="12" fill="#ffffff10" stroke="#38bdf8" stroke-width="1"/> <circle cx="540" cy="245" r="6" fill="#38bdf8" filter="url(#glow)"/> <text x="465" y="155" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">ROMANTICISM</text> <text x="465" y="175" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">1790 – 1850</text> <text x="465" y="195" font-family="sans-serif" font-size="12" fill="#94a3b8">Style: Subjectivity</text> <text x="465" y="210" font-family="sans-serif" font-size="11" fill="#cbd5e1">• The Sublime</text> <text x="465" y="225" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Emotional Fluidity</text> <text x="465" y="240" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Individual "I"</text> <!-- Era 4: Modernism --> <rect x="650" y="320" width="180" height="130" rx="12" fill="#ffffff10" stroke="#fb7185" stroke-width="1"/> <circle cx="740" cy="285" r="6" fill="#fb7185" filter="url(#glow)"/> <text x="665" y="345" font-family="sans-serif" font-weight="bold" font-size="14" fill="#fb7185">MODERNISM</text> <text x="665" y="365" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">1900 – 1950</text> <text x="665" y="385" font-family="sans-serif" font-size="12" fill="#94a3b8">Style: Fragmentation</text> <text x="665" y="400" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Iceberg Theory</text> <text x="665" y="415" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Stream of Consciousness</text> <text x="665" y="430" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Minimalist Syntax</text> <!-- Mechanics of Style Panel --> <rect x="40" y="475" width="820" height="65" rx="8" fill="#00000040" stroke="#ffffff15"/> <text x="60" y="495" font-family="sans-serif" font-weight="bold" font-size="12" fill="#38bdf8" text-transform="uppercase">The Mechanics of Style</text> <text x="60" y="518" font-family="sans-serif" font-size="11" fill="#94a3b8">DICTION:</text> <text x="120" y="518" font-family="sans-serif" font-size="11" fill="#f8fafc">Latinate/Polysyllabic vs. Germanic/Monosyllabic</text> <text x="420" y="518" font-family="sans-serif" font-size="11" fill="#94a3b8">SYNTAX:</text> <text x="480" y="518" font-family="sans-serif" font-size="11" fill="#f8fafc">Hypotactic (Complex) vs. Paratactic (Simple)</text> <text x="60" y="533" font-family="sans-serif" font-size="11" fill="#94a3b8">STRUCTURE:</text> <text x="135" y="533" font-family="sans-serif" font-size="11" fill="#f8fafc">Periodic (End-weighted) vs. Loose (Cumulative)</text> <!-- Decorative Icons --> <!-- Quill --> <path d="M 210 145 L 220 155 M 215 150 Q 225 140 230 145" stroke="#f59e0b" stroke-width="1.5" fill="none" opacity="0.6"/> <!-- Scale --> <path d="M 400 335 L 420 335 M 410 335 L 410 350" stroke="#e879f9" stroke-width="1.5" fill="none" opacity="0.6"/> <!-- Mountain --> <path d="M 600 145 L 610 135 L 620 145" stroke="#38bdf8" stroke-width="1.5" fill="none" opacity="0.6"/> <!-- Iceberg --> <path d="M 800 350 L 810 335 L 820 350 Z" fill="#fb7185" opacity="0.3"/> <line x1="795" y1="345" x2="825" y2="345" stroke="#f8fafc" stroke-width="1" opacity="0.5"/> </svg>Literary Style and Historical Context image 1Literary Style and Historical Context - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/literary-style-and-historical-context/svg/1Literary Style and Historical Context diagram 1Literary Style and Historical Context - Introduction to Literature - diagram 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/literary-style-and-historical-context/svg/2Literary Style and Historical Context diagram 2Literary Style and Historical Context - Introduction to Literature - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">THE ARCHITECTURE OF NARRATIVE</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400" letter-spacing="4">COMPREHENSIVE LITERARY TERMINOLOGY</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Card 1: Allegory --> <rect x="40" y="120" width="260" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="170" cy="160" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 160 155 L 180 155 M 160 165 L 180 165" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <text x="170" y="210" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">ALLEGORY</text> <text x="170" y="230" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">The Mapping Function</text> <!-- Allegory Visual --> <rect x="70" y="250" width="200" height="40" rx="4" fill="#38bdf815" stroke="#38bdf8" stroke-dasharray="2 2"/> <text x="170" y="275" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8">LITERAL SURFACE (LEVEL A)</text> <path d="M 170 295 L 170 325" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrow)"/> <rect x="70" y="330" width="200" height="40" rx="4" fill="#e879f915" stroke="#e879f9"/> <text x="170" y="355" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#e879f9">SYMBOLIC SUBSTRATE (LEVEL B)</text> <text x="170" y="400" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f8fafc" opacity="0.8"> <tspan x="170" dy="0">Extended metaphor where</tspan> <tspan x="170" dy="16">characters represent abstract</tspan> <tspan x="170" dy="16">moral or political ideas.</tspan> </text> <!-- Card 2: Foreshadowing --> <rect x="320" y="120" width="260" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="450" cy="160" r="25" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <path d="M 440 160 Q 450 140 460 160 T 450 180" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="450" y="210" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">FORESHADOWING</text> <text x="450" y="230" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Narrative Causality</text> <!-- Foreshadowing Visual --> <line x1="360" y1="300" x2="540" y2="300" stroke="#94a3b8" stroke-width="1"/> <circle cx="380" cy="300" r="6" fill="#f59e0b"/> <text x="380" y="325" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">THE SEED</text> <path d="M 520 300 L 535 285 M 520 300 L 535 315" stroke="#f59e0b" stroke-width="3"/> <text x="520" y="325" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">THE PAYOFF</text> <text x="450" y="360" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f8fafc" opacity="0.8"> <tspan x="450" dy="0">"Chekhov's Gun" logic:</tspan> <tspan x="450" dy="16">Indicative fragments that</tspan> <tspan x="450" dy="16">ensure narrative inevitability.</tspan> </text> <rect x="360" y="400" width="180" height="30" rx="8" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="450" y="420" text-anchor="middle" font-family="sans-serif" font-size="10" font-style="italic" fill="#f59e0b">Temporal Logic &amp; Omens</text> <!-- Card 3: Irony --> <rect x="600" y="120" width="260" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="730" cy="160" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <path d="M 720 150 L 740 170 M 740 150 L 720 170" stroke="#e879f9" stroke-width="2"/> <text x="730" y="210" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">IRONY</text> <text x="730" y="230" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">The Epistemological Gap</text> <!-- Irony Visual --> <path d="M 660 300 Q 730 250 800 300" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <text x="730" y="265" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8" font-weight="bold">EXPECTATION</text> <path d="M 660 300 Q 730 350 800 300" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="730" y="345" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#e879f9" font-weight="bold">REALITY</text> <circle cx="730" cy="300" r="4" fill="#f8fafc"/> <text x="730" y="385" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f8fafc" opacity="0.8"> <tspan x="730" dy="0">A sharp incongruity between</tspan> <tspan x="730" dy="16">what is intended and what</tspan> <tspan x="730" dy="16">is actually understood.</tspan> </text> <g transform="translate(640, 415)"> <rect width="180" height="20" rx="4" fill="#ffffff05"/> <text x="90" y="14" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8" letter-spacing="1">VERBAL • SITUATIONAL • DRAMATIC</text> </g> <!-- Footer / Bottom Bar --> <rect x="40" y="480" width="820" height="50" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="60" y="510" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">MOTIF</text> <text x="115" y="510" font-family="sans-serif" font-size="12" fill="#94a3b8">Recurring symbolic element that reinforces theme.</text> <line x1="440" y1="495" x2="440" y2="515" stroke="#ffffff20" stroke-width="1"/> <text x="460" y="510" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">HYPERBOLE</text> <text x="555" y="510" font-family="sans-serif" font-size="12" fill="#94a3b8">Intentional exaggeration for emphasis or effect.</text> <!-- Decorative Accents --> <circle cx="860" cy="40" r="30" fill="none" stroke="#ffffff08" stroke-width="8"/> <circle cx="40" cy="520" r="20" fill="none" stroke="#ffffff08" stroke-width="4"/> </svg>Comprehensive Literary Terminology image 1Comprehensive Literary Terminology - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/comprehensive-literary-terminology/svg/1Comprehensive Literary Terminology diagram 1Comprehensive Literary Terminology - Introduction to Literature - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="fictionGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#e879f9" stop-opacity="0.2"/> <stop offset="100%" stop-color="#e879f9" stop-opacity="0.05"/> </linearGradient> <linearGradient id="cnfGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8" stop-opacity="0.2"/> <stop offset="100%" stop-color="#38bdf8" stop-opacity="0.05"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#94a3b8" fill-opacity="0.1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">GENRES: FICTION &amp; CREATIVE NONFICTION</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Authorial Contract and the Mechanics of the Truth Claim</text> <!-- Fiction Panel --> <rect x="40" y="110" width="390" height="300" rx="16" fill="url(#fictionGrad)" stroke="#e879f9" stroke-opacity="0.3" stroke-width="1"/> <circle cx="80" cy="150" r="20" fill="#e879f9" fill-opacity="0.2"/> <path d="M72 150 L88 150 M80 142 L80 158" stroke="#e879f9" stroke-width="2" transform="rotate(45 80 150)"/> <text x="110" y="155" font-family="sans-serif" font-weight="700" font-size="22" fill="#f8fafc">FICTION</text> <text x="65" y="195" font-family="sans-serif" font-weight="600" font-size="14" fill="#e879f9">The Fictional Pact</text> <text x="65" y="215" font-family="sans-serif" font-size="12" fill="#cbd5e1" width="340"> <tspan x="65" dy="0">Implicitly "untrue" or "imagined." The reader engages</tspan> <tspan x="65" dy="18">in the </tspan> <tspan fill="#f59e0b" font-weight="bold">Willing Suspension of Disbelief</tspan> <tspan>.</tspan> </text> <rect x="65" y="255" width="340" height="1" fill="#ffffff15"/> <text x="65" y="285" font-family="sans-serif" font-size="12" fill="#94a3b8" font-weight="bold">SOURCE MATERIAL</text> <text x="65" y="302" font-family="sans-serif" font-size="13" fill="#f8fafc">Imagination, Archetypes, Synthesis</text> <text x="65" y="340" font-family="sans-serif" font-size="12" fill="#94a3b8" font-weight="bold">ETHICAL CONSTRAINT</text> <text x="65" y="357" font-family="sans-serif" font-size="13" fill="#f8fafc">Internal Consistency &amp; Aesthetic Unity</text> <!-- CNF Panel --> <rect x="470" y="110" width="390" height="300" rx="16" fill="url(#cnfGrad)" stroke="#38bdf8" stroke-opacity="0.3" stroke-width="1"/> <circle cx="510" cy="150" r="20" fill="#38bdf8" fill-opacity="0.2"/> <circle cx="510" cy="150" r="8" stroke="#38bdf8" stroke-width="2" fill="none"/> <line x1="516" y1="156" x2="522" y2="162" stroke="#38bdf8" stroke-width="2"/> <text x="540" y="155" font-family="sans-serif" font-weight="700" font-size="22" fill="#f8fafc">CREATIVE NONFICTION</text> <text x="495" y="195" font-family="sans-serif" font-weight="600" font-size="14" fill="#38bdf8">The Referential Pact</text> <text x="495" y="215" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="495" dy="0">Explicitly "factually grounded." The reader grants</tspan> <tspan x="495" dy="18">the author </tspan> <tspan fill="#f59e0b" font-weight="bold">Epistemic Trust</tspan> <tspan> in shared reality.</tspan> </text> <rect x="495" y="255" width="340" height="1" fill="#ffffff15"/> <text x="495" y="285" font-family="sans-serif" font-size="12" fill="#94a3b8" font-weight="bold">SOURCE MATERIAL</text> <text x="495" y="302" font-family="sans-serif" font-size="13" fill="#f8fafc">Memory, Research, Records, Interviews</text> <text x="495" y="340" font-family="sans-serif" font-size="12" fill="#94a3b8" font-weight="bold">ETHICAL CONSTRAINT</text> <text x="495" y="357" font-family="sans-serif" font-size="13" fill="#f8fafc">Obligation to represent "What Happened"</text> <!-- Shared Toolkit Bridge --> <rect x="250" y="425" width="400" height="45" rx="22.5" fill="#ffffff10" stroke="#f59e0b" stroke-opacity="0.4"/> <text x="450" y="442" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f59e0b" font-weight="bold" letter-spacing="2">THE SHARED NARRATIVE TOOLKIT</text> <text x="450" y="460" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f8fafc">Plot &amp; Arc • Characterization • Point of View • Setting • Imagery</text> <!-- Bottom Section: Formula --> <rect x="40" y="485" width="820" height="60" rx="12" fill="#00000030"/> <text x="65" y="520" font-family="serif" font-size="20" fill="#f8fafc" font-style="italic">R(T) = Σ V(eᵢ) / n</text> <text x="210" y="512" font-family="sans-serif" font-size="11" fill="#94a3b8">REFERENTIALITY INDEX:</text> <text x="210" y="528" font-family="sans-serif" font-size="12" fill="#cbd5e1">The verifiability of narrative events (e) against external records.</text> <path d="M700 510 L730 510" stroke="#e879f9" stroke-width="3" stroke-linecap="round"/> <text x="740" y="515" font-family="sans-serif" font-size="11" fill="#cbd5e1">Fiction: Claim R ≈ 0</text> <path d="M700 530 L730 530" stroke="#38bdf8" stroke-width="3" stroke-linecap="round"/> <text x="740" y="535" font-family="sans-serif" font-size="11" fill="#cbd5e1">CNF: Claim R → 1</text> <!-- Decorative Connectors --> <path d="M430 260 Q450 260 470 260" stroke="#f59e0b" stroke-width="1" stroke-dasharray="4 4" fill="none" opacity="0.5"/> <circle cx="450" cy="260" r="3" fill="#f59e0b"/> </svg>Genres: Fiction and Creative Nonfiction image 1Genres: Fiction and Creative Nonfiction - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/fiction-and-creative-nonfiction/svg/1Genres: Fiction and Creative Nonfiction diagram 1Genres: Fiction and Creative Nonfiction - Introduction to Literature - diagram 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/fiction-and-creative-nonfiction/svg/2Genres: Fiction and Creative Nonfiction diagram 2Genres: Fiction and Creative Nonfiction - Introduction to Literature - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Header Elements --> <path d="M50 60 L850 60" stroke="#ffffff20" stroke-width="1"/> <circle cx="50" cy="60" r="4" fill="#38bdf8"/> <circle cx="850" cy="60" r="4" fill="#e879f9"/> <!-- Title Section --> <text x="450" y="45" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" text-anchor="middle" letter-spacing="1">POETRY: THE LINGUISTIC MACHINE</text> <text x="450" y="78" font-family="sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle" font-style="italic">Reverse-engineering the highest density of information per unit of language.</text> <!-- LEFT COLUMN: THE COLLINS FRAMEWORK --> <text x="60" y="125" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">I. THE COLLINS FRAMEWORK</text> <text x="60" y="145" font-family="sans-serif" font-size="12" fill="#94a3b8">Modes of engagement to "activate" the poetic contract.</text> <!-- Mode 1: Color Probe --> <rect x="60" y="165" width="360" height="65" rx="12" fill="#ffffff10"/> <rect x="75" y="178" width="40" height="40" rx="6" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M85 188 L105 208 M105 188 L85 208" stroke="#f59e0b" stroke-width="2" opacity="0.8"/> <text x="130" y="188" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Color Probe</text> <text x="130" y="205" font-family="sans-serif" font-size="12" fill="#94a3b8">Holding the poem to light to find tonal shifts.</text> <!-- Mode 2: Acoustic Testing --> <rect x="60" y="240" width="360" height="65" rx="12" fill="#ffffff10"/> <rect x="75" y="253" width="40" height="40" rx="6" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <circle cx="95" cy="273" r="8" stroke="#38bdf8" fill="none" stroke-width="1.5"/> <circle cx="95" cy="273" r="4" fill="#38bdf8"/> <text x="130" y="263" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Acoustic Testing</text> <text x="130" y="280" font-family="sans-serif" font-size="12" fill="#94a3b8">Pressing an ear to the hive of phonetics.</text> <!-- Mode 3: Spatial Navigation --> <rect x="60" y="315" width="360" height="65" rx="12" fill="#ffffff10"/> <rect x="75" y="328" width="40" height="40" rx="6" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <path d="M85 338 L105 338 L105 358 L85 358 Z M90 343 L100 343 L100 353 L90 353 Z" fill="#e879f9" opacity="0.6"/> <text x="130" y="338" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Spatial Navigation</text> <text x="130" y="355" font-family="sans-serif" font-size="12" fill="#94a3b8">Walking the room, feeling for the light switch.</text> <!-- Mode 4: Surface Tension --> <rect x="60" y="390" width="360" height="65" rx="12" fill="#ffffff10"/> <rect x="75" y="403" width="40" height="40" rx="6" fill="#10b98120" stroke="#10b981" stroke-width="1.5"/> <path d="M80 423 Q95 410 110 423" stroke="#10b981" fill="none" stroke-width="2"/> <text x="130" y="413" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Surface Tension</text> <text x="130" y="430" font-family="sans-serif" font-size="12" fill="#94a3b8">Waterskiing across literal narrative first.</text> <!-- RIGHT COLUMN: THE SEMANTIC MATRIX --> <rect x="460" y="115" width="380" height="340" rx="16" fill="#ffffff08" stroke="#ffffff10" stroke-width="1"/> <text x="480" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">II. THE SEMANTIC MATRIX</text> <!-- Matrix Grid --> <line x1="520" y1="410" x2="810" y2="410" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrow)"/> <line x1="520" y1="410" x2="520" y2="180" stroke="#94a3b8" stroke-width="1"/> <text x="815" y="415" font-family="sans-serif" font-size="10" fill="#94a3b8">VALENCE (+)</text> <text x="520" y="170" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">INTENSITY</text> <!-- Data Points --> <!-- Glimmer --> <circle cx="560" cy="360" r="5" fill="#38bdf8" filter="url(#glow)"/> <text x="570" y="365" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Glimmer</text> <text x="570" y="378" font-family="sans-serif" font-size="10" fill="#94a3b8">Fragile / Hopeful</text> <!-- Fire --> <circle cx="620" cy="300" r="6" fill="#f59e0b" filter="url(#glow)"/> <text x="630" y="305" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Fire</text> <text x="630" y="318" font-family="sans-serif" font-size="10" fill="#94a3b8">Primal / Neutral</text> <!-- Blaze --> <circle cx="740" cy="240" r="8" fill="#e879f9" filter="url(#glow)"/> <text x="755" y="245" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Blaze</text> <text x="755" y="258" font-family="sans-serif" font-size="10" fill="#94a3b8">Brilliant / Awe</text> <!-- Inferno --> <circle cx="540" cy="210" r="10" fill="#ef4444" filter="url(#glow)"/> <text x="555" y="215" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Inferno</text> <text x="555" y="228" font-family="sans-serif" font-size="10" fill="#94a3b8">Hellish / Terror</text> <!-- Bottom Info Bar --> <rect x="60" y="480" width="780" height="50" rx="12" fill="url(#accentGrad)" opacity="0.15"/> <rect x="60" y="480" width="780" height="50" rx="12" fill="none" stroke="url(#accentGrad)" stroke-width="1"/> <text x="80" y="510" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">LEXICAL DENSITY:</text> <text x="215" y="510" font-family="sans-serif" font-size="13" fill="#f8fafc">Poetry averages &gt; 0.60 content-to-function word ratio.</text> <!-- Mini Bar Chart --> <text x="580" y="510" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="end">Prose</text> <rect x="590" y="500" width="60" height="12" rx="4" fill="#ffffff20"/> <rect x="590" y="500" width="25" height="12" rx="4" fill="#94a3b8"/> <text x="710" y="510" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="end">Poetry</text> <rect x="720" y="500" width="60" height="12" rx="4" fill="#ffffff20"/> <rect x="720" y="500" width="48" height="12" rx="4" fill="#38bdf8"/> <!-- Decorative Gear Icon (Machine Metaphor) --> <g transform="translate(820, 35) scale(0.8)" opacity="0.5"> <circle cx="20" cy="20" r="15" stroke="#f8fafc" stroke-width="2" fill="none" stroke-dasharray="4 2"/> <circle cx="20" cy="20" r="5" fill="#f8fafc"/> </g> </svg>Poetry: Fundamentals and Craft image 1Poetry: Fundamentals and Craft - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/poetry-fundamentals-and-craft/svg/1Poetry: Fundamentals and Craft diagram 1Poetry: Fundamentals and Craft - Introduction to Literature - diagram 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/poetry-fundamentals-and-craft/svg/2Poetry: Fundamentals and Craft diagram 2Poetry: Fundamentals and Craft - Introduction to Literature - diagram 2https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/poetry-fundamentals-and-craft/svg/3Poetry: Fundamentals and Craft diagram 3Poetry: Fundamentals and Craft - Introduction to Literature - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <linearGradient id="accent-grad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Header Elements --> <circle cx="50" cy="50" r="100" fill="#38bdf8" fill-opacity="0.05"/> <path d="M 0 80 Q 450 120 900 80" stroke="#ffffff10" fill="none" stroke-width="2"/> <!-- Main Title --> <text x="450" y="60" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="2">THE ARCHITECTURE OF VERSE</text> <text x="450" y="85" text-anchor="middle" font-family="Georgia, serif" font-style="italic" font-size="16" fill="#94a3b8">Meter, Rhyme, and the Engineering of Language</text> <!-- Section 1: The Metrical Foot (Left Panel) --> <rect x="40" y="120" width="260" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">I. THE METRICAL FOOT</text> <text x="60" y="170" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">The "Atoms" of Rhythmic Pulse</text> <!-- Foot Types --> <g transform="translate(60, 195)"> <!-- Iamb --> <text y="0" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">IAMB</text> <circle cx="80" cy="-5" r="4" fill="#94a3b8"/> <!-- unstressed --> <circle cx="100" cy="-5" r="7" fill="#f59e0b"/> <!-- stressed --> <text y="18" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Rising (x /) - "The heart-beat"</text> <!-- Trochee --> <text y="50" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">TROCHEE</text> <circle cx="80" cy="45" r="7" fill="#e879f9"/> <circle cx="100" cy="45" r="4" fill="#94a3b8"/> <text y="68" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Falling (/ x) - "Driving pulse"</text> <!-- Anapest --> <text y="100" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">ANAPEST</text> <circle cx="80" cy="95" r="4" fill="#94a3b8"/> <circle cx="95" cy="95" r="4" fill="#94a3b8"/> <circle cx="115" cy="95" r="7" fill="#38bdf8"/> <text y="118" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Galloping (x x /) - "Fast pace"</text> <!-- Dactyl --> <text y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">DACTYL</text> <circle cx="80" cy="145" r="7" fill="#38bdf8"/> <circle cx="100" cy="145" r="4" fill="#94a3b8"/> <circle cx="115" cy="145" r="4" fill="#94a3b8"/> <text y="168" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Stately (/ x x) - "Classical epic"</text> </g> <rect x="60" y="400" width="220" height="100" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="70" y="425" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">SCANSION DEFINED</text> <text x="70" y="445" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">The mapping of stress patterns</text> <text x="70" y="460" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">to identify the prevailing meter.</text> <text x="70" y="485" font-family="Courier New, monospace" font-size="14" fill="#38bdf8">x / | x / | x /</text> <!-- Section 2: Line Length (Center Panel) --> <rect x="320" y="120" width="260" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">II. LINE LENGTH</text> <text x="340" y="170" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">The "Molecules" of Verse</text> <!-- Meter Scale --> <g transform="translate(340, 200)"> <line x1="0" y1="0" x2="0" y2="280" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4 4"/> <circle cx="0" cy="20" r="5" fill="#e879f9"/> <text x="15" y="25" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Monometer (1)</text> <circle cx="0" cy="60" r="5" fill="#e879f9"/> <text x="15" y="65" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Dimeter (2)</text> <circle cx="0" cy="100" r="5" fill="#e879f9"/> <text x="15" y="105" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Trimeter (3)</text> <circle cx="0" cy="140" r="5" fill="#e879f9"/> <text x="15" y="145" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Tetrameter (4)</text> <!-- Highlighted Pentameter --> <rect x="10" y="165" width="200" height="40" rx="8" fill="#f59e0b20" stroke="#f59e0b50"/> <circle cx="0" cy="185" r="7" fill="#f59e0b"/> <text x="20" y="185" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">PENTAMETER (5)</text> <text x="20" y="200" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">The English Standard (Shakespeare)</text> <circle cx="0" cy="230" r="5" fill="#e879f9"/> <text x="15" y="235" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Hexameter (6)</text> <text x="0" y="275" font-family="Arial, sans-serif" font-style="italic" font-size="11" fill="#94a3b8">Named by Foot Type + Number</text> </g> <!-- Section 3: Stanzaic Form (Right Panel) --> <rect x="600" y="120" width="260" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">III. STANZAIC FORM</text> <text x="620" y="170" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">The "Cells" of the Page</text> <!-- Stanza Visuals --> <g transform="translate(620, 200)"> <!-- Couplet --> <rect width="40" height="4" rx="2" fill="#38bdf8"/> <rect y="8" width="40" height="4" rx="2" fill="#38bdf8"/> <text x="55" y="10" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">COUPLET (2)</text> <!-- Quatrain --> <g transform="translate(0, 40)"> <rect width="40" height="4" rx="2" fill="#e879f9"/> <rect y="8" width="40" height="4" rx="2" fill="#94a3b8"/> <rect y="16" width="40" height="4" rx="2" fill="#e879f9"/> <rect y="24" width="40" height="4" rx="2" fill="#94a3b8"/> <text x="55" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">QUATRAIN (4)</text> </g> <!-- Sestet/Octave --> <g transform="translate(0, 100)"> <rect width="40" height="2" rx="1" fill="#f59e0b" opacity="0.6"/> <rect y="5" width="40" height="2" rx="1" fill="#f59e0b" opacity="0.6"/> <rect y="10" width="40" height="2" rx="1" fill="#f59e0b" opacity="0.6"/> <rect y="15" width="40" height="2" rx="1" fill="#f59e0b" opacity="0.6"/> <rect y="20" width="40" height="2" rx="1" fill="#f59e0b" opacity="0.6"/> <rect y="25" width="40" height="2" rx="1" fill="#f59e0b" opacity="0.6"/> <rect y="30" width="40" height="2" rx="1" fill="#f59e0b" opacity="0.6"/> <rect y="35" width="40" height="2" rx="1" fill="#f59e0b" opacity="0.6"/> <text x="55" y="22" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">OCTAVE (8)</text> </g> <!-- Free Verse Note --> <g transform="translate(0, 180)"> <path d="M 0 0 Q 20 10 0 20 Q -20 30 0 40" stroke="#38bdf8" fill="none" stroke-width="2"/> <text x="55" y="15" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">FREE VERSE</text> <text x="55" y="32" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Organic, non-metrical,</text> <text x="55" y="45" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">recursive structures.</text> </g> </g> <!-- Footer Info --> <text x="450" y="545" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#475569" letter-spacing="1">POETRY IS THE ARCHITECTURAL ENGINEERING OF LANGUAGE — SCANSION V.1.0</text> </svg>Poetic Form: Meter, Rhyme, and Free Verse image 1Poetic Form: Meter, Rhyme, and Free Verse - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/poetic-form-meter-and-rhyme/svg/1Poetic Form: Meter, Rhyme, and Free Verse diagram 1Poetic Form: Meter, Rhyme, and Free Verse - Introduction to Literature - diagram 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/poetic-form-meter-and-rhyme/svg/2Poetic Form: Meter, Rhyme, and Free Verse diagram 2Poetic Form: Meter, Rhyme, and Free Verse - Introduction to Literature - diagram 2https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/poetic-form-meter-and-rhyme/svg/3Poetic Form: Meter, Rhyme, and Free Verse diagram 3Poetic Form: Meter, Rhyme, and Free Verse - Introduction to Literature - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <g stroke="#ffffff08" stroke-width="1"> <line x1="0" y1="100" x2="900" y2="100"/> <line x1="0" y1="460" x2="900" y2="460"/> <line x1="300" y1="100" x2="300" y2="460"/> <line x1="600" y1="100" x2="600" y2="460"/> </g> <!-- Header --> <text x="450" y="55" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="900" fill="#f8fafc" letter-spacing="1">DRAMA &amp; FILM</text> <text x="450" y="80" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="600" fill="#38bdf8" letter-spacing="4">THE ARCHITECTURE OF PERFORMANCE</text> <rect x="400" y="90" width="100" height="3" fill="url(#accentGrad)" rx="1.5"/> <!-- Left Column: The Script (Blueprint) --> <rect x="30" y="120" width="240" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="50" y="150" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">The Script</text> <text x="50" y="170" font-family="sans-serif" font-size="12" fill="#94a3b8">The Dual Nature of the Text</text> <!-- TEI Visual --> <rect x="45" y="185" width="210" height="110" rx="8" fill="#00000040"/> <text x="55" y="205" font-family="monospace" font-size="10" fill="#38bdf8">&lt;TEI xmlns="tei-c.org"&gt;</text> <text x="65" y="220" font-family="monospace" font-size="10" fill="#94a3b8"> &lt;sp who="#Hamlet"&gt;</text> <text x="75" y="235" font-family="monospace" font-size="10" fill="#f8fafc"> &lt;speaker&gt;HAMLET&lt;/speaker&gt;</text> <text x="75" y="250" font-family="monospace" font-size="10" fill="#e879f9"> &lt;p&gt;To be, or not...&lt;/p&gt;</text> <text x="65" y="265" font-family="monospace" font-size="10" fill="#94a3b8"> &lt;/sp&gt;</text> <text x="65" y="280" font-family="monospace" font-size="10" fill="#f59e0b"> &lt;stage&gt;Enter OPHELIA&lt;/stage&gt;</text> <text x="50" y="325" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Primary Text</text> <text x="50" y="340" font-family="sans-serif" font-size="11" fill="#94a3b8">Spoken dialogue and character interaction.</text> <text x="50" y="375" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Secondary Text</text> <text x="50" y="390" font-family="sans-serif" font-size="11" fill="#94a3b8">Stage directions, subtext, and design.</text> <!-- Center Column: Freytag's Pyramid --> <text x="450" y="145" text-anchor="middle" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">Structure: Freytag’s Pyramid</text> <!-- The Pyramid Path --> <path d="M 330,380 L 400,300 L 450,200 L 500,300 L 570,380" fill="none" stroke="#ffffff20" stroke-width="4" stroke-dasharray="8 4"/> <path d="M 330,380 L 400,300 L 450,200 L 500,300 L 570,380" fill="none" stroke="url(#accentGrad)" stroke-width="3" filter="url(#glow)"/> <!-- Pyramid Points --> <circle cx="330" cy="380" r="5" fill="#38bdf8"/> <circle cx="450" cy="200" r="6" fill="#f59e0b" filter="url(#glow)"/> <circle cx="570" cy="380" r="5" fill="#38bdf8"/> <!-- Labels --> <text x="320" y="400" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Exposition</text> <text x="380" y="285" text-anchor="end" font-family="sans-serif" font-size="11" fill="#94a3b8">Rising Action</text> <text x="450" y="185" text-anchor="middle" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">CLIMAX</text> <text x="520" y="285" text-anchor="start" font-family="sans-serif" font-size="11" fill="#94a3b8">Falling Action</text> <text x="580" y="400" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Denouement</text> <!-- Tension Formula --> <rect x="360" y="415" width="180" height="35" rx="8" fill="#ffffff10"/> <text x="450" y="437" text-anchor="middle" font-family="serif" font-style="italic" font-size="14" fill="#f8fafc">T ∝ S / P</text> <text x="450" y="465" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Law of Dramatic Tension</text> <!-- Right Column: Performance & Film --> <rect x="630" y="120" width="240" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="650" y="150" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">Mise-en-scène</text> <!-- Visual Icons --> <g transform="translate(650, 175)"> <circle cx="20" cy="20" r="15" fill="none" stroke="#e879f9" stroke-width="2"/> <line x1="20" y1="5" x2="20" y2="35" stroke="#e879f9" stroke-width="1"/> <line x1="5" y1="20" x2="35" y2="20" stroke="#e879f9" stroke-width="1"/> <text x="45" y="18" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Proxemics</text> <text x="45" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Spatial relationships</text> </g> <g transform="translate(650, 235)"> <rect x="5" y="10" width="30" height="20" rx="4" fill="none" stroke="#f59e0b" stroke-width="2"/> <circle cx="20" cy="20" r="4" fill="#f59e0b"/> <text x="45" y="18" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Kinesics</text> <text x="45" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Body language &amp; gesture</text> </g> <g transform="translate(650, 295)"> <path d="M 5,30 L 20,5 L 35,30 Z" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="45" y="18" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Cinematography</text> <text x="45" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">The subjective lens</text> </g> <text x="650" y="375" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Semiotic System</text> <text x="650" y="395" font-family="sans-serif" font-size="11" fill="#94a3b8">The fusion of visual media,</text> <text x="650" y="410" font-family="sans-serif" font-size="11" fill="#94a3b8">editing, and sound design.</text> <!-- Bottom Section: The Three Unities --> <rect x="30" y="475" width="840" height="65" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <text x="55" y="513" font-family="sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">The Three Unities</text> <g transform="translate(220, 490)"> <circle cx="20" cy="20" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="45" y="18" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Action</text> <text x="45" y="32" font-family="sans-serif" font-size="10" fill="#94a3b8">One main plot</text> </g> <g transform="translate(440, 490)"> <circle cx="20" cy="20" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <text x="45" y="18" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Place</text> <text x="45" y="32" font-family="sans-serif" font-size="10" fill="#94a3b8">Single location</text> </g> <g transform="translate(660, 490)"> <circle cx="20" cy="20" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="45" y="18" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Time</text> <text x="45" y="32" font-family="sans-serif" font-size="10" fill="#94a3b8">Max 24 hours</text> </g> <!-- Decorative Corner Accents --> <circle cx="0" cy="0" r="40" fill="url(#accentGrad)" opacity="0.1"/> <circle cx="900" cy="560" r="60" fill="#38bdf8" opacity="0.05"/> </svg>Genres: Drama and Film image 1Genres: Drama and Film - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/drama-and-film/svg/1Genres: Drama and Film diagram 1Genres: Drama and Film - Introduction to Literature - diagram 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/drama-and-film/svg/2Genres: Drama and Film diagram 2Genres: Drama and Film - Introduction to Literature - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <pattern id="dots" width="10" height="10" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <rect width="900" height="120" fill="url(#dots)" opacity="0.5"/> <!-- Header Section --> <rect x="40" y="30" width="820" height="80" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="450" y="72" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="bold" fill="#f8fafc" letter-spacing="1">ASSIGNMENTS &amp; APPLIED ANALYSIS</text> <text x="450" y="95" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="600" fill="#38bdf8" letter-spacing="4">LITERARY DECONSTRUCTION FRAMEWORK</text> <!-- Left Column: Character Analysis --> <rect x="40" y="130" width="400" height="400" rx="16" fill="#ffffff10" stroke="#38bdf833"/> <text x="65" y="165" font-family="sans-serif" font-size="20" font-weight="bold" fill="#f8fafc">Character Architecture</text> <text x="65" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">The systematic extraction of persona data points.</text> <!-- STEAL Method Visual --> <g transform="translate(65, 210)"> <!-- S --> <rect width="350" height="50" rx="8" fill="#ffffff05"/> <circle cx="25" cy="25" r="15" fill="#f59e0b22" stroke="#f59e0b" stroke-width="1"/> <text x="25" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f59e0b">S</text> <text x="55" y="22" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Speech</text> <text x="55" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Diction, tone, and subtextual cues.</text> <!-- T --> <g transform="translate(0, 60)"> <rect width="350" height="50" rx="8" fill="#ffffff05"/> <circle cx="25" cy="25" r="15" fill="#38bdf822" stroke="#38bdf8" stroke-width="1"/> <text x="25" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8">T</text> <text x="55" y="22" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Thoughts</text> <text x="55" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Internal monologue vs. public action.</text> </g> <!-- E --> <g transform="translate(0, 120)"> <rect width="350" height="50" rx="8" fill="#ffffff05"/> <circle cx="25" cy="25" r="15" fill="#e879f922" stroke="#e879f9" stroke-width="1"/> <text x="25" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9">E</text> <text x="55" y="22" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Effect</text> <text x="55" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Interpersonal friction and social standing.</text> </g> <!-- A --> <g transform="translate(0, 180)"> <rect width="350" height="50" rx="8" fill="#ffffff05"/> <circle cx="25" cy="25" r="15" fill="#10b98122" stroke="#10b981" stroke-width="1"/> <text x="25" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#10b981">A</text> <text x="55" y="22" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Actions</text> <text x="55" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Moral agency in moments of crisis.</text> </g> <!-- L --> <g transform="translate(0, 240)"> <rect width="350" height="50" rx="8" fill="#ffffff05"/> <circle cx="25" cy="25" r="15" fill="#f43f5e22" stroke="#f43f5e" stroke-width="1"/> <text x="25" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f43f5e">L</text> <text x="55" y="22" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Looks</text> <text x="55" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Symbolic value of aesthetics and flaws.</text> </g> </g> <!-- Right Column: Close Reading --> <rect x="460" y="130" width="400" height="400" rx="16" fill="#ffffff10" stroke="#e879f933"/> <text x="485" y="165" font-family="sans-serif" font-size="20" font-weight="bold" fill="#f8fafc">Close Reading Loop</text> <text x="485" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">The recursive micro-analysis of syntax.</text> <!-- Circular Process Diagram --> <g transform="translate(660, 330)"> <circle r="100" fill="none" stroke="#ffffff10" stroke-width="2" stroke-dasharray="8 4"/> <!-- Step 1 --> <g transform="translate(0, -100)"> <circle r="20" fill="#1e1b4b" stroke="#38bdf8" stroke-width="2"/> <text y="5" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">01</text> <text y="-30" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">OBSERVE</text> </g> <!-- Step 2 --> <g transform="translate(100, 0)"> <circle r="20" fill="#1e1b4b" stroke="#38bdf8" stroke-width="2"/> <text y="5" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">02</text> <text x="30" y="5" text-anchor="start" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">ANNOTATE</text> </g> <!-- Step 3 --> <g transform="translate(0, 100)"> <circle r="20" fill="#1e1b4b" stroke="#38bdf8" stroke-width="2"/> <text y="5" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">03</text> <text y="35" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">CONTEXTUALIZE</text> </g> <!-- Step 4 --> <g transform="translate(-100, 0)"> <circle r="20" fill="#1e1b4b" stroke="#38bdf8" stroke-width="2"/> <text y="5" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">04</text> <text x="-30" y="5" text-anchor="end" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">SYNTHESIZE</text> </g> <!-- Center Icon --> <path d="M-15,-15 L15,15 M-15,15 L15,-15" stroke="#e879f9" stroke-width="2" opacity="0.5"/> <circle r="30" fill="none" stroke="#e879f9" stroke-width="1" opacity="0.8"/> <text y="5" text-anchor="middle" font-family="serif" font-size="10" font-style="italic" fill="#e879f9">Deep Dive</text> </g> <!-- Formula Overlay --> <rect x="485" y="460" width="350" height="50" rx="8" fill="#00000033" stroke="#ffffff10"/> <text x="500" y="490" font-family="serif" font-size="16" fill="#f8fafc"> I<tspan baseline-shift="sub" font-size="10">p</tspan> = Σ (w<tspan baseline-shift="sub" font-size="10">i</tspan> · c<tspan baseline-shift="sub" font-size="10">i</tspan>) / W </text> <text x="640" y="490" font-family="sans-serif" font-size="11" fill="#94a3b8">Textual Density Metric</text> <!-- Footer Decorative Elements --> <line x1="40" y1="545" x2="860" y2="545" stroke="url(#accentGrad)" stroke-width="2" opacity="0.5"/> <circle cx="40" cy="545" r="3" fill="#38bdf8"/> <circle cx="860" cy="545" r="3" fill="#e879f9"/> <text x="450" y="555" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#475569" letter-spacing="1">LITERARY ANALYSIS MODULE // VERSION 2.4 // APPLIED HUMANITIES</text> </svg>Assignments and Applied Analysis image 1Assignments and Applied Analysis - Introduction to Literature - image 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/assignments-and-applied-analysis/svg/1Assignments and Applied Analysis diagram 1Assignments and Applied Analysis - Introduction to Literature - diagram 1https://www.getlykke.com/explore/public/introduction-to-literature-dddd0559-b847-41c2-80b1-3d80bca4bb2b/media/assignments-and-applied-analysis/svg/2Assignments and Applied Analysis diagram 2Assignments and Applied Analysis - Introduction to Literature - diagram 2https://www.getlykke.com/explore/public/introduction-to-philosophy-ethics-0a6967bf-c41b-41bd-bfcf-18f16e08bbf22026-04-20T05:11:15.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Decorative Elements --> <rect width="900" height="560" fill="url(#bg)"/> <g opacity="0.1"> <path d="M0 40 H900 M0 80 H900 M0 120 H900 M0 160 H900 M0 200 H900 M0 240 H900 M0 280 H900 M0 320 H900 M0 360 H900 M0 400 H900 M0 440 H900 M0 480 H900 M0 520 H900" stroke="#94a3b8" stroke-width="1"/> <path d="M40 0 V560 M80 0 V560 M120 0 V560 M160 0 V560 M200 0 V560 M240 0 V560 M280 0 V560 M320 0 V560 M360 0 V560 M400 0 V560 M440 0 V560 M480 0 V560 M520 0 V560 M560 0 V560 M600 0 V560 M640 0 V560 M680 0 V560 M720 0 V560 M760 0 V560 M800 0 V560 M840 0 V560" stroke="#94a3b8" stroke-width="1"/> </g> <!-- Header --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">Foundations of Philosophical Ethics</text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#38bdf8" letter-spacing="1">THE SYSTEMATIC STUDY OF MORAL VALUE</text> <rect x="40" y="85" width="120" height="4" fill="#f59e0b" rx="2"/> <!-- Left Column: Taxonomy of Inquiry --> <text x="40" y="130" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The Taxonomy of Inquiry</text> <!-- Meta-ethics Card --> <rect x="40" y="145" width="260" height="85" rx="12" fill="#ffffff10" stroke="#ffffff20"/> <circle cx="65" cy="175" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M60 175 L65 180 L72 170" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="90" y="170" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Meta-Ethics</text> <text x="90" y="188" font-family="sans-serif" font-size="11" fill="#94a3b8">The nature of moral language.</text> <text x="90" y="202" font-family="sans-serif" font-size="11" font-style="italic" fill="#38bdf8">"What does 'good' mean?"</text> <!-- Normative Ethics Card --> <rect x="40" y="245" width="260" height="85" rx="12" fill="#ffffff10" stroke="#ffffff20"/> <circle cx="65" cy="275" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <path d="M58 275 H72 M65 268 V282" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="90" y="270" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Normative Ethics</text> <text x="90" y="288" font-family="sans-serif" font-size="11" fill="#94a3b8">General rules for conduct.</text> <text x="90" y="302" font-family="sans-serif" font-size="11" font-style="italic" fill="#e879f9">"How should we act?"</text> <!-- Applied Ethics Card --> <rect x="40" y="345" width="260" height="85" rx="12" fill="#ffffff10" stroke="#ffffff20"/> <circle cx="65" cy="375" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <rect x="60" y="370" width="10" height="10" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="90" y="370" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Applied Ethics</text> <text x="90" y="388" font-family="sans-serif" font-size="11" fill="#94a3b8">Real-world moral problems.</text> <text x="90" y="402" font-family="sans-serif" font-size="11" font-style="italic" fill="#f59e0b">"Is AI data-mining ethical?"</text> <!-- Right Section: Historical Pipeline --> <text x="340" y="130" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The Historical Pipeline</text> <!-- Timeline Path --> <path d="M360 220 Q450 180 540 220 T720 220 T860 220" fill="none" stroke="#ffffff20" stroke-width="4" stroke-dasharray="8 4"/> <!-- Ancient --> <circle cx="360" cy="220" r="8" fill="#38bdf8" filter="url(#glow)"/> <text x="360" y="245" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc" text-anchor="middle">ANCIENT</text> <text x="360" y="260" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Virtue Ethics</text> <text x="360" y="275" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle">Aristotle</text> <!-- Medieval --> <circle cx="480" cy="205" r="8" fill="#38bdf8" filter="url(#glow)"/> <text x="480" y="185" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc" text-anchor="middle">MEDIEVAL</text> <text x="480" y="170" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Natural Law</text> <text x="480" y="155" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle">Aquinas</text> <!-- Enlightenment --> <circle cx="600" cy="220" r="8" fill="#e879f9" filter="url(#glow)"/> <text x="600" y="245" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc" text-anchor="middle">ENLIGHTENMENT</text> <text x="600" y="260" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Deontology</text> <text x="600" y="275" font-family="sans-serif" font-size="10" fill="#e879f9" text-anchor="middle">Kant</text> <!-- Industrial --> <circle cx="720" cy="220" r="8" fill="#e879f9" filter="url(#glow)"/> <text x="720" y="185" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc" text-anchor="middle">INDUSTRIAL</text> <text x="720" y="170" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Utilitarianism</text> <text x="720" y="155" font-family="sans-serif" font-size="10" fill="#e879f9" text-anchor="middle">Mill / Bentham</text> <!-- Post-Modern --> <circle cx="840" cy="220" r="8" fill="#f59e0b" filter="url(#glow)"/> <text x="840" y="245" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc" text-anchor="middle">POST-MODERN</text> <text x="840" y="260" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Critique</text> <text x="840" y="275" font-family="sans-serif" font-size="10" fill="#f59e0b" text-anchor="middle">Nietzsche</text> <!-- Bottom Section: Moral Logic --> <rect x="340" y="320" width="520" height="200" rx="16" fill="#00000030" stroke="#ffffff10"/> <text x="360" y="350" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The Logic of Moral Evaluation</text> <!-- Syllogism Visual --> <g transform="translate(360, 370)"> <rect width="140" height="110" rx="8" fill="#ffffff05" stroke="#38bdf8" stroke-dasharray="4"/> <text x="70" y="25" font-family="monospace" font-size="11" fill="#38bdf8" text-anchor="middle">MAJOR PREMISE</text> <text x="70" y="55" font-family="sans-serif" font-size="12" fill="#f8fafc" text-anchor="middle">Normative Rule</text> <text x="70" y="75" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">"Harm is wrong"</text> </g> <text x="515" y="430" font-family="sans-serif" font-size="24" fill="#ffffff20">+</text> <g transform="translate(545, 370)"> <rect width="140" height="110" rx="8" fill="#ffffff05" stroke="#e879f9" stroke-dasharray="4"/> <text x="70" y="25" font-family="monospace" font-size="11" fill="#e879f9" text-anchor="middle">MINOR PREMISE</text> <text x="70" y="55" font-family="sans-serif" font-size="12" fill="#f8fafc" text-anchor="middle">Descriptive Fact</text> <text x="70" y="75" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">"Action X harms"</text> </g> <path d="M700 425 L730 425" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrowhead)"/> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#f59e0b" /> </marker> </defs> <g transform="translate(745, 370)"> <rect width="100" height="110" rx="8" fill="#f59e0b20" stroke="#f59e0b"/> <text x="50" y="25" font-family="monospace" font-size="11" fill="#f59e0b" text-anchor="middle">JUDGMENT</text> <text x="50" y="65" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">X IS WRONG</text> </g> <!-- Hume's Guillotine Note --> <path d="M510 495 L580 495" stroke="#ef4444" stroke-width="2"/> <text x="545" y="510" font-family="sans-serif" font-size="10" fill="#ef4444" text-anchor="middle">HUME'S GUILLOTINE: CANNOT DERIVE 'OUGHT' FROM 'IS'</text> <!-- Footer decoration --> <circle cx="860" cy="40" r="20" fill="url(#accentGrad)" opacity="0.2"/> <circle cx="840" cy="60" r="15" fill="#38bdf8" opacity="0.1"/> </svg>Foundations of Philosophical Ethics image 1Foundations of Philosophical Ethics - Introduction to Philosophy: Ethics - image 1https://www.getlykke.com/explore/public/introduction-to-philosophy-ethics-0a6967bf-c41b-41bd-bfcf-18f16e08bbf2/media/foundations-of-philosophical-ethics/svg/1Foundations of Philosophical Ethics diagram 1Foundations of Philosophical Ethics - Introduction to Philosophy: Ethics - diagram 1https://www.getlykke.com/explore/public/introduction-to-philosophy-ethics-0a6967bf-c41b-41bd-bfcf-18f16e08bbf2/media/foundations-of-philosophical-ethics/svg/2Foundations of Philosophical Ethics diagram 2Foundations of Philosophical Ethics - Introduction to Philosophy: Ethics - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff0a" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="800" font-size="32" letter-spacing="1">MORAL OBJECTIVITY &amp; RELIGION</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="14" font-weight="600" letter-spacing="4">THE META-ETHICAL SYSTEMS ARCHITECTURE</text> <line x1="300" y1="100" x2="600" y2="100" stroke="#38bdf8" stroke-width="2" stroke-dasharray="8 4"/> <!-- Left Column: Meta-Ethical Landscape --> <rect x="40" y="130" width="260" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="165" fill="#38bdf8" font-family="Arial, sans-serif" font-weight="bold" font-size="18">1. THE LANDSCAPE</text> <!-- Realism --> <g transform="translate(60, 190)"> <circle cx="15" cy="15" r="12" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8" stroke-width="2"/> <circle cx="15" cy="15" r="4" fill="#38bdf8"/> <text x="40" y="15" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="bold" font-size="14">Moral Realism</text> <text x="40" y="32" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11">Mind-independent facts.</text> <text x="40" y="45" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11">Truth is absolute/universal.</text> </g> <!-- Anti-Realism --> <g transform="translate(60, 270)"> <rect x="3" y="3" width="24" height="24" rx="4" fill="#e879f9" fill-opacity="0.2" stroke="#e879f9" stroke-width="2"/> <path d="M10 15 L20 15" stroke="#e879f9" stroke-width="2"/> <text x="40" y="15" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="bold" font-size="14">Anti-Realism</text> <text x="40" y="32" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11">Subjective or relative.</text> <text x="40" y="45" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11">Socially constructed values.</text> </g> <!-- Error Theory --> <g transform="translate(60, 350)"> <path d="M15 3 L27 24 L3 24 Z" fill="#f43f5e" fill-opacity="0.2" stroke="#f43f5e" stroke-width="2"/> <text x="40" y="15" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="bold" font-size="14">Error Theory</text> <text x="40" y="32" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11">Morality is a false concept.</text> <text x="40" y="45" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11">All moral claims are false.</text> </g> <!-- Center Column: Divine Command Theory --> <rect x="320" y="130" width="260" height="360" rx="16" fill="#ffffff10" stroke="#f59e0b33" stroke-width="2"/> <text x="340" y="165" fill="#f59e0b" font-family="Arial, sans-serif" font-weight="bold" font-size="18">2. DIVINE COMMAND (DCT)</text> <rect x="335" y="185" width="230" height="130" rx="8" fill="#00000044"/> <text x="350" y="210" fill="#38bdf8" font-family="monospace" font-size="12">class MoralEngine:</text> <text x="365" y="230" fill="#f8fafc" font-family="monospace" font-size="11">def check(action):</text> <text x="380" y="250" fill="#94a3b8" font-family="monospace" font-size="11">if action in COMMANDS:</text> <text x="395" y="265" fill="#f59e0b" font-family="monospace" font-size="11">return "OBLIGATORY"</text> <text x="380" y="285" fill="#94a3b8" font-family="monospace" font-size="11">elif action in FORBIDDEN:</text> <text x="395" y="300" fill="#f43f5e" font-family="monospace" font-size="11">return "WRONG"</text> <text x="450" y="345" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-size="13" font-style="italic">"The Good is what God wills."</text> <g transform="translate(340, 375)"> <path d="M0 0 L220 0" stroke="#ffffff22" stroke-width="1"/> <text x="0" y="25" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11" font-weight="bold">GROUNDING:</text> <text x="0" y="42" fill="#f8fafc" font-family="Arial, sans-serif" font-size="12">Metaphysical (Origin of Facts)</text> <text x="0" y="60" fill="#f8fafc" font-family="Arial, sans-serif" font-size="12">Epistemic (Way of Knowing)</text> <text x="0" y="78" fill="#f8fafc" font-family="Arial, sans-serif" font-size="12">Motivational (Reason to Act)</text> </g> <!-- Right Column: The Euthyphro Dilemma --> <rect x="600" y="130" width="260" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="165" fill="#e879f9" font-family="Arial, sans-serif" font-weight="bold" font-size="18">3. THE DILEMMA</text> <path d="M730 200 L670 260 M730 200 L790 260" stroke="#e879f9" stroke-width="2" fill="none" stroke-dasharray="4 2"/> <circle cx="730" cy="200" r="5" fill="#e879f9"/> <!-- Horn 1 --> <rect x="615" y="270" width="110" height="90" rx="8" fill="#ffffff08" stroke="#e879f944"/> <text x="670" y="295" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="bold" font-size="12">VOLUNTARISM</text> <text x="670" y="315" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="10">God creates morality.</text> <text x="670" y="330" text-anchor="middle" fill="#f43f5e" font-family="Arial, sans-serif" font-size="10" font-weight="bold">Risk: Arbitrariness</text> <!-- Horn 2 --> <rect x="745" y="270" width="110" height="90" rx="8" fill="#ffffff08" stroke="#38bdf844"/> <text x="800" y="295" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="bold" font-size="12">INTELLECTUALISM</text> <text x="800" y="315" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="10">God recognizes morality.</text> <text x="800" y="330" text-anchor="middle" fill="#f43f5e" font-family="Arial, sans-serif" font-size="10" font-weight="bold">Risk: God is subject to Law</text> <g transform="translate(620, 385)"> <text x="0" y="20" fill="#f8fafc" font-family="Arial, sans-serif" font-size="12" font-weight="bold">The Argument from Queerness</text> <text x="0" y="38" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11">J.L. Mackie: Objective moral facts</text> <text x="0" y="52" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11">would be "entities of a very strange</text> <text x="0" y="66" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11">sort," unlike any physical property.</text> </g> <!-- Footer Info Bar --> <rect x="40" y="510" width="820" height="34" rx="10" fill="#38bdf815" stroke="#38bdf833"/> <text x="450" y="532" text-anchor="middle" fill="#38bdf8" font-family="Arial, sans-serif" font-size="11" font-weight="bold" letter-spacing="1">ONTOLOGY: WHAT EXISTS? • EPISTEMOLOGY: HOW DO WE KNOW? • SEMANTICS: WHAT DO WE MEAN?</text> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#f59e0b" stroke-width="0.5" stroke-dasharray="2 2"/> <circle cx="850" cy="50" r="20" fill="none" stroke="#e879f9" stroke-width="0.5" stroke-dasharray="4 4"/> <path d="M20 20 L60 20 M20 20 L20 60" stroke="#38bdf8" stroke-width="1" fill="none" opacity="0.5"/> </svg>Moral Objectivity and the Role of Religion image 1Moral Objectivity and the Role of Religion - Introduction to Philosophy: Ethics - image 1https://www.getlykke.com/explore/public/introduction-to-philosophy-ethics-0a6967bf-c41b-41bd-bfcf-18f16e08bbf2/media/moral-objectivity-and-religion/svg/1Moral Objectivity and the Role of Religion diagram 1Moral Objectivity and the Role of Religion - Introduction to Philosophy: Ethics - diagram 1https://www.getlykke.com/explore/public/introduction-to-philosophy-ethics-0a6967bf-c41b-41bd-bfcf-18f16e08bbf2/media/moral-objectivity-and-religion/svg/2Moral Objectivity and the Role of Religion diagram 2Moral Objectivity and the Role of Religion - Introduction to Philosophy: Ethics - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="bioGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8" stop-opacity="0.2"/> <stop offset="100%" stop-color="#38bdf8" stop-opacity="0.05"/> </linearGradient> <linearGradient id="genderGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#e879f9" stop-opacity="0.2"/> <stop offset="100%" stop-color="#e879f9" stop-opacity="0.05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <g stroke="#ffffff" stroke-opacity="0.03" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560"/> </g> <!-- Header --> <text x="450" y="55" text-anchor="middle" font-family="sans-serif" font-size="30" font-weight="800" fill="#f8fafc" letter-spacing="1">BIOLOGY &amp; GENDER: CONTEMPORARY ETHICS</text> <rect x="350" y="65" width="200" height="2" fill="#f59e0b"/> <!-- Left Panel: Evolutionary Substrate --> <rect x="40" y="100" width="390" height="310" rx="16" fill="url(#bioGrad)" stroke="#38bdf8" stroke-opacity="0.3"/> <text x="65" y="135" font-family="sans-serif" font-size="20" font-weight="700" fill="#38bdf8">Evolutionary Substrate</text> <!-- DNA Icon --> <g transform="translate(360, 115) scale(0.8)" stroke="#38bdf8" stroke-width="2" fill="none"> <path d="M0 0c10 20 30 20 40 0s30-20 40 0" opacity="0.6"/> <path d="M0 20c10-20 30-20 40 0s30 20 40 0" opacity="0.6"/> <line x1="10" y1="5" x2="10" y2="15" opacity="0.4"/> <line x1="30" y1="5" x2="30" y2="15" opacity="0.4"/> <line x1="50" y1="5" x2="50" y2="15" opacity="0.4"/> <line x1="70" y1="5" x2="70" y2="15" opacity="0.4"/> </g> <g font-family="sans-serif" font-size="13" fill="#94a3b8"> <text x="65" y="165" font-weight="600" fill="#f8fafc">Kin Selection</text> <text x="65" y="182">Helping relatives increases inclusive fitness.</text> <rect x="65" y="195" width="120" height="35" rx="8" fill="#0f172a" stroke="#38bdf8" stroke-opacity="0.5"/> <text x="125" y="218" text-anchor="middle" font-family="serif" font-style="italic" font-size="16" fill="#38bdf8">rB > C</text> <text x="195" y="217" font-size="11">Hamilton's Rule</text> <text x="65" y="260" font-weight="600" fill="#f8fafc">Reciprocal Altruism</text> <text x="65" y="277">"Tit-for-tat" cooperation and cheater detection.</text> <text x="65" y="310" font-weight="600" fill="#f8fafc">Group Selection</text> <text x="65" y="327">Cooperative groups outcompete selfish ones.</text> </g> <!-- Right Panel: Gendered Frameworks --> <rect x="470" y="100" width="390" height="310" rx="16" fill="url(#genderGrad)" stroke="#e879f9" stroke-opacity="0.3"/> <text x="495" y="135" font-family="sans-serif" font-size="20" font-weight="700" fill="#e879f9">Gendered Frameworks</text> <!-- Scales Icon --> <g transform="translate(780, 115) scale(0.8)" stroke="#e879f9" stroke-width="2" fill="none"> <path d="M0 30 h60 M30 0 v30"/> <path d="M0 30 q0 15 15 15 t15-15" opacity="0.6"/> <path d="M30 30 q0 15 15 15 t15-15" opacity="0.6"/> </g> <g font-family="sans-serif" font-size="13" fill="#94a3b8"> <text x="495" y="165" font-weight="600" fill="#f8fafc">Feminist Ethics</text> <text x="495" y="182">Critique of the "disembodied" rational agent.</text> <circle cx="505" cy="215" r="4" fill="#e879f9"/> <text x="520" y="219">Focus on power dynamics and hierarchy.</text> <circle cx="505" cy="240" r="4" fill="#e879f9"/> <text x="520" y="244">Ethics of Care vs. Ethics of Justice.</text> <text x="495" y="285" font-weight="600" fill="#f8fafc">Socio-Political Critique</text> <text x="495" y="302">Moral standards are often gendered constructs</text> <text x="495" y="318">that favor specific biological expressions.</text> </g> <!-- Center: The Is-Ought Gap --> <g transform="translate(435, 200)"> <line x1="0" y1="0" x2="30" y2="0" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 4"/> <circle cx="15" cy="0" r="20" fill="#0f172a" stroke="#f59e0b" stroke-width="1"/> <text x="15" y="5" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b">GAP</text> </g> <!-- Bottom Panel: The Bio-Social Model --> <rect x="40" y="430" width="820" height="100" rx="16" fill="#ffffff08" stroke="#f59e0b" stroke-opacity="0.4"/> <text x="450" y="460" text-anchor="middle" font-family="sans-serif" font-size="22" font-weight="700" fill="#f59e0b">The Bio-Social Model</text> <text x="450" y="485" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#f8fafc"> Synthesizing biological imperatives with gender-sensitive frameworks. </text> <text x="450" y="505" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8"> Moral instincts are evolved adaptations (IS), but their valuation is culturally constructed (OUGHT). </text> <!-- Small Game Theory Visual --> <g transform="translate(750, 445) scale(0.6)" opacity="0.7"> <rect x="0" y="0" width="60" height="60" fill="none" stroke="#94a3b8"/> <line x1="30" y1="0" x2="30" y2="60" stroke="#94a3b8"/> <line x1="0" y1="30" x2="60" y2="30" stroke="#94a3b8"/> <text x="15" y="20" text-anchor="middle" font-size="14" fill="#38bdf8">C</text> <text x="45" y="50" text-anchor="middle" font-size="14" fill="#e879f9">D</text> </g> <!-- Connecting Arrows --> <path d="M235 410 Q235 430 430 430" fill="none" stroke="#38bdf8" stroke-width="2" stroke-opacity="0.3" marker-end="url(#arrowBio)"/> <path d="M665 410 Q665 430 470 430" fill="none" stroke="#e879f9" stroke-width="2" stroke-opacity="0.3" marker-end="url(#arrowGender)"/> </svg>Contemporary Perspectives: Biology and Gender image 1Contemporary Perspectives: Biology and Gender - Introduction to Philosophy: Ethics - image 1https://www.getlykke.com/explore/public/introduction-to-philosophy-ethics-0a6967bf-c41b-41bd-bfcf-18f16e08bbf2/media/ethics-biology-and-gender/svg/1Contemporary Perspectives: Biology and Gender diagram 1Contemporary Perspectives: Biology and Gender - Introduction to Philosophy: Ethics - diagram 1https://www.getlykke.com/explore/public/introduction-to-philosophy-ethics-0a6967bf-c41b-41bd-bfcf-18f16e08bbf2/media/ethics-biology-and-gender/svg/2Contemporary Perspectives: Biology and Gender diagram 2Contemporary Perspectives: Biology and Gender - Introduction to Philosophy: Ethics - diagram 2https://www.getlykke.com/explore/public/western-civilization-i-fa5b625d-1434-48e1-adb1-266352f238572026-04-20T05:11:04.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.5">THE DAWN OF SYSTEMS</text> <text x="40" y="85" font-family="Arial, sans-serif" font-size="16" fill="#38bdf8" font-weight="600">PREHISTORY TO ANCIENT CIVILIZATIONS: THE GREAT STATE CHANGE</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Column 1: Paleolithic --> <rect x="40" y="130" width="260" height="380" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="165" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#94a3b8">01. PALEOLITHIC</text> <text x="60" y="185" font-family="Arial, sans-serif" font-weight="400" font-size="12" fill="#64748b">The Biological Operating System</text> <!-- Icon: Spear/Fire --> <circle cx="170" cy="240" r="40" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <path d="M 155 255 L 185 225 M 180 225 L 185 220 L 190 225" stroke="#f59e0b" stroke-width="3" fill="none"/> <path d="M 160 245 Q 170 210 180 245" stroke="#f59e0b" stroke-width="2" fill="none"/> <g font-family="Arial, sans-serif" font-size="13" fill="#f8fafc"> <text x="60" y="310">• Nomadic Hunter-Gatherers</text> <text x="60" y="335">• Small Egalitarian Bands</text> <text x="60" y="360">• Zero Surplus Economy</text> <text x="60" y="385">• Biological Evolution Driven</text> </g> <text x="60" y="480" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"Survival via mobility and adaptation."</text> <!-- Transition Arrow 1 --> <path d="M 305 320 L 315 320" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrowhead)"/> <!-- Column 2: Neolithic Revolution --> <rect x="320" y="130" width="260" height="380" rx="16" fill="#ffffff12" stroke="#38bdf840" stroke-width="2"/> <text x="340" y="165" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">02. NEOLITHIC</text> <text x="340" y="185" font-family="Arial, sans-serif" font-weight="400" font-size="12" fill="#94a3b8">The Hardware Upgrade (c. 10k BCE)</text> <!-- Icon: Wheat/Grain --> <circle cx="450" cy="240" r="40" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 450 270 L 450 215 M 440 230 L 450 220 L 460 230 M 440 250 L 450 240 L 460 250" stroke="#38bdf8" stroke-width="2" fill="none"/> <rect x="340" y="300" width="220" height="110" rx="8" fill="#00000040"/> <text x="350" y="325" font-family="Arial, sans-serif" font-weight="700" font-size="13" fill="#e879f9">THE SURPLUS ALGORITHM</text> <g font-family="Arial, sans-serif" font-size="12" fill="#cbd5e1"> <text x="350" y="350">1. Domestication (Input)</text> <text x="350" y="370">2. Intensification (Process)</text> <text x="350" y="390">3. Storage = PROFIT MARGIN</text> </g> <text x="340" y="440" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">• Sedentism &amp; Permanent Housing</text> <text x="340" y="465" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">• Labor Specialization Begins</text> <!-- Column 3: Ancient Civilizations --> <rect x="600" y="130" width="260" height="380" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="620" y="165" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#e879f9">03. MESOPOTAMIA</text> <text x="620" y="185" font-family="Arial, sans-serif" font-weight="400" font-size="12" fill="#64748b">Systems Engineering (c. 3k BCE)</text> <!-- Icon: Ziggurat/Tablet --> <circle cx="730" cy="240" r="40" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <path d="M 710 260 L 750 260 L 740 240 L 720 240 L 710 260 M 725 240 L 735 240 L 730 225 L 725 240" stroke="#e879f9" stroke-width="2" fill="none"/> <g font-family="Arial, sans-serif" font-size="13" fill="#f8fafc"> <text x="620" y="310" font-weight="700" fill="#f59e0b">Cuneiform (Data Persistence)</text> <text x="620" y="330" font-family="monospace" font-size="11" fill="#94a3b8">Tracking debts &amp; taxes.</text> <text x="620" y="370" font-weight="700" fill="#f59e0b">Code of Hammurabi (API)</text> <text x="620" y="390" font-family="monospace" font-size="11" fill="#94a3b8">Standardized public law.</text> <text x="620" y="430">• Centralized Authority</text> <text x="620" y="455">• Large-Scale Irrigation</text> <text x="620" y="480">• Social Stratification</text> </g> <!-- Footer Info --> <rect x="40" y="525" width="820" height="25" rx="4" fill="#38bdf810"/> <text x="450" y="542" font-family="Arial, sans-serif" font-size="11" fill="#38bdf8" text-anchor="middle" font-weight="600">STATE CHANGE: FROM BIOLOGICAL EVOLUTION TO CULTURAL &amp; TECHNOLOGICAL EVOLUTION</text> <!-- Decorative Elements --> <circle cx="860" cy="40" r="20" fill="none" stroke="#f59e0b" stroke-width="1" stroke-dasharray="4 2"/> <circle cx="860" cy="40" r="10" fill="#f59e0b"/> </svg>Prehistory and Ancient Civilizations image 1Prehistory and Ancient Civilizations - Western Civilization I - image 1https://www.getlykke.com/explore/public/western-civilization-i-fa5b625d-1434-48e1-adb1-266352f23857/media/prehistory-and-ancient-civilizations/svg/1Prehistory and Ancient Civilizations diagram 1Prehistory and Ancient Civilizations - Western Civilization I - diagram 1https://www.getlykke.com/explore/public/western-civilization-i-fa5b625d-1434-48e1-adb1-266352f23857/media/prehistory-and-ancient-civilizations/svg/2Prehistory and Ancient Civilizations diagram 2Prehistory and Ancient Civilizations - Western Civilization I - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="800" font-size="34" letter-spacing="-0.5">THE MIDDLE AGES</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="14" font-weight="500" letter-spacing="3">476 CE — 1450 CE • A TRANSFORMATIVE MILLENNIUM</text> <line x1="380" y1="100" x2="520" y2="100" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/> <!-- Left Card: Feudalism --> <rect x="40" y="125" width="400" height="290" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="65" y="155" fill="#f59e0b" font-family="Arial, sans-serif" font-weight="700" font-size="18">FEUDALISM</text> <text x="65" y="175" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">The Political &amp; Military Architecture</text> <!-- Hierarchy Diagram --> <g transform="translate(65, 195)"> <!-- Monarch --> <rect x="110" y="0" width="130" height="35" rx="6" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="175" y="22" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-size="12" font-weight="bold">MONARCH</text> <!-- Lords --> <rect x="110" y="60" width="130" height="35" rx="6" fill="#ffffff10" stroke="#94a3b8" stroke-width="1"/> <text x="175" y="82" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-size="12">GREAT LORDS</text> <!-- Knights --> <rect x="110" y="120" width="130" height="35" rx="6" fill="#ffffff10" stroke="#94a3b8" stroke-width="1"/> <text x="175" y="142" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-size="12">KNIGHTS</text> <!-- Serfs --> <rect x="110" y="180" width="130" height="35" rx="6" fill="#ffffff05" stroke="#475569" stroke-width="1"/> <text x="175" y="202" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">PEASANTS / SERFS</text> <!-- Connectors --> <path d="M 175 35 L 175 60 M 175 95 L 175 120 M 175 155 L 175 180" stroke="#38bdf8" stroke-width="1.5" stroke-dasharray="4 2"/> <!-- Labels --> <text x="250" y="52" fill="#38bdf8" font-family="Arial, sans-serif" font-size="10" font-weight="bold">LAND (FIEF)</text> <text x="250" y="112" fill="#38bdf8" font-family="Arial, sans-serif" font-size="10" font-weight="bold">PROTECTION</text> <text x="60" y="52" text-anchor="end" fill="#e879f9" font-family="Arial, sans-serif" font-size="10" font-weight="bold">LOYALTY</text> <text x="60" y="112" text-anchor="end" fill="#e879f9" font-family="Arial, sans-serif" font-size="10" font-weight="bold">MILITARY</text> </g> <!-- Right Card: Manorialism --> <rect x="460" y="125" width="400" height="290" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="485" y="155" fill="#38bdf8" font-family="Arial, sans-serif" font-weight="700" font-size="18">MANORIALISM</text> <text x="485" y="175" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">The Economic Engine &amp; Crop Rotation</text> <!-- Three Field System Visual --> <g transform="translate(485, 205)"> <!-- Field A --> <circle cx="60" cy="80" r="45" fill="#10b98120" stroke="#10b981" stroke-width="2"/> <text x="60" y="75" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-size="11" font-weight="bold">FIELD A</text> <text x="60" y="92" text-anchor="middle" fill="#10b981" font-family="Arial, sans-serif" font-size="9">WINTER WHEAT</text> <!-- Field B --> <circle cx="170" cy="80" r="45" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <text x="170" y="75" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-size="11" font-weight="bold">FIELD B</text> <text x="170" y="92" text-anchor="middle" fill="#f59e0b" font-family="Arial, sans-serif" font-size="9">SPRING BEANS</text> <!-- Field C --> <circle cx="280" cy="80" r="45" fill="#64748b20" stroke="#64748b" stroke-width="2"/> <text x="280" y="75" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-size="11" font-weight="bold">FIELD C</text> <text x="280" y="92" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="9">FALLOW</text> <!-- Rotation Arrows --> <path d="M 105 80 L 125 80" stroke="#ffffff30" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 215 80 L 235 80" stroke="#ffffff30" stroke-width="2"/> <path d="M 280 130 Q 170 170 60 130" fill="none" stroke="#ffffff30" stroke-width="2" stroke-dasharray="4 4"/> <!-- Description --> <rect x="0" y="170" width="350" height="45" rx="8" fill="#ffffff05"/> <text x="175" y="188" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11">The Three-Field System increased food production</text> <text x="175" y="203" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11">and soil fertility through nitrogen fixation.</text> </g> <!-- Bottom Timeline --> <rect x="40" y="435" width="820" height="100" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <line x1="80" y1="495" x2="820" y2="495" stroke="#475569" stroke-width="2"/> <!-- Timeline Points --> <g fill="#f8fafc" font-family="Arial, sans-serif" font-size="10"> <circle cx="80" cy="495" r="4" fill="#e879f9"/> <text x="80" y="475" text-anchor="middle" font-weight="bold">476 CE</text> <text x="80" y="515" text-anchor="middle" fill="#94a3b8">Fall of Rome</text> <circle cx="260" cy="495" r="4" fill="#e879f9"/> <text x="260" y="475" text-anchor="middle" font-weight="bold">800 CE</text> <text x="260" y="515" text-anchor="middle" fill="#94a3b8">Charlemagne</text> <circle cx="440" cy="495" r="4" fill="#e879f9"/> <text x="440" y="475" text-anchor="middle" font-weight="bold">1066 CE</text> <text x="440" y="515" text-anchor="middle" fill="#94a3b8">Norman Conquest</text> <circle cx="620" cy="495" r="4" fill="#e879f9"/> <text x="620" y="475" text-anchor="middle" font-weight="bold">1347 CE</text> <text x="620" y="515" text-anchor="middle" fill="#94a3b8">Black Death</text> <circle cx="800" cy="495" r="4" fill="#e879f9"/> <text x="800" y="475" text-anchor="middle" font-weight="bold">1450 CE</text> <text x="800" y="515" text-anchor="middle" fill="#94a3b8">Renaissance Dawn</text> </g> <!-- Decorative elements --> <circle cx="860" cy="40" r="20" fill="none" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2 2"/> <path d="M 850 40 L 870 40 M 860 30 L 860 50" stroke="#f59e0b" stroke-width="1"/> <rect x="30" y="30" width="10" height="10" fill="#38bdf8" opacity="0.5"/> </svg>The Middle Ages image 1The Middle Ages - Western Civilization I - image 1https://www.getlykke.com/explore/public/western-civilization-i-fa5b625d-1434-48e1-adb1-266352f23857/media/the-middle-ages/svg/1The Middle Ages diagram 1The Middle Ages - Western Civilization I - diagram 1https://www.getlykke.com/explore/public/western-civilization-i-fa5b625d-1434-48e1-adb1-266352f23857/media/the-middle-ages/svg/2The Middle Ages diagram 2The Middle Ages - Western Civilization I - diagram 2https://www.getlykke.com/explore/public/western-civilization-i-fa5b625d-1434-48e1-adb1-266352f23857/media/the-middle-ages/svg/3The Middle Ages diagram 3The Middle Ages - Western Civilization I - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="800" font-size="32" letter-spacing="2">RENAISSANCE &amp; REFORMATION</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="14" font-weight="400">THE GREAT RE-ARCHITECTING OF WESTERN CIVILIZATION (14th - 17th C.)</text> <line x1="350" y1="105" x2="550" y2="105" stroke="#f59e0b" stroke-width="2" opacity="0.6"/> <!-- Section 1: Humanism (The Software) --> <rect x="40" y="130" width="260" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="170" cy="180" r="35" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 155 195 Q 170 160 185 195" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="170" cy="175" r="10" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="170" y="240" text-anchor="middle" fill="#38bdf8" font-family="Arial, sans-serif" font-weight="bold" font-size="18">HUMANISM</text> <text x="170" y="260" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12" font-style="italic">"The Software Upgrade"</text> <text x="60" y="295" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="bold" font-size="14">AD FONTES</text> <text x="60" y="315" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">Return to original sources.</text> <text x="60" y="345" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="bold" font-size="14">STUDIA HUMANITATIS</text> <text x="60" y="365" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">Grammar, Rhetoric, History,</text> <text x="60" y="380" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">Poetry, and Moral Philosophy.</text> <rect x="60" y="405" width="220" height="45" rx="8" fill="#38bdf815"/> <text x="170" y="425" text-anchor="middle" fill="#38bdf8" font-family="Arial, sans-serif" font-weight="bold" font-size="11">SHIFT: SCHOLASTICISM</text> <path d="M 140 435 L 200 435" stroke="#38bdf8" stroke-width="1" marker-end="url(#arrow)"/> <text x="170" y="445" text-anchor="middle" fill="#38bdf8" font-family="Arial, sans-serif" font-weight="bold" font-size="11">TO INDIVIDUAL AGENCY</text> <!-- Section 2: Printing Press (The Hardware) --> <rect x="320" y="130" width="260" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <g transform="translate(415, 150)"> <rect x="0" y="0" width="20" height="20" fill="#f59e0b" rx="2"/> <rect x="25" y="0" width="20" height="20" fill="#f59e0b" rx="2" opacity="0.7"/> <rect x="50" y="0" width="20" height="20" fill="#f59e0b" rx="2" opacity="0.4"/> <rect x="0" y="25" width="20" height="20" fill="#f59e0b" rx="2" opacity="0.7"/> <rect x="25" y="25" width="20" height="20" fill="#f59e0b" rx="2"/> <rect x="50" y="25" width="20" height="20" fill="#f59e0b" rx="2" opacity="0.7"/> <rect x="0" y="50" width="20" height="20" fill="#f59e0b" rx="2" opacity="0.4"/> <rect x="25" y="50" width="20" height="20" fill="#f59e0b" rx="2" opacity="0.7"/> <rect x="50" y="50" width="20" height="20" fill="#f59e0b" rx="2"/> </g> <text x="450" y="240" text-anchor="middle" fill="#f59e0b" font-family="Arial, sans-serif" font-weight="bold" font-size="18">PRINTING PRESS</text> <text x="450" y="260" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12" font-style="italic">"The Hardware Revolution"</text> <text x="340" y="295" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="bold" font-size="14">MOVABLE TYPE</text> <text x="340" y="315" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">Lead-Antimony-Tin alloy slugs.</text> <text x="340" y="345" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="bold" font-size="14">DATA DEMOCRACY</text> <text x="340" y="365" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">Production cost reduced by 3000%.</text> <text x="340" y="380" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">Information bypasses censorship.</text> <rect x="340" y="405" width="220" height="45" rx="8" fill="#f59e0b15"/> <text x="450" y="432" text-anchor="middle" fill="#f59e0b" font-family="Arial, sans-serif" font-weight="bold" font-size="16">HIGH BANDWIDTH</text> <!-- Section 3: Reformation (The Fork) --> <rect x="600" y="130" width="260" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <path d="M 730 150 L 730 180 L 690 210 M 730 180 L 770 210" fill="none" stroke="#e879f9" stroke-width="3" stroke-linecap="round"/> <circle cx="730" cy="150" r="5" fill="#e879f9"/> <circle cx="690" cy="210" r="5" fill="#e879f9"/> <circle cx="770" cy="210" r="5" fill="#e879f9"/> <text x="730" y="240" text-anchor="middle" fill="#e879f9" font-family="Arial, sans-serif" font-weight="bold" font-size="18">REFORMATION</text> <text x="730" y="260" text-anchor="middle" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12" font-style="italic">"The System Fork"</text> <text x="620" y="295" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="bold" font-size="14">SOLA FIDE</text> <text x="620" y="315" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">Justification by Faith alone.</text> <text x="620" y="345" fill="#f8fafc" font-family="Arial, sans-serif" font-weight="bold" font-size="14">SYSTEM FORK</text> <text x="620" y="365" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">95 Theses as a "Bug Report."</text> <text x="620" y="380" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">Fragmentation of the Hegemony.</text> <rect x="620" y="405" width="220" height="45" rx="8" fill="#e879f915"/> <text x="730" y="425" text-anchor="middle" fill="#e879f9" font-family="Arial, sans-serif" font-weight="bold" font-size="11">CATHOLIC MODEL: FAITH + WORKS</text> <text x="730" y="445" text-anchor="middle" fill="#e879f9" font-family="Arial, sans-serif" font-weight="bold" font-size="11">LUTHERAN MODEL: FAITH ALONE</text> <!-- Bottom Timeline/Comparison Footer --> <rect x="40" y="490" width="820" height="40" rx="20" fill="#ffffff05" stroke="#ffffff10"/> <text x="60" y="515" fill="#94a3b8" font-family="Arial, sans-serif" font-weight="bold" font-size="12">MIDDLE AGES</text> <line x1="150" y1="510" x2="750" y2="510" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4 4"/> <text x="760" y="515" fill="#f59e0b" font-family="Arial, sans-serif" font-weight="bold" font-size="12">EARLY MODERN ERA</text> <!-- Decorative Elements --> <circle cx="40" cy="40" r="3" fill="#f59e0b" opacity="0.5"/> <circle cx="860" cy="40" r="3" fill="#38bdf8" opacity="0.5"/> <circle cx="40" cy="520" r="3" fill="#e879f9" opacity="0.5"/> <circle cx="860" cy="520" r="3" fill="#f59e0b" opacity="0.5"/> </svg>Renaissance and Reformation image 1Renaissance and Reformation - Western Civilization I - image 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="1">RE-ARCHITECTING WESTERN CIVILIZATION</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="16" font-weight="400" letter-spacing="2">THE GREAT SYSTEM UPGRADE: 1400 — 1650</text> <rect x="400" y="100" width="100" height="4" fill="#38bdf8" rx="2"/> <!-- Panel 1: Humanism (Software) --> <rect x="40" y="130" width="260" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="75" cy="165" r="18" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <path d="M 68 165 L 82 165 M 75 158 L 75 172" stroke="#38bdf8" stroke-width="2"/> <text x="105" y="170" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="700">THE SOFTWARE</text> <text x="60" y="205" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="700">Humanism (Ad Fontes)</text> <text x="60" y="225" fill="#94a3b8" font-family="sans-serif" font-size="12" line-height="1.4"> <tspan x="60" dy="1.2em">Shift from divine predestination</tspan> <tspan x="60" dy="1.2em">to individual agency. Bypassing</tspan> <tspan x="60" dy="1.2em">medieval "bloatware" to access</tspan> <tspan x="60" dy="1.2em">original classical sources.</tspan> </text> <rect x="60" y="300" width="220" height="1" fill="#ffffff22"/> <text x="60" y="330" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="700">CORE LOGIC CHANGE:</text> <g transform="translate(60, 350)"> <rect width="220" height="30" rx="4" fill="#38bdf811"/> <text x="10" y="20" fill="#38bdf8" font-family="monospace" font-size="11">Scholasticism → Humanism</text> <rect y="40" width="220" height="30" rx="4" fill="#38bdf811"/> <text x="10" y="60" fill="#38bdf8" font-family="monospace" font-size="11">Hierarchy → Agency</text> <rect y="80" width="220" height="30" rx="4" fill="#38bdf811"/> <text x="10" y="100" fill="#38bdf8" font-family="monospace" font-size="11">Stasis → Improvement</text> </g> <!-- Panel 2: Printing Press (Hardware) --> <rect x="320" y="130" width="260" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="355" cy="165" r="18" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <rect x="348" y="158" width="14" height="14" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="385" y="170" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="700">THE HARDWARE</text> <text x="340" y="205" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="700">Movable Type (c. 1440)</text> <g transform="translate(340, 230)"> <text x="0" y="20" fill="#f59e0b" font-family="sans-serif" font-size="36" font-weight="800" filter="url(#glow)">-3,000%</text> <text x="0" y="45" fill="#94a3b8" font-family="sans-serif" font-size="12">Cost of book production</text> </g> <text x="340" y="310" fill="#94a3b8" font-family="sans-serif" font-size="12"> <tspan x="340" dy="1.2em">Transition from low-bandwidth</tspan> <tspan x="340" dy="1.2em">manuscripts to high-bandwidth</tspan> <tspan x="340" dy="1.2em">print culture. Information</tspan> <tspan x="340" dy="1.2em">democratization at scale.</tspan> </text> <g transform="translate(340, 385)"> <rect width="45" height="45" rx="4" fill="#ffffff11" stroke="#f59e0b" stroke-width="1"/> <text x="22.5" y="30" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="24" font-weight="bold">A</text> <rect x="55" width="45" height="45" rx="4" fill="#ffffff11" stroke="#f59e0b" stroke-width="1"/> <text x="77.5" y="30" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="24" font-weight="bold">g</text> <rect x="110" width="45" height="45" rx="4" fill="#ffffff11" stroke="#f59e0b" stroke-width="1"/> <text x="132.5" y="30" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="24" font-weight="bold">Ω</text> <text x="0" y="65" fill="#94a3b8" font-family="sans-serif" font-size="10" letter-spacing="1">REUSABLE TYPE SLUGS</text> </g> <!-- Panel 3: Reformation (The Fork) --> <rect x="600" y="130" width="260" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="635" cy="165" r="18" fill="#e879f922" stroke="#e879f9" stroke-width="2"/> <path d="M 628 172 L 635 165 L 642 172 M 635 165 L 635 158" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="665" y="170" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="700">THE FORK</text> <text x="620" y="205" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="700">Protestant Reformation</text> <g transform="translate(620, 230)"> <path d="M 0 40 Q 50 40 100 10 M 0 40 Q 50 40 100 70" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="0" cy="40" r="4" fill="#e879f9"/> <text x="110" y="15" fill="#f8fafc" font-family="sans-serif" font-size="11">Sola Fide</text> <text x="110" y="75" fill="#94a3b8" font-family="sans-serif" font-size="11">Tradition</text> </g> <text x="620" y="330" fill="#94a3b8" font-family="sans-serif" font-size="12"> <tspan x="620" dy="1.2em">A fundamental "bug report"</tspan> <tspan x="620" dy="1.2em">on Church hegemony leading</tspan> <tspan x="620" dy="1.2em">to a permanent system fork</tspan> <tspan x="620" dy="1.2em">and institutional competition.</tspan> </text> <g transform="translate(620, 410)"> <rect width="220" height="50" rx="8" fill="#e879f911" stroke="#e879f933"/> <text x="110" y="22" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="11" font-weight="bold">JUSTIFICATION LOGIC</text> <text x="110" y="40" text-anchor="middle" fill="#f8fafc" font-family="monospace" font-size="10">Faith + Works → Faith Alone</text> </g> <!-- Footer Timeline --> <line x1="40" y1="520" x2="860" y2="520" stroke="#ffffff22" stroke-width="2"/> <circle cx="40" cy="520" r="4" fill="#38bdf8"/> <text x="40" y="540" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">1350: PETRARCH</text> <circle cx="320" cy="520" r="4" fill="#f59e0b"/> <text x="320" y="540" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="bold">1440: GUTENBERG</text> <circle cx="600" cy="520" r="4" fill="#e879f9"/> <text x="600" y="540" fill="#e879f9" font-family="sans-serif" font-size="10" font-weight="bold">1517: LUTHER</text> <circle cx="860" cy="520" r="4" fill="#94a3b8"/> <text x="860" y="540" text-anchor="end" fill="#94a3b8" font-family="sans-serif" font-size="10" font-weight="bold">1648: WESTPHALIA</text> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="50" cy="510" r="60" fill="none" stroke="#ffffff05" stroke-width="2"/> </svg>Renaissance and Reformation image 2Renaissance and Reformation - Western Civilization I - image 2https://www.getlykke.com/explore/public/western-civilization-i-fa5b625d-1434-48e1-adb1-266352f23857/media/renaissance-and-reformation/svg/1Renaissance and Reformation diagram 1Renaissance and Reformation - Western Civilization I - diagram 1https://www.getlykke.com/explore/public/western-civilization-i-fa5b625d-1434-48e1-adb1-266352f23857/media/renaissance-and-reformation/svg/2Renaissance and Reformation diagram 2Renaissance and Reformation - Western Civilization I - diagram 2https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe952026-04-20T05:10:35.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="55" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="1">FOUNDATIONS OF CRIME &amp; CRIMINOLOGY</text> <rect x="350" y="70" width="200" height="4" rx="2" fill="#38bdf8"/> <!-- SECTION 1: DEVIANCE VS CRIME --> <rect x="40" y="100" width="400" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="65" y="135" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="bold">THE SPECTRUM OF CONTROL</text> <!-- Comparison Icons/Shapes --> <circle cx="100" cy="190" r="35" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="100" y="195" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">DEVIANCE</text> <circle cx="150" cy="190" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="150" y="195" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="10" font-weight="bold">CRIME</text> <g font-family="sans-serif" font-size="12"> <text x="210" y="170" fill="#f8fafc" font-weight="bold">DEVIANCE:</text> <text x="210" y="185" fill="#94a3b8">Violation of social norms.</text> <text x="210" y="200" fill="#94a3b8">Sanction: Social stigma.</text> <text x="210" y="230" fill="#f8fafc" font-weight="bold">CRIME:</text> <text x="210" y="245" fill="#94a3b8">Violation of codified law.</text> <text x="210" y="260" fill="#94a3b8">Sanction: State punishment.</text> </g> <!-- SECTION 2: CONSENSUS VS CONFLICT --> <rect x="40" y="300" width="400" height="220" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="65" y="335" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">ORIGINS OF LAW</text> <!-- Consensus Side --> <rect x="65" y="355" width="165" height="140" rx="8" fill="#ffffff05"/> <text x="147" y="375" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">CONSENSUS</text> <text x="147" y="395" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">Law as "Social Glue"</text> <path d="M 120 440 Q 147 410 174 440" stroke="#38bdf8" fill="none" stroke-width="2"/> <text x="147" y="460" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">MALA IN SE</text> <text x="147" y="475" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Inherently Evil</text> <!-- Conflict Side --> <rect x="245" y="355" width="165" height="140" rx="8" fill="#ffffff05"/> <text x="327" y="375" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">CONFLICT</text> <text x="327" y="395" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">Law as "Power Tool"</text> <path d="M 300 440 L 354 440 L 327 410 Z" fill="#e879f930" stroke="#e879f9" stroke-width="1"/> <text x="327" y="460" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="10" font-weight="bold">MALA PROHIBITA</text> <text x="327" y="475" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Wrong by Statute</text> <!-- SECTION 3: WEDDING CAKE MODEL --> <rect x="460" y="100" width="400" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="485" y="135" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">THE WEDDING CAKE MODEL</text> <text x="485" y="155" fill="#94a3b8" font-family="sans-serif" font-size="12">Systemic prioritization of justice resources.</text> <!-- Cake Layers --> <!-- Layer 1: Celebrated Cases --> <rect x="610" y="180" width="100" height="35" rx="4" fill="#f59e0b" filter="url(#glow)"/> <text x="720" y="202" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">I. CELEBRATED CASES</text> <text x="720" y="215" fill="#94a3b8" font-family="sans-serif" font-size="10">Media frenzy, full trials.</text> <!-- Layer 2: Serious Felonies --> <rect x="570" y="225" width="180" height="50" rx="4" fill="#fbbf24"/> <text x="575" y="255" fill="#0f172a" font-family="sans-serif" font-size="13" font-weight="bold">II. SERIOUS FELONIES</text> <!-- Layer 3: Less Serious Felonies --> <rect x="530" y="285" width="260" height="65" rx="4" fill="#fcd34d"/> <text x="535" y="325" fill="#0f172a" font-family="sans-serif" font-size="13" font-weight="bold">III. LESS SERIOUS FELONIES</text> <!-- Layer 4: Misdemeanors --> <rect x="490" y="360" width="340" height="100" rx="4" fill="#fef3c7"/> <text x="495" y="415" fill="#0f172a" font-family="sans-serif" font-size="14" font-weight="900">IV. MISDEMEANORS</text> <text x="495" y="435" fill="#78350f" font-family="sans-serif" font-size="11" font-weight="bold">The vast majority of the system's workload.</text> <!-- Conditions of Deviance (Bottom Bar) --> <rect x="460" y="475" width="400" height="45" rx="8" fill="#38bdf815"/> <text x="475" y="493" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">GOODE'S 4 CONDITIONS OF DEVIANCE:</text> <text x="475" y="510" fill="#f8fafc" font-family="sans-serif" font-size="10">1. Norm Exists • 2. Violation • 3. Audience • 4. Negative Reaction</text> <!-- Decorative Elements --> <circle cx="40" cy="40" r="10" fill="#38bdf8" opacity="0.2"/> <circle cx="860" cy="520" r="20" fill="#e879f9" opacity="0.1"/> <path d="M 850 50 L 880 80" stroke="#f59e0b" stroke-width="2" opacity="0.3"/> </svg>Foundations of Crime and Criminology image 1Foundations of Crime and Criminology - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/foundations-of-crime-and-criminology/svg/1Foundations of Crime and Criminology diagram 1Foundations of Crime and Criminology - Criminology and Criminal Justice - diagram 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/foundations-of-crime-and-criminology/svg/2Foundations of Crime and Criminology diagram 2Foundations of Crime and Criminology - Criminology and Criminal Justice - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560"/> </g> <!-- Header Section --> <text x="450" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" text-anchor="middle" letter-spacing="1">CRIMINAL LAW &amp; POLICY</text> <text x="450" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle" font-style="italic">The Dual-Engine System of Social Control</text> <rect x="350" y="85" width="200" height="2" fill="url(#accentGrad)"/> <!-- Left Panel: Criminal Law (The Static Framework) --> <rect x="40" y="110" width="390" height="300" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="20" fill="#38bdf8">CRIMINAL LAW</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">The Static Framework: Rules &amp; Definitions</text> <!-- Actus Reus / Mens Rea --> <g transform="translate(60, 190)"> <rect width="165" height="60" rx="8" fill="#38bdf815" stroke="#38bdf844"/> <text x="10" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">ACTUS REUS</text> <text x="10" y="45" font-family="sans-serif" font-size="11" fill="#f8fafc">The Physical Component</text> <text x="10" y="55" font-family="sans-serif" font-size="9" fill="#94a3b8">Voluntary act or omission</text> <rect x="185" width="165" height="60" rx="8" fill="#f59e0b15" stroke="#f59e0b44"/> <text x="195" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">MENS REA</text> <text x="195" y="45" font-family="sans-serif" font-size="11" fill="#f8fafc">The Mental Component</text> <text x="195" y="55" font-family="sans-serif" font-size="9" fill="#94a3b8">Culpability &amp; Intent</text> </g> <!-- MPC Hierarchy --> <g transform="translate(60, 270)"> <text x="0" y="15" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">MPC CULPABILITY LEVELS</text> <rect x="0" y="25" width="350" height="18" rx="4" fill="#f59e0b"/> <text x="175" y="38" font-family="sans-serif" font-weight="700" font-size="10" fill="#0f172a" text-anchor="middle">PURPOSEFULLY (Specific Intent)</text> <rect x="0" y="47" width="350" height="18" rx="4" fill="#f59e0b" fill-opacity="0.75"/> <text x="175" y="60" font-family="sans-serif" font-weight="700" font-size="10" fill="#0f172a" text-anchor="middle">KNOWINGLY (Practical Certainty)</text> <rect x="0" y="69" width="350" height="18" rx="4" fill="#f59e0b" fill-opacity="0.5"/> <text x="175" y="82" font-family="sans-serif" font-weight="700" font-size="10" fill="#0f172a" text-anchor="middle">RECKLESSLY (Conscious Disregard)</text> <rect x="0" y="91" width="350" height="18" rx="4" fill="#f59e0b" fill-opacity="0.25"/> <text x="175" y="104" font-family="sans-serif" font-weight="700" font-size="10" fill="#f8fafc" text-anchor="middle">NEGLIGENTLY (Should Have Known)</text> </g> <!-- Right Panel: Criminal Policy (The Dynamic Application) --> <rect x="470" y="110" width="390" height="300" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="490" y="145" font-family="sans-serif" font-weight="700" font-size="20" fill="#e879f9">CRIMINAL POLICY</text> <text x="490" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">The Dynamic Application: Strategy &amp; Data</text> <g transform="translate(490, 190)"> <!-- Policy Drivers --> <circle cx="20" cy="20" r="15" fill="#e879f922" stroke="#e879f9" stroke-width="2"/> <path d="M15 20l10 0M20 15l0 10" stroke="#e879f9" stroke-width="2"/> <text x="45" y="18" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Political Pressure</text> <text x="45" y="30" font-family="sans-serif" font-size="10" fill="#94a3b8">Legislative agendas and public outcry</text> <circle cx="20" cy="70" r="15" fill="#e879f922" stroke="#e879f9" stroke-width="2"/> <path d="M15 75l10-10M15 65l10 10" stroke="#e879f9" stroke-width="2"/> <text x="45" y="68" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Empirical Data</text> <text x="45" y="80" font-family="sans-serif" font-size="10" fill="#94a3b8">Crime rates, recidivism, and fiscal cost</text> <circle cx="20" cy="120" r="15" fill="#e879f922" stroke="#e879f9" stroke-width="2"/> <path d="M12 120h16M20 112v16" stroke="#e879f9" stroke-width="2" transform="rotate(45 20 120)"/> <text x="45" y="118" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Sociological Shifts</text> <text x="45" y="130" font-family="sans-serif" font-size="10" fill="#94a3b8">Changing definitions of morality/deviance</text> <!-- Resource Management Box --> <rect y="160" width="350" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="175" y="182" font-family="sans-serif" font-weight="700" font-size="12" fill="#e879f9" text-anchor="middle">RESOURCE PRIORITIZATION</text> <text x="175" y="198" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Determining where police and prosecutorial budgets flow</text> </g> <!-- Bottom Section: Classifications --> <g transform="translate(40, 430)"> <rect width="820" height="100" rx="16" fill="#ffffff05" stroke="#ffffff15"/> <!-- Mala in se --> <g transform="translate(30, 25)"> <rect width="360" height="50" rx="8" fill="#ef444415" stroke="#ef444444"/> <text x="15" y="22" font-family="sans-serif" font-weight="700" font-size="14" fill="#ef4444">MALA IN SE</text> <text x="15" y="40" font-family="sans-serif" font-size="11" fill="#f8fafc">"Evil in themselves" — Murder, Theft, Rape</text> <text x="345" y="30" font-family="sans-serif" font-weight="800" font-size="24" fill="#ef444422" text-anchor="end">MORAL</text> </g> <!-- Mala prohibita --> <g transform="translate(430, 25)"> <rect width="360" height="50" rx="8" fill="#10b98115" stroke="#10b98144"/> <text x="15" y="22" font-family="sans-serif" font-weight="700" font-size="14" fill="#10b981">MALA PROHIBITA</text> <text x="15" y="40" font-family="sans-serif" font-size="11" fill="#f8fafc">"Wrong because prohibited" — Traffic, Licensing</text> <text x="345" y="30" font-family="sans-serif" font-weight="800" font-size="24" fill="#10b98122" text-anchor="end">LEGAL</text> </g> <text x="410" y="90" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Categorization of Offenses based on Inherent Wrongfulness</text> </g> <!-- Decorative Icons --> <g opacity="0.2" transform="translate(820, 30)"> <path d="M0 0 L20 0 L10 20 Z" fill="#38bdf8"/> <circle cx="30" cy="10" r="5" fill="#e879f9"/> </g> <g opacity="0.2" transform="translate(30, 520)"> <rect width="15" height="15" fill="#f59e0b"/> <circle cx="30" cy="7" r="7" fill="#38bdf8"/> </g> </svg>Criminal Law and Policy image 1Criminal Law and Policy - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/criminal-law-and-policy/svg/1Criminal Law and Policy diagram 1Criminal Law and Policy - Criminology and Criminal Justice - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" text-anchor="middle" letter-spacing="1">CRIMINOLOGICAL THEORY</text> <text x="450" y="75" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" text-anchor="middle" letter-spacing="3">ANALYTICAL FRAMEWORKS OF DEVIANCE &amp; SOCIAL ORDER</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Column 1: Foundations --> <rect x="30" y="110" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="160" y="140" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8" text-anchor="middle">FOUNDATIONS</text> <!-- Social Contract Icon --> <circle cx="160" y="185" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M 145 185 Q 160 170 175 185 Q 160 200 145 185" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="160" y="185" r="5" fill="#38bdf8"/> <text x="160" y="230" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc" text-anchor="middle">The Social Contract</text> <text x="160" y="248" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Liberty exchanged for protection</text> <rect x="45" y="270" width="230" height="100" rx="8" fill="#ffffff05"/> <text x="55" y="290" font-family="sans-serif" font-size="12" font-weight="700" fill="#f8fafc">Consensus vs. Conflict</text> <text x="55" y="310" font-family="sans-serif" font-size="11" fill="#94a3b8">Consensus: Shared values/norms</text> <text x="55" y="325" font-family="sans-serif" font-size="11" fill="#94a3b8">Conflict: Power &amp; exploitation</text> <text x="55" y="395" font-family="sans-serif" font-size="12" font-weight="700" fill="#f8fafc">Legal Classifications</text> <text x="55" y="415" font-family="sans-serif" font-size="11" fill="#38bdf8">Mala in se: <tspan fill="#94a3b8">Wrong in themselves</tspan></text> <text x="55" y="430" font-family="sans-serif" font-size="11" fill="#38bdf8">Mala prohibita: <tspan fill="#94a3b8">Wrong by law</tspan></text> <!-- Column 2: Classical School --> <rect x="320" y="110" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="140" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b" text-anchor="middle">CLASSICAL SCHOOL</text> <!-- Rational Choice Icon --> <rect x="430" y="165" width="40" height="40" rx="4" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <line x1="438" y1="175" x2="462" y2="175" stroke="#f59e0b" stroke-width="2"/> <line x1="438" y1="185" x2="462" y2="185" stroke="#f59e0b" stroke-width="2"/> <line x1="438" y1="195" x2="462" y2="195" stroke="#f59e0b" stroke-width="2"/> <text x="450" y="230" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc" text-anchor="middle">Rational Choice Theory</text> <text x="450" y="248" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Cost-Benefit Analysis (Utility)</text> <rect x="335" y="270" width="230" height="135" rx="8" fill="#ffffff05"/> <text x="450" y="295" font-family="sans-serif" font-size="12" font-weight="700" fill="#f8fafc" text-anchor="middle">Deterrence Variables</text> <circle cx="370" y="325" r="15" fill="#f59e0b20" stroke="#f59e0b"/> <text x="370" y="330" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b" text-anchor="middle">CER</text> <text x="415" y="322" font-family="sans-serif" font-size="11" font-weight="600" fill="#f8fafc">Certainty</text> <text x="415" y="334" font-family="sans-serif" font-size="10" fill="#94a3b8">Probability of arrest</text> <circle cx="370" y="365" r="15" fill="#f59e0b20" stroke="#f59e0b"/> <text x="370" y="370" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b" text-anchor="middle">SEV</text> <text x="415" y="362" font-family="sans-serif" font-size="11" font-weight="600" fill="#f8fafc">Severity</text> <text x="415" y="374" font-family="sans-serif" font-size="10" fill="#94a3b8">Harshness of penalty</text> <text x="450" y="435" font-family="sans-serif" font-size="11" font-style="italic" fill="#94a3b8" text-anchor="middle">"Pain of punishment must exceed</text> <text x="450" y="450" font-family="sans-serif" font-size="11" font-style="italic" fill="#94a3b8" text-anchor="middle">the pleasure of the crime."</text> <!-- Column 3: Positivism --> <rect x="610" y="110" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="740" y="140" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9" text-anchor="middle">POSITIVISM</text> <!-- DNA/Science Icon --> <path d="M 725 165 L 755 205 M 755 165 L 725 205" stroke="#e879f9" stroke-width="2" stroke-linecap="round"/> <circle cx="725" cy="165" r="3" fill="#e879f9"/> <circle cx="755" cy="165" r="3" fill="#e879f9"/> <circle cx="725" cy="205" r="3" fill="#e879f9"/> <circle cx="755" cy="205" r="3" fill="#e879f9"/> <line x1="732" y1="175" x2="748" y2="175" stroke="#e879f9" stroke-width="1"/> <line x1="736" y1="185" x2="744" y2="185" stroke="#e879f9" stroke-width="1"/> <line x1="732" y1="195" x2="748" y2="195" stroke="#e879f9" stroke-width="1"/> <text x="740" y="230" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc" text-anchor="middle">Determinism</text> <text x="740" y="248" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Behavior is caused, not chosen</text> <rect x="625" y="270" width="230" height="100" rx="8" fill="#ffffff05"/> <text x="635" y="290" font-family="sans-serif" font-size="12" font-weight="700" fill="#f8fafc">Key Influences</text> <text x="635" y="310" font-family="sans-serif" font-size="11" fill="#94a3b8">• Biological (Genetics, Brain)</text> <text x="635" y="325" font-family="sans-serif" font-size="11" fill="#94a3b8">• Psychological (Personality)</text> <text x="635" y="340" font-family="sans-serif" font-size="11" fill="#94a3b8">• Sociological (Environment)</text> <text x="740" y="400" font-family="sans-serif" font-size="12" font-weight="700" fill="#f8fafc" text-anchor="middle">Scientific Method</text> <text x="740" y="420" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Focus shifts from the <tspan fill="#e879f9">ACT</tspan></text> <text x="740" y="435" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">to the <tspan fill="#e879f9">OFFENDER</tspan></text> <!-- Footer Highlight --> <rect x="30" y="510" width="840" height="35" rx="8" fill="#00000040"/> <text x="450" y="532" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc" text-anchor="middle"> <tspan fill="#f59e0b">THE DARK FIGURE OF CRIME:</tspan> <tspan fill="#94a3b8" font-weight="400"> The vast volume of unrecorded and unknown criminal activity.</tspan> </text> <!-- Decorative elements --> <circle cx="850" cy="50" r="20" fill="#38bdf810" stroke="#38bdf820" stroke-width="1"/> <circle cx="50" cy="510" r="30" fill="#e879f905" stroke="#e879f910" stroke-width="1"/> </svg>Criminological Theory image 1Criminological Theory - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/criminological-theory/svg/1Criminological Theory diagram 1Criminological Theory - Criminology and Criminal Justice - diagram 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/criminological-theory/svg/2Criminological Theory diagram 2Criminological Theory - Criminology and Criminal Justice - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="2" filter="url(#glow)">POLICING &amp; LAW ENFORCEMENT</text> <line x1="300" y1="65" x2="600" y2="65" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Section 1: Peelian Principles --> <rect x="40" y="90" width="400" height="230" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="60" y="120" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Peelian Revolution (1829)</text> <text x="60" y="140" font-family="sans-serif" font-size="12" fill="#94a3b8">"The police are the public and the public are the police."</text> <!-- Principle Grid --> <g transform="translate(60, 165)"> <circle cx="15" cy="15" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="15" y="20" text-anchor="middle" fill="#f59e0b" font-size="14" font-weight="bold">1</text> <text x="40" y="12" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Prevention</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Proactive over reactive force.</text> <g transform="translate(0, 50)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="15" y="20" text-anchor="middle" fill="#38bdf8" font-size="14" font-weight="bold">2</text> <text x="40" y="12" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Approval</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Dependent on public consent.</text> </g> <g transform="translate(180, 0)"> <circle cx="15" cy="15" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="15" y="20" text-anchor="middle" fill="#e879f9" font-size="14" font-weight="bold">3</text> <text x="40" y="12" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Cooperation</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Securing willing assistance.</text> </g> <g transform="translate(180, 50)"> <circle cx="15" cy="15" r="15" fill="#10b98120" stroke="#10b981" stroke-width="1"/> <text x="15" y="20" text-anchor="middle" fill="#10b981" font-size="14" font-weight="bold">4</text> <text x="40" y="12" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Proportionality</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Force as a last resort.</text> </g> </g> <!-- Section 2: Historical Lineage --> <rect x="460" y="90" width="400" height="230" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="480" y="120" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Historical Lineage</text> <g transform="translate(480, 145)"> <rect width="360" height="60" rx="8" fill="#ffffff05"/> <path d="M15 15 L30 45 L45 15 Z" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="60" y="25" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Kin Policing</text> <text x="60" y="42" font-family="sans-serif" font-size="12" fill="#94a3b8">Decentralized, tribal enforcement. Often led to</text> <text x="60" y="56" font-family="sans-serif" font-size="12" fill="#94a3b8">retributive "blood feuds."</text> <g transform="translate(0, 75)"> <rect width="360" height="60" rx="8" fill="#ffffff05"/> <rect x="15" y="15" width="30" height="30" fill="none" stroke="#38bdf8" stroke-width="2"/> <line x1="20" y1="15" x2="20" y2="45" stroke="#38bdf8"/> <line x1="40" y1="15" x2="40" y2="45" stroke="#38bdf8"/> <text x="60" y="25" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Roman Cohorts &amp; Vigiles</text> <text x="60" y="42" font-family="sans-serif" font-size="12" fill="#94a3b8">First professional urban force under Augustus.</text> <text x="60" y="56" font-family="sans-serif" font-size="12" fill="#94a3b8">Focus: Pax Romana and fire prevention.</text> </g> </g> <!-- Section 3: The Four Eras Timeline --> <rect x="40" y="340" width="820" height="190" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="60" y="370" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The Four Eras of American Policing</text> <line x1="80" y1="460" x2="820" y2="460" stroke="#94a3b8" stroke-width="2"/> <!-- Era 1 --> <g transform="translate(80, 460)"> <circle r="6" fill="#f87171"/> <text y="-75" font-family="sans-serif" font-weight="700" font-size="13" fill="#f87171">POLITICAL</text> <text y="-60" font-family="sans-serif" font-size="11" fill="#f8fafc">1840s – 1930s</text> <text y="-40" font-family="sans-serif" font-size="10" fill="#94a3b8">Systemic Corruption</text> <text y="-28" font-family="sans-serif" font-size="10" fill="#94a3b8">Political Machines</text> <text y="-16" font-family="sans-serif" font-size="10" fill="#94a3b8">Social Services</text> </g> <!-- Era 2 --> <g transform="translate(280, 460)"> <circle r="6" fill="#38bdf8"/> <text y="-75" font-family="sans-serif" font-weight="700" font-size="13" fill="#38bdf8">REFORM</text> <text y="-60" font-family="sans-serif" font-size="11" fill="#f8fafc">1930s – 1970s</text> <text y="-40" font-family="sans-serif" font-size="10" fill="#94a3b8">Professionalization</text> <text y="-28" font-family="sans-serif" font-size="10" fill="#94a3b8">Crime Fighting Focus</text> <text y="-16" font-family="sans-serif" font-size="10" fill="#94a3b8">Tech &amp; Radios</text> </g> <!-- Era 3 --> <g transform="translate(480, 460)"> <circle r="6" fill="#10b981"/> <text y="-75" font-family="sans-serif" font-weight="700" font-size="13" fill="#10b981">COMMUNITY</text> <text y="-60" font-family="sans-serif" font-size="11" fill="#f8fafc">1970s – 2001</text> <text y="-40" font-family="sans-serif" font-size="10" fill="#94a3b8">Problem Solving</text> <text y="-28" font-family="sans-serif" font-size="10" fill="#94a3b8">Public Partnerships</text> <text y="-16" font-family="sans-serif" font-size="10" fill="#94a3b8">Foot Patrols</text> </g> <!-- Era 4 --> <g transform="translate(680, 460)"> <circle r="6" fill="#e879f9"/> <text y="-75" font-family="sans-serif" font-weight="700" font-size="13" fill="#e879f9">HOMELAND</text> <text y="-60" font-family="sans-serif" font-size="11" fill="#f8fafc">2001 – Present</text> <text y="-40" font-family="sans-serif" font-size="10" fill="#94a3b8">Intelligence-Led</text> <text y="-28" font-family="sans-serif" font-size="10" fill="#94a3b8">Counter-Terrorism</text> <text y="-16" font-family="sans-serif" font-size="10" fill="#94a3b8">Militarization</text> </g> <!-- Discretion Badge --> <g transform="translate(720, 30)"> <rect width="140" height="40" rx="20" fill="#f59e0b" fill-opacity="0.2" stroke="#f59e0b"/> <text x="70" y="25" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">POLICE DISCRETION</text> <circle cx="10" cy="20" r="3" fill="#f59e0b"/> <circle cx="130" cy="20" r="3" fill="#f59e0b"/> </g> </svg>Policing and Law Enforcement image 1Policing and Law Enforcement - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/policing-and-law-enforcement/svg/1Policing and Law Enforcement diagram 1Policing and Law Enforcement - Criminology and Criminal Justice - diagram 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/policing-and-law-enforcement/svg/2Policing and Law Enforcement diagram 2Policing and Law Enforcement - Criminology and Criminal Justice - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">THE JUDICIAL SYSTEM</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Middle Pillar of the American Criminal Justice Apparatus</text> <rect x="400" y="85" width="100" height="3" fill="#f59e0b" rx="1.5"/> <!-- Main Comparison Columns --> <!-- State Column --> <rect x="40" y="110" width="395" height="320" rx="16" fill="#ffffff0a" stroke="#38bdf844" stroke-width="1"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="20" fill="#38bdf8">STATE HIERARCHY</text> <text x="60" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">Handles 90-95% of all criminal cases</text> <!-- State Tiers --> <g transform="translate(60, 180)"> <rect width="355" height="45" rx="8" fill="#38bdf815"/> <text x="15" y="20" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">1. State Supreme Court</text> <text x="15" y="36" font-family="sans-serif" font-size="11" fill="#94a3b8">Court of last resort for state law issues.</text> <rect y="55" width="355" height="45" rx="8" fill="#38bdf815"/> <text x="15" y="75" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">2. Intermediate Appellate Courts</text> <text x="15" y="91" font-family="sans-serif" font-size="11" fill="#94a3b8">Reviews trial court decisions for procedural errors.</text> <rect y="110" width="355" height="45" rx="8" fill="#38bdf815"/> <text x="15" y="130" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">3. Courts of General Jurisdiction</text> <text x="15" y="146" font-family="sans-serif" font-size="11" fill="#94a3b8">Trial courts for serious crimes (felonies).</text> <rect y="165" width="355" height="45" rx="8" fill="#38bdf815"/> <text x="15" y="185" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">4. Courts of Limited Jurisdiction</text> <text x="15" y="201" font-family="sans-serif" font-size="11" fill="#94a3b8">Minor offenses, traffic, and initial appearances.</text> </g> <!-- Federal Column --> <rect x="465" y="110" width="395" height="320" rx="16" fill="#ffffff0a" stroke="#f59e0b44" stroke-width="1"/> <text x="485" y="140" font-family="sans-serif" font-weight="700" font-size="20" fill="#f59e0b">FEDERAL HIERARCHY</text> <text x="485" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">Crimes involving Federal Law &amp; Constitution</text> <!-- Federal Tiers --> <g transform="translate(485, 180)"> <rect width="355" height="60" rx="8" fill="#f59e0b15"/> <text x="15" y="25" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">1. U.S. Supreme Court (SCOTUS)</text> <text x="15" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">The ultimate arbiter of federal law and the Constitution.</text> <rect y="70" width="355" height="60" rx="8" fill="#f59e0b15"/> <text x="15" y="95" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">2. U.S. Courts of Appeals</text> <text x="15" y="115" font-family="sans-serif" font-size="11" fill="#94a3b8">Organized into 13 circuits; reviews district decisions.</text> <rect y="140" width="355" height="60" rx="8" fill="#f59e0b15"/> <text x="15" y="165" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">3. U.S. District Courts</text> <text x="15" y="185" font-family="sans-serif" font-size="11" fill="#94a3b8">Primary trial courts (94 districts) for federal crimes.</text> </g> <!-- Jurisdiction Footer Section --> <rect x="40" y="445" width="820" height="95" rx="16" fill="#ffffff08" stroke="#e879f944" stroke-width="1"/> <text x="60" y="475" font-family="sans-serif" font-weight="700" font-size="16" fill="#e879f9">DIMENSIONS OF JURISDICTION</text> <g transform="translate(60, 490)"> <!-- Geo --> <circle cx="10" cy="10" r="4" fill="#e879f9"/> <text x="20" y="14" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">GEOGRAPHIC</text> <text x="20" y="28" font-family="sans-serif" font-size="11" fill="#94a3b8">Physical area (County/District)</text> <!-- Subject --> <circle cx="200" cy="10" r="4" fill="#e879f9"/> <text x="210" y="14" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">SUBJECT MATTER</text> <text x="210" y="28" font-family="sans-serif" font-size="11" fill="#94a3b8">Type of case (Family vs Criminal)</text> <!-- Personal --> <circle cx="410" cy="10" r="4" fill="#e879f9"/> <text x="420" y="14" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">PERSONAL</text> <text x="420" y="28" font-family="sans-serif" font-size="11" fill="#94a3b8">Power over individuals involved</text> <!-- Hierarchical --> <circle cx="610" cy="10" r="4" fill="#e879f9"/> <text x="620" y="14" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">HIERARCHICAL</text> <text x="620" y="28" font-family="sans-serif" font-size="11" fill="#94a3b8">Original vs Appellate power</text> </g> <!-- Decorative Icons --> <!-- Gavel Icon --> <g transform="translate(50, 35) rotate(-30)" opacity="0.6"> <rect x="0" y="0" width="12" height="30" rx="2" fill="#f59e0b"/> <rect x="-10" y="5" width="32" height="12" rx="2" fill="#f59e0b"/> </g> <!-- Scales Icon --> <g transform="translate(820, 30)" opacity="0.6"> <path d="M 0 10 L 40 10 M 20 0 L 20 35 M 5 35 L 35 35" stroke="#38bdf8" stroke-width="2"/> <path d="M 0 10 L -5 25 A 10 10 0 0 0 5 25 Z" fill="#38bdf8" transform="translate(0,0)"/> <path d="M 40 10 L 35 25 A 10 10 0 0 0 45 25 Z" fill="#38bdf8" transform="translate(0,0)"/> </g> <!-- Dual Sovereignty Callout --> <g transform="translate(415, 415)"> <rect x="0" y="0" width="70" height="20" rx="10" fill="#1e1b4b" stroke="#e879f9" stroke-width="1"/> <text x="35" y="14" text-anchor="middle" font-family="sans-serif" font-size="9" font-weight="bold" fill="#e879f9">DUAL SOVEREIGNTY</text> </g> </svg>The Judicial System image 1The Judicial System - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/the-judicial-system/svg/1The Judicial System diagram 1The Judicial System - Criminology and Criminal Justice - diagram 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/the-judicial-system/svg/2The Judicial System diagram 2The Judicial System - Criminology and Criminal Justice - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">INSTITUTIONAL CORRECTIONS</text> <text x="450" y="75" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="600" font-size="14" letter-spacing="3">THE EVOLUTION OF SOCIAL CONTROL</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#334155" stroke-width="1"/> <!-- Left Panel: Penal Philosophies --> <rect x="30" y="110" width="260" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="45" y="140" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="18">Penal Philosophies</text> <!-- Philosophy Items --> <g transform="translate(45, 165)"> <circle cx="12" cy="12" r="12" fill="#f59e0b22" stroke="#f59e0b" stroke-width="1"/> <path d="M8 12 L16 12 M12 8 L12 16" stroke="#f59e0b" stroke-width="1.5"/> <text x="35" y="12" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Retribution</text> <text x="35" y="28" fill="#94a3b8" font-family="sans-serif" font-size="11">Past-focused; moral balance.</text> </g> <g transform="translate(45, 220)"> <circle cx="12" cy="12" r="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="1"/> <path d="M7 12 Q12 5 17 12 Q12 19 7 12" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <text x="35" y="12" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Deterrence</text> <text x="35" y="28" fill="#94a3b8" font-family="sans-serif" font-size="11">Prevention via rational choice.</text> </g> <g transform="translate(45, 275)"> <circle cx="12" cy="12" r="12" fill="#e879f922" stroke="#e879f9" stroke-width="1"/> <rect x="8" y="8" width="8" height="8" stroke="#e879f9" fill="none" stroke-width="1.5"/> <text x="35" y="12" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Incapacitation</text> <text x="35" y="28" fill="#94a3b8" font-family="sans-serif" font-size="11">Physical removal from society.</text> </g> <g transform="translate(45, 330)"> <circle cx="12" cy="12" r="12" fill="#22c55e22" stroke="#22c55e" stroke-width="1"/> <path d="M12 17 V7 M9 10 L12 7 L15 10" fill="none" stroke="#22c55e" stroke-width="1.5"/> <text x="35" y="12" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Rehabilitation</text> <text x="35" y="28" fill="#94a3b8" font-family="sans-serif" font-size="11">Addressing root causes of crime.</text> </g> <g transform="translate(45, 385)"> <circle cx="12" cy="12" r="12" fill="#f8fafc22" stroke="#f8fafc" stroke-width="1"/> <path d="M8 12 A4 4 0 1 1 16 12 A4 4 0 1 1 8 12" fill="none" stroke="#f8fafc" stroke-width="1.5"/> <text x="35" y="12" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Restoration</text> <text x="35" y="28" fill="#94a3b8" font-family="sans-serif" font-size="11">Healing victim and community.</text> </g> <!-- Center Panel: Historical Evolution --> <rect x="310" y="110" width="280" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="140" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">The 19th Century Pivot</text> <!-- Pennsylvania System --> <rect x="325" y="160" width="120" height="140" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="385" y="180" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">PENNSYLVANIA</text> <text x="385" y="195" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">"Separate System"</text> <rect x="375" y="210" width="20" height="30" fill="none" stroke="#f59e0b" stroke-width="1"/> <circle cx="385" cy="220" r="3" fill="#f59e0b"/> <text x="385" y="260" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">24/7 Solitary</text> <text x="385" y="275" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Penitence &amp; Prayer</text> <!-- Auburn System --> <rect x="455" y="160" width="120" height="140" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="515" y="180" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">AUBURN</text> <text x="515" y="195" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">"Congregate System"</text> <g transform="translate(495, 210)"> <rect x="0" y="0" width="10" height="20" fill="#38bdf855"/> <rect x="15" y="0" width="10" height="20" fill="#38bdf855"/> <rect x="30" y="0" width="10" height="20" fill="#38bdf855"/> </g> <text x="515" y="260" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Group Labor</text> <text x="515" y="275" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Economic Utility</text> <!-- Timeline Arrow --> <path d="M325 340 L565 340" stroke="#334155" stroke-width="2" marker-end="url(#arrowhead)"/> <circle cx="325" cy="340" r="4" fill="#38bdf8"/> <text x="325" y="360" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11">1790</text> <text x="325" y="375" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Walnut St. Jail</text> <circle cx="445" cy="340" r="4" fill="#38bdf8"/> <text x="445" y="360" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11">1829</text> <text x="445" y="375" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Eastern State</text> <circle cx="565" cy="340" r="4" fill="#38bdf8"/> <text x="565" y="360" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11">Modern</text> <text x="565" y="375" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Bureaucratic Era</text> <!-- Right Panel: Security Hierarchy --> <rect x="610" y="110" width="260" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="625" y="140" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">Security Hierarchy</text> <g transform="translate(625, 170)"> <path d="M0 260 L110 0 L220 260 Z" fill="#ffffff05" stroke="#ffffff20" stroke-width="1"/> <!-- Supermax --> <path d="M95 35 L125 35 L110 0 Z" fill="#e879f9"/> <text x="135" y="25" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="12">SUPERMAX</text> <text x="135" y="38" fill="#94a3b8" font-family="sans-serif" font-size="10">Total Control</text> <!-- Maximum --> <path d="M80 75 L140 75 L125 35 L95 35 Z" fill="#e879f9cc"/> <text x="150" y="65" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="12">MAXIMUM</text> <text x="150" y="78" fill="#94a3b8" font-family="sans-serif" font-size="10">High Walls / Towers</text> <!-- Medium --> <path d="M60 130 L160 130 L140 75 L80 75 Z" fill="#e879f999"/> <text x="170" y="115" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="12">MEDIUM</text> <text x="170" y="128" fill="#94a3b8" font-family="sans-serif" font-size="10">Vocational Focus</text> <!-- Minimum --> <path d="M30 200 L190 200 L160 130 L60 130 Z" fill="#e879f966"/> <text x="140" y="180" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="12">MINIMUM</text> <text x="140" y="193" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Dormitories / Work Release</text> </g> <!-- Footer: Recidivism Function --> <rect x="30" y="490" width="840" height="50" rx="12" fill="#00000044" stroke="#38bdf844"/> <text x="450" y="522" text-anchor="middle" fill="#f8fafc" font-family="serif" font-style="italic" font-size="20"> P<tspan baseline-shift="sub" font-size="12">r</tspan> = f(S, R, T, E) </text> <text x="450" y="538" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10" letter-spacing="1"> PROBABILITY OF RECIDIVISM = FUNCTION(SEVERITY, REHABILITATION, TIME, ENVIRONMENT) </text> <!-- Decorative Accents --> <circle cx="30" cy="30" r="60" fill="#38bdf808"/> <circle cx="870" cy="530" r="40" fill="#f59e0b08"/> </svg>Institutional Corrections image 1Institutional Corrections - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/institutional-corrections/svg/1Institutional Corrections diagram 1Institutional Corrections - Criminology and Criminal Justice - diagram 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/institutional-corrections/svg/2Institutional Corrections diagram 2Institutional Corrections - Criminology and Criminal Justice - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Texture --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#grid)"/> <circle cx="850" cy="50" r="150" fill="#38bdf808"/> <circle cx="50" cy="510" r="100" fill="#e879f908"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">Community Corrections &amp; Reentry</text> <text x="40" y="75" font-family="sans-serif" font-size="16" fill="#94a3b8" letter-spacing="1">THE ERA OF MASS SUPERVISION</text> <!-- Mass Supervision Stat Bar --> <rect x="40" y="100" width="820" height="4" rx="2" fill="#ffffff10"/> <rect x="40" y="100" width="600" height="4" rx="2" fill="#38bdf8" filter="url(#glow)"/> <text x="40" y="120" font-family="sans-serif" font-size="11" fill="#38bdf8" font-weight="bold">70% COMMUNITY SUPERVISION</text> <text x="650" y="120" font-family="sans-serif" font-size="11" fill="#94a3b8">30% INCARCERATION</text> <!-- Main Comparison: Probation vs Parole --> <!-- Probation Card --> <rect x="40" y="150" width="400" height="200" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="80" cy="190" r="20" fill="#38bdf820"/> <!-- Gavel Icon --> <path d="M 75 185 L 85 195 M 72 188 L 78 182 L 88 192 L 82 198 Z" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="110" y="195" font-family="sans-serif" font-weight="bold" font-size="20" fill="#38bdf8">Probation</text> <text x="110" y="215" font-family="sans-serif" font-size="13" fill="#94a3b8">The "Front-End" Alternative</text> <g font-family="sans-serif" font-size="13" fill="#f8fafc"> <text x="60" y="250">• Judicial Authority (The Court)</text> <text x="60" y="275">• Sentenced in lieu of prison</text> <text x="60" y="300">• Conditional Liberty status</text> <text x="60" y="325">• Revocation: Original sentence imposed</text> </g> <!-- Parole Card --> <rect x="460" y="150" width="400" height="200" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="500" cy="190" r="20" fill="#e879f920"/> <!-- Key Icon --> <circle cx="497" cy="187" r="5" stroke="#e879f9" stroke-width="2" fill="none"/> <path d="M 501 191 L 510 200 M 505 195 L 508 192" stroke="#e879f9" stroke-width="2"/> <text x="530" y="195" font-family="sans-serif" font-weight="bold" font-size="20" fill="#e879f9">Parole</text> <text x="530" y="215" font-family="sans-serif" font-size="13" fill="#94a3b8">The "Back-End" Release</text> <g font-family="sans-serif" font-size="13" fill="#f8fafc"> <text x="480" y="250">• Executive Authority (Parole Board)</text> <text x="480" y="275">• Extension of a prison sentence</text> <text x="480" y="300">• Post-incarceration reentry</text> <text x="480" y="325">• Revocation: Return to prison</text> </g> <!-- Bottom Section: RNR Model --> <rect x="40" y="370" width="820" height="160" rx="16" fill="#ffffff05" stroke="#f59e0b30"/> <text x="60" y="405" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">The RNR Model: Evidence-Based Supervision</text> <!-- Risk --> <g transform="translate(60, 430)"> <rect width="240" height="80" rx="8" fill="#ffffff08"/> <text x="120" y="30" font-family="sans-serif" font-weight="bold" font-size="15" fill="#f8fafc" text-anchor="middle">RISK PRINCIPLE</text> <text x="120" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">Match intensity of service</text> <text x="120" y="70" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">to the risk of recidivism.</text> <circle cx="120" cy="-5" r="3" fill="#f59e0b"/> </g> <!-- Need --> <g transform="translate(330, 430)"> <rect width="240" height="80" rx="8" fill="#ffffff08"/> <text x="120" y="30" font-family="sans-serif" font-weight="bold" font-size="15" fill="#f8fafc" text-anchor="middle">NEED PRINCIPLE</text> <text x="120" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">Target criminogenic needs</text> <text x="120" y="70" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">(e.g., substance use, peers).</text> <circle cx="120" cy="-5" r="3" fill="#f59e0b"/> </g> <!-- Responsivity --> <g transform="translate(600, 430)"> <rect width="240" height="80" rx="8" fill="#ffffff08"/> <text x="120" y="30" font-family="sans-serif" font-weight="bold" font-size="15" fill="#f8fafc" text-anchor="middle">RESPONSIVITY</text> <text x="120" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">Tailor interventions to</text> <text x="120" y="70" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">learning style &amp; motivation.</text> <circle cx="120" cy="-5" r="3" fill="#f59e0b"/> </g> <!-- Connecting Lines for RNR --> <path d="M 300 470 L 330 470 M 570 470 L 600 470" stroke="#ffffff10" stroke-width="2" stroke-dasharray="4"/> <!-- Footer/Source --> <text x="860" y="545" font-family="sans-serif" font-size="10" fill="#475569" text-anchor="end">CRIMINAL JUSTICE SERIES • COMMUNITY CORRECTIONS MODULE</text> </svg>Community Corrections and Reentry image 1Community Corrections and Reentry - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/community-corrections-and-reentry/svg/1Community Corrections and Reentry diagram 1Community Corrections and Reentry - Criminology and Criminal Justice - diagram 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/community-corrections-and-reentry/svg/2Community Corrections and Reentry diagram 2Community Corrections and Reentry - Criminology and Criminal Justice - diagram 2https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/community-corrections-and-reentry/svg/3Community Corrections and Reentry diagram 3Community Corrections and Reentry - Criminology and Criminal Justice - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <rect x="50" y="30" width="800" height="80" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="450" y="70" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" letter-spacing="1">JUVENILE JUSTICE</text> <text x="450" y="95" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="300" text-transform="uppercase" letter-spacing="3">The Architecture of Rehabilitation &amp; Retribution</text> <!-- Central Timeline Line --> <line x1="100" y1="230" x2="800" y2="230" stroke="#ffffff20" stroke-width="2" stroke-dasharray="8 4"/> <!-- Column 1: Parens Patriae (1899) --> <g transform="translate(50, 140)"> <rect width="250" height="220" rx="16" fill="#ffffff10" stroke="#38bdf840" stroke-width="1"/> <circle cx="125" cy="40" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <!-- Icon: Shield/Hand --> <path d="M115 45 Q125 55 135 45 L135 30 Q125 25 115 30 Z" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="125" y="85" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="bold">PARENS PATRIAE</text> <text x="125" y="105" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12">"The State as Parent"</text> <rect x="20" y="120" width="210" height="80" rx="8" fill="#00000030"/> <text x="35" y="140" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">1899: First Juvenile Court</text> <text x="35" y="158" fill="#94a3b8" font-family="sans-serif" font-size="11">• Non-adversarial model</text> <text x="35" y="174" fill="#94a3b8" font-family="sans-serif" font-size="11">• Focus on "Best Interests"</text> <text x="35" y="190" fill="#94a3b8" font-family="sans-serif" font-size="11">• Indeterminate Sentencing</text> </g> <!-- Column 2: In Re Gault (1967) --> <g transform="translate(325, 140)"> <rect width="250" height="220" rx="16" fill="#ffffff10" stroke="#f59e0b40" stroke-width="1"/> <circle cx="125" cy="40" r="25" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <!-- Icon: Gavel --> <path d="M115 35 L135 35 M125 35 L125 50" fill="none" stroke="#f59e0b" stroke-width="3"/> <text x="125" y="85" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">IN RE GAULT</text> <text x="125" y="105" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12">The Constitutional Pivot</text> <rect x="20" y="120" width="210" height="80" rx="8" fill="#00000030"/> <text x="35" y="140" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">1967: Due Process Rights</text> <text x="35" y="158" fill="#94a3b8" font-family="sans-serif" font-size="11">• Right to Counsel</text> <text x="35" y="174" fill="#94a3b8" font-family="sans-serif" font-size="11">• Notice of Charges</text> <text x="35" y="190" fill="#94a3b8" font-family="sans-serif" font-size="11">• Self-Incrimination Protection</text> </g> <!-- Column 3: Waivers (Modern) --> <g transform="translate(600, 140)"> <rect width="250" height="220" rx="16" fill="#ffffff10" stroke="#e879f940" stroke-width="1"/> <circle cx="125" cy="40" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <!-- Icon: Bridge/Arrow --> <path d="M110 40 L140 40 M130 30 L140 40 L130 50" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="125" y="85" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">WAIVER BRIDGE</text> <text x="125" y="105" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12">Transfer to Adult Court</text> <rect x="20" y="120" width="210" height="80" rx="8" fill="#00000030"/> <text x="35" y="140" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">Mechanisms of Transfer</text> <text x="35" y="158" fill="#94a3b8" font-family="sans-serif" font-size="11">• Judicial (Judge's Hearing)</text> <text x="35" y="174" fill="#94a3b8" font-family="sans-serif" font-size="11">• Statutory (Auto-Exclusion)</text> <text x="35" y="190" fill="#94a3b8" font-family="sans-serif" font-size="11">• Prosecutorial Discretion</text> </g> <!-- Comparison Table Section --> <g transform="translate(50, 385)"> <rect width="800" height="145" rx="16" fill="#ffffff05" stroke="#ffffff10" stroke-width="1"/> <text x="20" y="30" fill="#f8fafc" font-family="sans-serif" font-size="16" font-weight="bold" transform="translate(20,0)">Legal Comparison: Rights &amp; Standards</text> <!-- Table Headers --> <text x="300" y="60" fill="#38bdf8" font-family="sans-serif" font-size="13" font-weight="bold">ADULT COURT</text> <text x="580" y="60" fill="#e879f9" font-family="sans-serif" font-size="13" font-weight="bold">JUVENILE COURT</text> <!-- Row 1 --> <line x1="40" y1="75" x2="760" y2="75" stroke="#ffffff10"/> <text x="40" y="95" fill="#94a3b8" font-family="sans-serif" font-size="12">Trial by Jury</text> <text x="300" y="95" fill="#f8fafc" font-family="sans-serif" font-size="12">Required (6th Amend.)</text> <text x="580" y="95" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Not Required</text> <!-- Row 2 --> <line x1="40" y1="105" x2="760" y2="105" stroke="#ffffff10"/> <text x="40" y="125" fill="#94a3b8" font-family="sans-serif" font-size="12">Standard of Proof</text> <text x="300" y="125" fill="#f8fafc" font-family="sans-serif" font-size="12">Beyond Reasonable Doubt</text> <text x="580" y="125" fill="#f8fafc" font-family="sans-serif" font-size="12">Beyond Reasonable Doubt</text> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="100" fill="url(#accentGrad)" opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#38bdf8" opacity="0.05"/> <!-- Legend/Small Note --> <text x="850" y="540" text-anchor="end" fill="#475569" font-family="sans-serif" font-size="10" font-style="italic">Educational Overview: Juvenile Legal Framework v1.0</text> </svg>Juvenile Justice image 1Juvenile Justice - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/juvenile-justice/svg/1Juvenile Justice diagram 1Juvenile Justice - Criminology and Criminal Justice - diagram 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/juvenile-justice/svg/2Juvenile Justice diagram 2Juvenile Justice - Criminology and Criminal Justice - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="1">URBAN INEQUALITY &amp; SOCIAL DISPARITIES</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400">A Structural Framework of Criminological Theory and Spatial Policy</text> <rect x="380" y="100" width="140" height="3" fill="#38bdf8" rx="1.5"/> <!-- Left Card: Social Disorganization --> <rect x="40" y="130" width="390" height="200" rx="16" fill="#ffffff0a" stroke="#38bdf844" stroke-width="1"/> <circle cx="75" cy="165" r="18" fill="#38bdf822"/> <path d="M 68 172 L 75 158 L 82 172 Z" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="105" y="170" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="bold">Social Disorganization Theory</text> <text x="65" y="200" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Primary Driver: Structural Decay</text> <text x="65" y="220" fill="#94a3b8" font-family="sans-serif" font-size="12" width="340"> <tspan x="65" dy="0">Focuses on how neighborhood ecological factors—poverty,</tspan> <tspan x="65" dy="16">residential mobility, and ethnic heterogeneity—weaken</tspan> <tspan x="65" dy="16">informal social controls and community cohesion.</tspan> </text> <rect x="65" y="265" width="340" height="45" rx="8" fill="#38bdf811"/> <text x="75" y="282" fill="#38bdf8" font-family="sans-serif" font-size="11" font-weight="bold">POLICY OUTCOME:</text> <text x="75" y="298" fill="#f8fafc" font-family="sans-serif" font-size="12">Urban renewal, community investment, and social programs.</text> <!-- Right Card: Broken Windows --> <rect x="470" y="130" width="390" height="200" rx="16" fill="#ffffff0a" stroke="#f59e0b44" stroke-width="1"/> <circle cx="505" cy="165" r="18" fill="#f59e0b22"/> <path d="M 498 158 L 512 172 M 512 158 L 498 172" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="535" y="170" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">Broken Windows Theory</text> <text x="495" y="200" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Primary Driver: Visible Disorder</text> <text x="495" y="220" fill="#94a3b8" font-family="sans-serif" font-size="12"> <tspan x="495" dy="0">Suggests that minor signs of neglect (graffiti, litter)</tspan> <tspan x="495" dy="16">signal a lack of control, inviting more serious crime</tspan> <tspan x="495" dy="16">through a perceived absence of formal monitoring.</tspan> </text> <rect x="495" y="265" width="340" height="45" rx="8" fill="#f59e0b11"/> <text x="505" y="282" fill="#f59e0b" font-family="sans-serif" font-size="11" font-weight="bold">POLICY OUTCOME:</text> <text x="505" y="298" fill="#f8fafc" font-family="sans-serif" font-size="12">Zero-Tolerance policing and aggressive order maintenance.</text> <!-- Bottom Section: The Feedback Loop --> <rect x="40" y="350" width="820" height="180" rx="16" fill="#ffffff05" stroke="#ffffff11" stroke-width="1"/> <text x="60" y="380" fill="#e879f9" font-family="sans-serif" font-size="16" font-weight="bold">The Feedback Loop of Concentrated Disadvantage</text> <!-- Step 1 --> <rect x="60" y="400" width="170" height="100" rx="12" fill="#ffffff08"/> <text x="75" y="425" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">1. Redlining</text> <text x="75" y="445" fill="#94a3b8" font-family="sans-serif" font-size="11"> <tspan x="75" dy="0">Historical denial of</tspan> <tspan x="75" dy="14">mortgages in minority</tspan> <tspan x="75" dy="14">neighborhoods.</tspan> </text> <rect x="180" y="410" width="40" height="40" rx="4" fill="#ef444433" stroke="#ef4444" stroke-width="1"/> <line x1="185" y1="415" x2="215" y2="445" stroke="#ef4444" stroke-width="1"/> <line x1="215" y1="415" x2="185" y2="445" stroke="#ef4444" stroke-width="1"/> <!-- Arrow --> <path d="M 240 450 L 260 450" stroke="#94a3b8" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/> <!-- Step 2 --> <rect x="270" y="400" width="170" height="100" rx="12" fill="#ffffff08"/> <text x="285" y="425" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">2. Disinvestment</text> <text x="285" y="445" fill="#94a3b8" font-family="sans-serif" font-size="11"> <tspan x="285" dy="0">Erosion of tax base,</tspan> <tspan x="285" dy="14">failing infrastructure,</tspan> <tspan x="285" dy="14">and school funding gaps.</tspan> </text> <!-- Step 3 --> <rect x="480" y="400" width="170" height="100" rx="12" fill="#ffffff08"/> <text x="495" y="425" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">3. Disorganization</text> <text x="495" y="445" fill="#94a3b8" font-family="sans-serif" font-size="11"> <tspan x="495" dy="0">Weakening of informal</tspan> <tspan x="495" dy="14">social controls and</tspan> <tspan x="495" dy="14">community bonds.</tspan> </text> <!-- Step 4 --> <rect x="690" y="400" width="150" height="100" rx="12" fill="#e879f911" stroke="#e879f944"/> <text x="705" y="425" fill="#e879f9" font-family="sans-serif" font-size="13" font-weight="bold">4. Over-Policing</text> <text x="705" y="445" fill="#f8fafc" font-family="sans-serif" font-size="11"> <tspan x="705" dy="0">Concentrated police</tspan> <tspan x="705" dy="14">presence and higher</tspan> <tspan x="705" dy="14">incarceration rates.</tspan> </text> <!-- Connecting Lines --> <path d="M 230 450 L 270 450" stroke="#475569" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M 440 450 L 480 450" stroke="#475569" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M 650 450 L 690 450" stroke="#475569" stroke-width="2" marker-end="url(#arrowhead)"/> <!-- Marker Definition --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#475569" /> </marker> </defs> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="#38bdf808" /> <circle cx="850" cy="50" r="15" fill="#38bdf808" /> <circle cx="50" cy="510" r="20" fill="#f59e0b08" /> </svg>Urban Inequality and Social Disparities image 1Urban Inequality and Social Disparities - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/urban-inequality-and-social-disparities/svg/1Urban Inequality and Social Disparities diagram 1Urban Inequality and Social Disparities - Criminology and Criminal Justice - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="450" y="50" font-family="sans-serif" font-size="32" font-weight="bold" fill="#f8fafc" text-anchor="middle" letter-spacing="1">SOCIOLOGICAL IMAGINATION &amp; RESEARCH</text> <rect x="350" y="65" width="200" height="4" fill="url(#accentGrad)" rx="2"/> <text x="450" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle" font-style="italic">Decoding the Architecture of Crime and Social Structure</text> <!-- Left Panel: The Imagination --> <rect x="30" y="110" width="260" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="50" y="145" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">THE IMAGINATION</text> <text x="50" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">C. Wright Mills' Macro-Micro Interface</text> <!-- Icon: Micro vs Macro --> <circle cx="90" cy="220" r="25" fill="none" stroke="#f59e0b" stroke-width="2"/> <circle cx="90" cy="215" r="8" fill="#f59e0b"/> <text x="90" y="260" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">PERSONAL TROUBLES</text> <path d="M140 220 L180 220" stroke="#ffffff30" stroke-width="2" stroke-dasharray="4"/> <rect x="200" y="195" width="50" height="50" fill="none" stroke="#38bdf8" stroke-width="2"/> <rect x="210" y="205" width="10" height="30" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <rect x="225" y="215" width="10" height="20" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="225" y="260" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">PUBLIC ISSUES</text> <text x="50" y="300" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Social Status Variables:</text> <text x="50" y="320" font-family="sans-serif" font-size="11" fill="#94a3b8">• Race, Class, &amp; Gender</text> <text x="50" y="335" font-family="sans-serif" font-size="11" fill="#94a3b8">• Economic Shifts</text> <text x="50" y="350" font-family="sans-serif" font-size="11" fill="#94a3b8">• Institutional Biases</text> <!-- Center Panel: Competing Perspectives --> <rect x="310" y="110" width="280" height="340" rx="16" fill="#ffffff12" stroke="#ffffff20"/> <text x="450" y="145" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9" text-anchor="middle">THE LENS</text> <!-- Consensus vs Conflict Graphic --> <g transform="translate(330, 180)"> <rect width="115" height="100" rx="8" fill="#ffffff05" stroke="#38bdf8" stroke-width="1"/> <text x="57" y="25" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc" text-anchor="middle">CONSENSUS</text> <circle cx="57" cy="60" r="15" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="50" cy="60" r="10" fill="none" stroke="#38bdf8" stroke-width="1"/> <circle cx="64" cy="60" r="10" fill="none" stroke="#38bdf8" stroke-width="1"/> <text x="57" y="90" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Shared Social Values</text> </g> <g transform="translate(455, 180)"> <rect width="115" height="100" rx="8" fill="#ffffff05" stroke="#e879f9" stroke-width="1"/> <text x="57" y="25" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc" text-anchor="middle">CONFLICT</text> <path d="M40 70 L74 50 M40 50 L74 70" stroke="#e879f9" stroke-width="2"/> <text x="57" y="90" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Power &amp; Control</text> </g> <text x="450" y="320" font-family="sans-serif" font-size="12" fill="#f8fafc" text-anchor="middle" font-weight="bold">How is crime defined?</text> <path d="M340 340 L560 340" stroke="#ffffff20" stroke-width="1"/> <text x="450" y="365" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Law as a codification of norms</text> <text x="450" y="380" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">vs.</text> <text x="450" y="395" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Law as a tool of the ruling class</text> <!-- Right Panel: Data Collection --> <rect x="610" y="110" width="260" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="630" y="145" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">THE DATA STACK</text> <!-- Data Stack Graphic --> <g transform="translate(630, 170)"> <rect x="0" y="0" width="220" height="30" rx="4" fill="#38bdf830" stroke="#38bdf8"/> <text x="110" y="20" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle" font-weight="bold">UCR / NIBRS (Police Data)</text> <rect x="0" y="40" width="220" height="30" rx="4" fill="#e879f930" stroke="#e879f9"/> <text x="110" y="60" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle" font-weight="bold">NCVS (Victim Surveys)</text> <rect x="0" y="80" width="220" height="30" rx="4" fill="#f59e0b30" stroke="#f59e0b"/> <text x="110" y="100" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle" font-weight="bold">Self-Report (Offender Data)</text> </g> <!-- The Dark Figure --> <rect x="630" y="300" width="220" height="120" rx="8" fill="#00000040" stroke="#ffffff30" stroke-dasharray="4"/> <text x="740" y="325" font-family="sans-serif" font-size="14" font-weight="bold" fill="#94a3b8" text-anchor="middle">THE DARK FIGURE</text> <text x="740" y="345" font-family="sans-serif" font-size="10" fill="#64748b" text-anchor="middle">Unreported &amp; Hidden Crimes</text> <text x="740" y="380" font-family="serif" font-size="16" fill="#f8fafc" text-anchor="middle" filter="url(#glow)">C_total = C_reported + C_hidden</text> <text x="740" y="405" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">Influenced by fear, stigma, &amp; discretion</text> <!-- Footer Info --> <rect x="30" y="470" width="840" height="60" rx="12" fill="#ffffff05"/> <circle cx="60" cy="500" r="15" fill="url(#accentGrad)" opacity="0.8"/> <text x="60" y="505" font-family="sans-serif" font-size="18" font-weight="bold" fill="#0f172a" text-anchor="middle">!</text> <text x="90" y="495" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">EMPIRICAL ANALYSIS</text> <text x="90" y="512" font-family="sans-serif" font-size="11" fill="#94a3b8">Criminologists use these tools to move beyond "common sense" to scientific evidence-based policy.</text> <!-- Decorative elements --> <path d="M850 50 L880 50 L880 80" fill="none" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <path d="M50 510 L20 510 L20 480" fill="none" stroke="#e879f9" stroke-width="2" opacity="0.5"/> </svg>Sociological Imagination and Research Methods image 1Sociological Imagination and Research Methods - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/sociological-imagination-and-research/svg/1Sociological Imagination and Research Methods diagram 1Sociological Imagination and Research Methods - Criminology and Criminal Justice - diagram 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/sociological-imagination-and-research/svg/2Sociological Imagination and Research Methods diagram 2Sociological Imagination and Research Methods - Criminology and Criminal Justice - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="blueGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8" stop-opacity="0.2"/> <stop offset="100%" stop-color="#38bdf8" stop-opacity="0.05"/> </linearGradient> <linearGradient id="roseGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f43f5e" stop-opacity="0.2"/> <stop offset="100%" stop-color="#f43f5e" stop-opacity="0.05"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">SYSTEMIC WARS: THE GREAT PIVOT</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">From Social Welfare to the Carceral State (1960s – 1980s)</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/> <!-- Left Column: War on Poverty --> <rect x="40" y="110" width="380" height="260" rx="16" fill="url(#blueGrad)" stroke="#38bdf844" stroke-width="1"/> <circle cx="75" cy="145" r="18" fill="#38bdf8"/> <path d="M 68 145 L 82 145 M 75 138 L 75 152" stroke="#0f172a" stroke-width="3" stroke-linecap="round"/> <text x="105" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">WAR ON POVERTY (1964)</text> <text x="65" y="190" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">PRIMARY MECHANISM:</text> <text x="210" y="190" font-family="sans-serif" font-size="13" fill="#94a3b8">Social Welfare &amp; Integration</text> <text x="65" y="215" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">CORE PHILOSOPHY:</text> <text x="210" y="215" font-family="sans-serif" font-size="13" fill="#f59e0b">Strain Theory</text> <text x="65" y="240" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">KEY LEGISLATION:</text> <text x="65" y="258" font-family="sans-serif" font-size="12" fill="#94a3b8">Economic Opportunity Act (1964)</text> <text x="65" y="285" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">SYSTEMIC OUTPUTS:</text> <g transform="translate(65, 305)"> <rect width="80" height="22" rx="4" fill="#38bdf822" stroke="#38bdf844"/> <text x="40" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">Job Corps</text> <rect x="90" width="80" height="22" rx="4" fill="#38bdf822" stroke="#38bdf844"/> <text x="130" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">Head Start</text> <rect x="180" width="110" height="22" rx="4" fill="#38bdf822" stroke="#38bdf844"/> <text x="235" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">Community Action</text> </g> <text x="65" y="350" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">Focus: Addressing root causes of social deviance.</text> <!-- Right Column: War on Drugs --> <rect x="480" y="110" width="380" height="260" rx="16" fill="url(#roseGrad)" stroke="#f43f5e44" stroke-width="1"/> <circle cx="515" cy="145" r="18" fill="#f43f5e"/> <rect x="508" y="138" width="14" height="14" rx="2" fill="none" stroke="#0f172a" stroke-width="2.5"/> <path d="M 515 138 L 515 134 C 515 130 522 130 522 134 L 522 138" fill="none" stroke="#0f172a" stroke-width="2.5"/> <text x="545" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#f43f5e">WAR ON DRUGS (1971/82)</text> <text x="505" y="190" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">PRIMARY MECHANISM:</text> <text x="650" y="190" font-family="sans-serif" font-size="13" fill="#94a3b8">Criminal Justice / Punitive</text> <text x="505" y="215" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">CORE PHILOSOPHY:</text> <text x="650" y="215" font-family="sans-serif" font-size="13" fill="#e879f9">Deterrence Theory</text> <text x="505" y="240" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">KEY LEGISLATION:</text> <text x="505" y="258" font-family="sans-serif" font-size="12" fill="#94a3b8">Comprehensive Crime Control Act (1984)</text> <text x="505" y="285" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">SYSTEMIC OUTPUTS:</text> <g transform="translate(505, 305)"> <rect width="110" height="22" rx="4" fill="#f43f5e22" stroke="#f43f5e44"/> <text x="55" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f43f5e">Mandatory Minimums</text> <rect x="120" width="100" height="22" rx="4" fill="#f43f5e22" stroke="#f43f5e44"/> <text x="170" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f43f5e">Asset Forfeiture</text> <rect x="230" width="90" height="22" rx="4" fill="#f43f5e22" stroke="#f43f5e44"/> <text x="275" y="15" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f43f5e">Carceral State</text> </g> <text x="505" y="350" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">Focus: Control of subordinate groups (Conflict View).</text> <!-- Central Pivot Arrow --> <path d="M 420 240 L 480 240" stroke="#f59e0b" stroke-width="3" stroke-dasharray="4 4"/> <path d="M 475 235 L 485 240 L 475 245 Z" fill="#f59e0b"/> <text x="450" y="230" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b">THE PIVOT</text> <!-- Bottom Section: Wedding Cake Model --> <rect x="40" y="390" width="820" height="150" rx="16" fill="#ffffff08" stroke="#ffffff11" stroke-width="1"/> <text x="60" y="420" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">THE WEDDING CAKE MODEL OF JUSTICE</text> <text x="60" y="438" font-family="sans-serif" font-size="12" fill="#94a3b8">Visualizing the throughput of the War on Drugs</text> <!-- Cake Diagram --> <g transform="translate(450, 410)"> <!-- Layer 1 --> <rect x="-40" y="0" width="80" height="20" rx="2" fill="#f59e0b"/> <text x="50" y="14" font-family="sans-serif" font-size="10" fill="#f8fafc" font-weight="bold">LAYER 1: CELEBRATED CASES</text> <!-- Layer 2 --> <rect x="-80" y="25" width="160" height="20" rx="2" fill="#e879f9" opacity="0.8"/> <text x="90" y="39" font-family="sans-serif" font-size="10" fill="#f8fafc">LAYER 2: SERIOUS FELONIES</text> <!-- Layer 3 --> <rect x="-120" y="50" width="240" height="20" rx="2" fill="#38bdf8" opacity="0.6"/> <text x="130" y="64" font-family="sans-serif" font-size="10" fill="#f8fafc">LAYER 3: LESSER FELONIES</text> <!-- Layer 4 --> <rect x="-160" y="75" width="320" height="20" rx="2" fill="#94a3b8" opacity="0.4"/> <text x="170" y="89" font-family="sans-serif" font-size="10" fill="#f8fafc">LAYER 4: MISDEMEANORS (Mass Arrests)</text> <path d="M -180 105 L 180 105" stroke="#ffffff22" stroke-width="1"/> <text x="0" y="120" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">The "Assembly Line" effect: High-volume processing of Mala Prohibita offenses.</text> </g> <!-- Decorative Accents --> <circle cx="860" cy="40" r="30" fill="none" stroke="#38bdf8" stroke-width="0.5" opacity="0.3"/> <circle cx="860" cy="40" r="20" fill="none" stroke="#f43f5e" stroke-width="0.5" opacity="0.3"/> <rect x="20" y="20" width="10" height="10" fill="#f59e0b" opacity="0.5"/> </svg>Systemic Wars: Drugs and Poverty image 1Systemic Wars: Drugs and Poverty - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/systemic-wars-drugs-and-poverty/svg/1Systemic Wars: Drugs and Poverty diagram 1Systemic Wars: Drugs and Poverty - Criminology and Criminal Justice - diagram 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/systemic-wars-drugs-and-poverty/svg/2Systemic Wars: Drugs and Poverty diagram 2Systemic Wars: Drugs and Poverty - Criminology and Criminal Justice - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">THE MIGRATION OF CARE</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="16" fill="#38bdf8" letter-spacing="2">MENTAL HEALTH IN THE JUSTICE SYSTEM</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Left Column: The Great Decline --> <rect x="30" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="50" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">DEINSTITUTIONALIZATION</text> <text x="50" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">The 93% reduction in psychiatric beds</text> <!-- Stats Visual --> <circle cx="160" cy="260" r="70" fill="none" stroke="#ffffff10" stroke-width="8"/> <path d="M 160 190 A 70 70 0 0 1 228 275" fill="none" stroke="#e879f9" stroke-width="8" stroke-linecap="round"/> <text x="160" y="255" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="28" fill="#f8fafc">1955</text> <text x="160" y="275" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8">558,000 Beds</text> <rect x="50" y="360" width="220" height="40" rx="8" fill="#e879f920"/> <text x="160" y="385" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">TODAY: &lt; 38,000 BEDS</text> <text x="50" y="430" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="50" dy="1.4em">• Pharmacological Advancements</tspan> <tspan x="50" dy="1.4em">• Legal Shifts (O'Connor v. Donaldson)</tspan> <tspan x="50" dy="1.4em">• Fiscal Policy (Medicaid/Medicare)</tspan> </text> <!-- Middle Column: Transinstitutionalization --> <rect x="310" y="110" width="280" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="330" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE REVOLVING DOOR</text> <text x="330" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Criminalization of Mental Illness</text> <!-- Flow Diagram --> <g transform="translate(450, 300)"> <circle r="80" fill="none" stroke="#f59e0b30" stroke-width="2" stroke-dasharray="5 5"/> <path d="M 0 -80 A 80 80 0 0 1 80 0" fill="none" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrow)"/> <circle cx="0" cy="-80" r="25" fill="#1e1b4b" stroke="#f59e0b" stroke-width="2"/> <text y="-76" text-anchor="middle" font-family="sans-serif" font-size="9" font-weight="bold" fill="#f8fafc">LACK OF</text> <text y="-66" text-anchor="middle" font-family="sans-serif" font-size="9" font-weight="bold" fill="#f8fafc">CARE</text> <circle cx="80" cy="0" r="25" fill="#1e1b4b" stroke="#f59e0b" stroke-width="2"/> <text x="80" y="4" text-anchor="middle" font-family="sans-serif" font-size="9" font-weight="bold" fill="#f8fafc">ARREST</text> <circle cx="0" cy="80" r="25" fill="#1e1b4b" stroke="#f59e0b" stroke-width="2"/> <text y="84" text-anchor="middle" font-family="sans-serif" font-size="9" font-weight="bold" fill="#f8fafc">JAIL</text> <circle cx="-80" cy="0" r="25" fill="#1e1b4b" stroke="#f59e0b" stroke-width="2"/> <text x="-80" y="4" text-anchor="middle" font-family="sans-serif" font-size="9" font-weight="bold" fill="#f8fafc">RELEASE</text> </g> <text x="450" y="430" text-anchor="middle" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">"THE NEW ASYLUMS"</text> <text x="335" y="455" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="start"> <tspan x="335" dy="1.2em">Jails are now the primary providers of</tspan> <tspan x="335" dy="1.2em">psychiatric intervention in the U.S.</tspan> <tspan x="335" dy="1.2em">Managing ~2M inmates with SMI.</tspan> </text> <!-- Right Column: Legal Standards --> <rect x="610" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="630" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">DUSKY STANDARD</text> <text x="630" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Competency to Stand Trial (CST)</text> <!-- Icon: Scales --> <g transform="translate(740, 240)"> <line x1="-40" y1="0" x2="40" y2="0" stroke="#38bdf8" stroke-width="3"/> <line x1="0" y1="0" x2="0" y2="50" stroke="#38bdf8" stroke-width="3"/> <path d="M -40 0 L -55 30 L -25 30 Z" fill="#38bdf830" stroke="#38bdf8" stroke-width="1"/> <path d="M 40 0 L 55 30 L 25 30 Z" fill="#38bdf830" stroke="#38bdf8" stroke-width="1"/> </g> <rect x="630" y="310" width="220" height="190" rx="8" fill="#38bdf810"/> <text x="640" y="335" font-family="sans-serif" font-weight="bold" font-size="13" fill="#38bdf8">1. FACTUAL UNDERSTANDING</text> <text x="640" y="355" font-family="sans-serif" font-size="11" fill="#f8fafc"> <tspan x="640" dy="1.2em">Knowledge of charges, roles of</tspan> <tspan x="640" dy="1.2em">the judge, jury, and prosecutor.</tspan> </text> <text x="640" y="415" font-family="sans-serif" font-weight="bold" font-size="13" fill="#38bdf8">2. RATIONAL UNDERSTANDING</text> <text x="640" y="435" font-family="sans-serif" font-size="11" fill="#f8fafc"> <tspan x="640" dy="1.2em">Ability to consult with counsel</tspan> <tspan x="640" dy="1.2em">and assist in own defense without</tspan> <tspan x="640" dy="1.2em">delusional interference.</tspan> </text> <!-- Footer Info --> <rect x="30" y="540" width="840" height="1" fill="#ffffff20"/> <text x="30" y="555" font-family="sans-serif" font-size="10" fill="#94a3b8">Source: Wiki Educational Series | Mental Health &amp; Jurisprudence</text> <text x="870" y="555" text-anchor="end" font-family="sans-serif" font-size="10" fill="#94a3b8">Dusky v. United States (1960)</text> <!-- Decorative Accents --> <circle cx="30" cy="30" r="4" fill="#f59e0b"/> <circle cx="870" cy="30" r="4" fill="#e879f9"/> <circle cx="30" cy="530" r="4" fill="#38bdf8"/> <circle cx="870" cy="530" r="4" fill="#f59e0b"/> </svg>Mental Health in the Justice System image 1Mental Health in the Justice System - Criminology and Criminal Justice - image 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/mental-health-in-the-justice-system/svg/1Mental Health in the Justice System diagram 1Mental Health in the Justice System - Criminology and Criminal Justice - diagram 1https://www.getlykke.com/explore/public/criminology-and-criminal-justice-f6d79bda-1ca6-42f1-9940-643cb1edfe95/media/mental-health-in-the-justice-system/svg/2Mental Health in the Justice System diagram 2Mental Health in the Justice System - Criminology and Criminal Justice - diagram 2https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc572026-04-20T05:06:42.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Header Line --> <rect x="50" y="80" width="800" height="1" fill="url(#accentGrad)" opacity="0.5"/> <!-- Title Section --> <text x="50" y="55" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">LIBRETEXTS BOOKSHELVES</text> <text x="850" y="55" font-family="sans-serif" font-weight="400" font-size="14" fill="#38bdf8" text-anchor="end">ARCHITECTURE OF THE COMMONS</text> <!-- Left Column: The Three Tiers --> <g transform="translate(50, 110)"> <!-- Tier 1 --> <rect width="360" height="120" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="40" cy="40" r="18" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <path d="M34 40 L46 40 M40 34 L40 46" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/> <text x="75" y="38" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">1. CENTRAL BOOKSHELVES</text> <text x="75" y="58" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Gold Standard" Global Repository</text> <text x="25" y="85" font-family="sans-serif" font-size="11" fill="#f8fafc" opacity="0.8"> <tspan x="75" dy="0">• Peer-reviewed &amp; Curated</tspan> <tspan x="75" dy="16">• Disciplinary Organization</tspan> <tspan x="75" dy="16">• Maintained by Core Team</tspan> </text> <!-- Tier 2 --> <rect y="140" width="360" height="120" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="40" cy="180" r="18" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <rect x="34" y="174" width="12" height="12" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="75" y="178" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">2. CAMPUS BOOKSHELVES</text> <text x="75" y="198" font-family="sans-serif" font-size="12" fill="#94a3b8">Institutional Identity Layer</text> <text x="25" y="225" font-family="sans-serif" font-size="11" fill="#f8fafc" opacity="0.8"> <tspan x="75" dy="0">• Localized Sub-libraries</tspan> <tspan x="75" dy="16">• Institutional Branding</tspan> <tspan x="75" dy="16">• Faculty-led Curation</tspan> </text> <!-- Tier 3 --> <rect y="280" width="360" height="120" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="40" cy="320" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M34 324 L40 316 L46 324" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="75" y="318" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">3. COURSE SHELLS</text> <text x="75" y="338" font-family="sans-serif" font-size="12" fill="#94a3b8">Classroom Delivery Implementation</text> <text x="25" y="365" font-family="sans-serif" font-size="11" fill="#f8fafc" opacity="0.8"> <tspan x="75" dy="0">• Syllabus-specific Remixes</tspan> <tspan x="75" dy="16">• High Customization</tspan> <tspan x="75" dy="16">• Student-facing Interface</tspan> </text> </g> <!-- Right Column: Content Remixing & Transclusion --> <g transform="translate(450, 110)"> <rect width="400" height="400" rx="24" fill="#ffffff05" stroke="#ffffff10"/> <text x="200" y="40" font-family="sans-serif" font-weight="700" font-size="20" fill="#f8fafc" text-anchor="middle">THE REMIX ENGINE</text> <!-- Transclusion Visual --> <g transform="translate(40, 80)"> <!-- Source Node --> <rect width="100" height="40" rx="8" fill="#f59e0b20" stroke="#f59e0b"/> <text x="50" y="25" font-family="sans-serif" font-size="10" fill="#f59e0b" text-anchor="middle" font-weight="bold">SOURCE NODE</text> <!-- Connection Line --> <path d="M100 20 L220 180" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 4"/> <circle cx="160" cy="100" r="12" fill="#1e1b4b" stroke="#38bdf8" filter="url(#glow)"/> <text x="160" y="104" font-family="sans-serif" font-size="8" fill="#38bdf8" text-anchor="middle" font-weight="bold">LIVE</text> <!-- Remix Node --> <rect x="220" y="160" width="100" height="40" rx="8" fill="#38bdf820" stroke="#38bdf8"/> <text x="270" y="185" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle" font-weight="bold">REMIX NODE</text> </g> <!-- Definition Box --> <rect x="30" y="280" width="340" height="90" rx="12" fill="#00000040"/> <text x="50" y="305" font-family="sans-serif" font-weight="700" font-size="14" fill="#e879f9">TRANSCLUSION</text> <text x="50" y="325" font-family="sans-serif" font-size="12" fill="#f8fafc" opacity="0.9"> <tspan x="50" dy="0">Content is not "copied," but "linked."</tspan> <tspan x="50" dy="18">Updates to the Central Bookshelf flow</tspan> <tspan x="50" dy="18">automatically to all downstream Remixes.</tspan> </text> </g> <!-- Footer Info --> <g transform="translate(50, 530)"> <text font-family="sans-serif" font-size="10" fill="#94a3b8">LIBRETEXTS ECOSYSTEM • OPEN-ACCESS ARCHITECTURE • CC-BY-NC-SA</text> <rect x="750" y="-15" width="100" height="20" rx="10" fill="url(#accentGrad)"/> <text x="800" y="-1" font-family="sans-serif" font-weight="bold" font-size="10" fill="#1e1b4b" text-anchor="middle">LIVING LIBRARY</text> </g> </svg>Introduction to LibreTexts Bookshelves image 1Introduction to LibreTexts Bookshelves - Overview of Social Science and Professional Disciplines - image 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/introduction-to-libretexts-bookshelves/svg/1Introduction to LibreTexts Bookshelves diagram 1Introduction to LibreTexts Bookshelves - Overview of Social Science and Professional Disciplines - diagram 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/introduction-to-libretexts-bookshelves/svg/2Introduction to LibreTexts Bookshelves diagram 2Introduction to LibreTexts Bookshelves - Overview of Social Science and Professional Disciplines - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="2">ANTHROPOLOGY</text> <text x="450" y="80" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="500" font-size="14" letter-spacing="1">THE HOLISTIC SCIENCE OF HUMANKIND</text> <rect x="400" y="90" width="100" height="2" fill="#38bdf8" opacity="0.5"/> <!-- Central Hub: Holism --> <circle cx="450" cy="295" r="55" fill="#ffffff10" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <text x="450" y="290" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="16">HOLISM</text> <text x="450" y="308" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">INTEGRATION</text> <!-- Connecting Lines --> <line x1="450" y1="240" x2="450" y2="180" stroke="#f59e0b" stroke-width="1" opacity="0.4"/> <line x1="450" y1="350" x2="450" y2="410" stroke="#f59e0b" stroke-width="1" opacity="0.4"/> <line x1="395" y1="295" x2="320" y2="295" stroke="#f59e0b" stroke-width="1" opacity="0.4"/> <line x1="505" y1="295" x2="580" y2="295" stroke="#f59e0b" stroke-width="1" opacity="0.4"/> <!-- Card 1: Biological (Top Left) --> <rect x="40" y="115" width="370" height="165" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="75" cy="145" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M 70 140 Q 75 130 80 140 T 70 150 T 80 160" fill="none" stroke="#38bdf8" stroke-width="1.5" opacity="0.8"/> <text x="100" y="150" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="18">Biological</text> <text x="70" y="185" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">Evolution, Genetics, &amp; Primatology</text> <text x="70" y="210" fill="#f8fafc" font-family="sans-serif" font-size="13">Focus: The Hardy-Weinberg Principle</text> <text x="70" y="228" fill="#94a3b8" font-family="sans-serif" font-size="11" width="300">Tracking allele frequencies to observe</text> <text x="70" y="242" fill="#94a3b8" font-family="sans-serif" font-size="11">evolutionary forces in real-time.</text> <path d="M 280 240 L 300 220 L 320 235 L 340 210 L 360 225" fill="none" stroke="#38bdf8" stroke-width="2"/> <!-- Card 2: Cultural (Top Right) --> <rect x="490" y="115" width="370" height="165" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="525" cy="145" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <circle cx="520" cy="145" r="6" fill="none" stroke="#e879f9" stroke-width="1"/> <circle cx="530" cy="145" r="6" fill="none" stroke="#e879f9" stroke-width="1"/> <text x="550" y="150" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="18">Cultural</text> <text x="520" y="185" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">Social Systems &amp; Ethnography</text> <text x="520" y="210" fill="#f8fafc" font-family="sans-serif" font-size="13">Concept: Cultural Relativism</text> <text x="520" y="228" fill="#94a3b8" font-family="sans-serif" font-size="11">Understanding practices through the</text> <text x="520" y="242" fill="#94a3b8" font-family="sans-serif" font-size="11">lens of their own internal logic.</text> <rect x="780" y="210" width="40" height="40" rx="4" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <path d="M 790 230 L 810 230 M 800 220 L 800 240" stroke="#e879f9" stroke-width="1"/> <!-- Card 3: Archaeology (Bottom Left) --> <rect x="40" y="310" width="370" height="165" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="75" cy="340" r="15" fill="#4ade8020" stroke="#4ade80" stroke-width="1.5"/> <path d="M 68 335 H 82 M 68 340 H 82 M 68 345 H 82" stroke="#4ade80" stroke-width="1.5"/> <text x="100" y="345" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="18">Archaeology</text> <text x="70" y="380" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">Material Culture &amp; Deep Time</text> <text x="70" y="405" fill="#f8fafc" font-family="sans-serif" font-size="13">Method: Stratigraphic Analysis</text> <text x="70" y="423" fill="#94a3b8" font-family="sans-serif" font-size="11">Reconstructing past lifeways through</text> <text x="70" y="437" fill="#94a3b8" font-family="sans-serif" font-size="11">the physical remains of human activity.</text> <rect x="300" y="405" width="60" height="10" fill="#4ade8040"/> <rect x="300" y="418" width="60" height="10" fill="#4ade8020"/> <rect x="300" y="431" width="60" height="10" fill="#4ade8010"/> <!-- Card 4: Linguistic (Bottom Right) --> <rect x="490" y="310" width="370" height="165" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="525" cy="340" r="15" fill="#fb718520" stroke="#fb7185" stroke-width="1.5"/> <path d="M 518 340 Q 525 330 532 340" fill="none" stroke="#fb7185" stroke-width="1.5"/> <text x="550" y="345" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="18">Linguistic</text> <text x="520" y="380" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">Language, Thought, &amp; Meaning</text> <text x="520" y="405" fill="#f8fafc" font-family="sans-serif" font-size="13">Focus: Symbolic Communication</text> <text x="520" y="423" fill="#94a3b8" font-family="sans-serif" font-size="11">How language shapes perception and</text> <text x="520" y="437" fill="#94a3b8" font-family="sans-serif" font-size="11">transmits culture across generations.</text> <path d="M 780 410 C 790 400, 810 400, 820 410 S 840 420, 850 410" fill="none" stroke="#fb7185" stroke-width="1.5" opacity="0.6"/> <!-- Quote Section --> <rect x="150" y="505" width="600" height="40" rx="20" fill="#ffffff05"/> <text x="450" y="530" text-anchor="middle" fill="#f8fafc" font-family="serif" font-style="italic" font-size="14"> "The purpose of anthropology is to make the world safe for human differences." — Ruth Benedict </text> <!-- Decorative Accents --> <circle cx="40" cy="40" r="3" fill="#38bdf8" opacity="0.5"/> <circle cx="860" cy="40" r="3" fill="#e879f9" opacity="0.5"/> <circle cx="40" cy="520" r="3" fill="#4ade80" opacity="0.5"/> <circle cx="860" cy="520" r="3" fill="#fb7185" opacity="0.5"/> </svg>Anthropology image 1Anthropology - Overview of Social Science and Professional Disciplines - image 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/anthropology/svg/1Anthropology diagram 1Anthropology - Overview of Social Science and Professional Disciplines - diagram 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/anthropology/svg/2Anthropology diagram 2Anthropology - Overview of Social Science and Professional Disciplines - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="14" letter-spacing="2">FIELD OVERVIEW</text> <text x="40" y="90" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="36">Communication Studies</text> <text x="40" y="115" fill="#94a3b8" font-family="sans-serif" font-size="16">The Architecture of Human Interaction &amp; Social Reality</text> <line x1="40" y1="135" x2="860" y2="135" stroke="url(#accentGrad)" stroke-width="2" stroke-opacity="0.5"/> <!-- Section 1: The Three Models (Comparison) --> <rect x="40" y="155" width="260" height="160" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="185" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="14">LINEAR MODEL</text> <text x="60" y="205" fill="#f8fafc" font-family="sans-serif" font-size="12">Transmission: S → R</text> <circle cx="80" cy="245" r="15" fill="none" stroke="#38bdf8" stroke-width="2"/> <line x1="100" y1="245" x2="200" y2="245" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <polygon points="200,240 210,245 200,250" fill="#38bdf8"/> <circle cx="230" cy="245" r="15" fill="none" stroke="#94a3b8" stroke-width="2"/> <text x="60" y="285" fill="#94a3b8" font-family="sans-serif" font-size="11">One-way pipeline. Ignores feedback.</text> <rect x="320" y="155" width="260" height="160" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="185" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="14">INTERACTIONAL</text> <text x="340" y="205" fill="#f8fafc" font-family="sans-serif" font-size="12">Exchange: S ↔ R</text> <path d="M 360 245 Q 450 215 540 245" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M 540 255 Q 450 285 360 255" fill="none" stroke="#e879f9" stroke-width="2"/> <circle cx="350" cy="250" r="12" fill="#e879f9" fill-opacity="0.3" stroke="#e879f9"/> <circle cx="550" cy="250" r="12" fill="#e879f9" fill-opacity="0.3" stroke="#e879f9"/> <text x="340" y="285" fill="#94a3b8" font-family="sans-serif" font-size="11">Circular. Feedback loops introduced.</text> <rect x="600" y="155" width="260" height="160" rx="16" fill="#ffffff15" stroke="#f59e0b" stroke-opacity="0.4"/> <text x="620" y="185" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="14">TRANSACTIONAL</text> <text x="620" y="205" fill="#f8fafc" font-family="sans-serif" font-size="12">Co-creation of Meaning</text> <circle cx="710" cy="245" r="30" fill="#f59e0b" fill-opacity="0.1" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2 2"/> <circle cx="750" cy="245" r="30" fill="#f59e0b" fill-opacity="0.1" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2 2"/> <path d="M 720 235 A 15 15 0 1 1 740 235" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="620" y="285" fill="#94a3b8" font-family="sans-serif" font-size="11">Simultaneous sending/receiving.</text> <!-- Section 2: Verbal vs Nonverbal --> <rect x="40" y="335" width="400" height="190" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="365" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="16">Verbal: The Symbolic Protocol</text> <rect x="60" y="380" width="360" height="80" rx="8" fill="#00000040"/> <text x="75" y="405" fill="#38bdf8" font-family="monospace" font-size="12">class SapirWhorf:</text> <text x="75" y="425" fill="#94a3b8" font-family="monospace" font-size="12"> def process(thought):</text> <text x="75" y="445" fill="#e879f9" font-family="monospace" font-size="12"> return language.filter(thought)</text> <text x="60" y="485" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Syntactic • Semantic • Pragmatic</text> <text x="60" y="505" fill="#94a3b8" font-family="sans-serif" font-size="11">Language acts as the cognitive operating system.</text> <rect x="460" y="335" width="400" height="190" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="365" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="16">Nonverbal: The Analog Substrate</text> <!-- Proxemics Visual --> <g transform="translate(720, 450)"> <circle r="80" fill="none" stroke="#ffffff10" stroke-width="1"/> <circle r="60" fill="none" stroke="#ffffff15" stroke-width="1"/> <circle r="40" fill="none" stroke="#ffffff20" stroke-width="1"/> <circle r="15" fill="#e879f9" fill-opacity="0.5"/> <text x="0" y="-85" text-anchor="middle" fill="#94a3b8" font-size="9">PUBLIC (12ft+)</text> <text x="0" y="-65" text-anchor="middle" fill="#94a3b8" font-size="9">SOCIAL (4-12ft)</text> <text x="0" y="-45" text-anchor="middle" fill="#94a3b8" font-size="9">PERSONAL</text> <text x="0" y="5" text-anchor="middle" fill="#f8fafc" font-size="9" font-weight="bold">INTIMATE</text> </g> <g transform="translate(480, 390)"> <rect width="110" height="25" rx="4" fill="#ffffff10"/> <text x="10" y="17" fill="#f8fafc" font-family="sans-serif" font-size="11">Kinesics (Body)</text> <rect y="35" width="110" height="25" rx="4" fill="#ffffff10"/> <text x="10" y="52" fill="#f8fafc" font-family="sans-serif" font-size="11">Haptics (Touch)</text> <rect y="70" width="110" height="25" rx="4" fill="#ffffff10"/> <text x="10" y="87" fill="#f8fafc" font-family="sans-serif" font-size="11">Chronemics (Time)</text> </g> <text x="480" y="505" fill="#f59e0b" font-family="sans-serif" font-size="11" font-weight="bold">Double Bind:</text> <text x="555" y="505" fill="#94a3b8" font-family="sans-serif" font-size="11">Nonverbal cues override conflicting verbal data.</text> <!-- Decorative elements --> <circle cx="860" cy="40" r="20" fill="#38bdf8" fill-opacity="0.1"/> <circle cx="860" cy="40" r="10" fill="#38bdf8" fill-opacity="0.2"/> <path d="M 880 540 L 900 540 L 900 560" fill="none" stroke="#f59e0b" stroke-width="2"/> </svg>Communication Studies image 1Communication Studies - Overview of Social Science and Professional Disciplines - image 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">COMMUNICATION STUDIES</text> <text x="40" y="85" font-family="Arial, sans-serif" font-size="14" font-weight="600" fill="#38bdf8" letter-spacing="2">THE ARCHITECTURE OF HUMAN INTERACTION</text> <line x1="40" y1="105" x2="300" y2="105" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Left Panel: Proxemics (The Spatial Protocol) --> <rect x="40" y="130" width="380" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="160" font-family="Arial, sans-serif" font-size="18" font-weight="700" fill="#f59e0b">PROXEMICS: THE SPATIAL ZONES</text> <text x="60" y="180" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Edward T. Hall’s Distance Framework</text> <!-- Concentric Circles for Proxemics --> <g transform="translate(230, 360)"> <circle r="140" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 4" opacity="0.2"/> <circle r="100" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 4" opacity="0.4"/> <circle r="60" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 4" opacity="0.6"/> <circle r="25" fill="#e879f9" opacity="0.8" filter="url(#glow)"/> <!-- Labels for Zones --> <text y="-145" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">PUBLIC (12ft+)</text> <text y="-105" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">SOCIAL (4-12ft)</text> <text y="-65" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">PERSONAL (1.5-4ft)</text> <text y="5" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#ffffff" text-anchor="middle">INTIMATE</text> </g> <!-- Right Panel Top: The Models --> <rect x="440" y="130" width="420" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="460" y="160" font-family="Arial, sans-serif" font-size="18" font-weight="700" fill="#38bdf8">EVOLUTION OF MODELS</text> <!-- Linear Model --> <g transform="translate(460, 185)"> <rect width="110" height="50" rx="8" fill="#ffffff10"/> <text x="55" y="22" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc" text-anchor="middle">LINEAR</text> <text x="55" y="38" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Transmission</text> <path d="M 115 25 L 135 25" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow)"/> </g> <!-- Interactional Model --> <g transform="translate(460, 245)"> <rect width="110" height="50" rx="8" fill="#ffffff10"/> <text x="55" y="22" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc" text-anchor="middle">INTERACTIONAL</text> <text x="55" y="38" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Exchange</text> <path d="M 115 20 L 135 20 M 135 30 L 115 30" stroke="#e879f9" stroke-width="2"/> </g> <!-- Transactional Model --> <g transform="translate(460, 305)"> <rect width="110" height="30" rx="8" fill="#f59e0b" opacity="0.2"/> <text x="55" y="20" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f59e0b" text-anchor="middle">TRANSACTIONAL</text> <text x="130" y="20" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Simultaneous Co-creation of Meaning</text> </g> <!-- Right Panel Bottom: The Nonverbal Substrate --> <rect x="440" y="370" width="420" height="150" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="460" y="400" font-family="Arial, sans-serif" font-size="18" font-weight="700" fill="#e879f9">THE NONVERBAL SUBSTRATE</text> <!-- Data Points --> <g transform="translate(460, 420)"> <circle cx="15" cy="15" r="5" fill="#e879f9"/> <text x="30" y="18" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Kinesics</text> <text x="120" y="18" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Body movement &amp; facial expressions.</text> <circle cx="15" cy="45" r="5" fill="#38bdf8"/> <text x="30" y="48" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Haptics</text> <text x="120" y="48" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">The communicative function of touch.</text> <circle cx="15" cy="75" r="5" fill="#f59e0b"/> <text x="30" y="78" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Chronemics</text> <text x="120" y="78" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">The use of time in social interaction.</text> </g> <!-- Bottom Accent / Quote --> <path d="M 40 540 L 860 540" stroke="#ffffff10" stroke-width="1"/> <text x="450" y="550" font-family="Arial, sans-serif" font-style="italic" font-size="11" fill="#64748b" text-anchor="middle">"One cannot not communicate." — Paul Watzlawick</text> <!-- Arrow Marker --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="0" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#38bdf8" /> </marker> </defs> </svg>Communication Studies image 2Communication Studies - Overview of Social Science and Professional Disciplines - image 2https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/communication-studies/svg/1Communication Studies diagram 1Communication Studies - Overview of Social Science and Professional Disciplines - diagram 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/communication-studies/svg/2Communication Studies diagram 2Communication Studies - Overview of Social Science and Professional Disciplines - diagram 2https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/communication-studies/svg/3Communication Studies diagram 3Communication Studies - Overview of Social Science and Professional Disciplines - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">COUNSELING &amp; GUIDANCE</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8" letter-spacing="2">A SYSTEMS APPROACH TO HUMAN DEVELOPMENT</text> <rect x="400" y="85" width="100" height="3" fill="url(#accentGrad)" rx="1.5"/> <!-- Main Central Concept: The Developmental Model --> <rect x="310" y="110" width="280" height="140" rx="16" fill="#ffffff10" stroke="#ffffff20" stroke-width="1"/> <circle cx="450" cy="160" r="30" fill="#38bdf820" stroke="#38bdf8" stroke-width="2" filter="url(#glow)"/> <path d="M 440 165 L 450 150 L 460 165" fill="none" stroke="#38bdf8" stroke-width="3" stroke-linecap="round"/> <text x="450" y="210" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Developmental-Preventative</text> <text x="450" y="230" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Moving beyond pathology to proactive growth</text> <!-- Left Column: Academic Success Strategies --> <rect x="40" y="110" width="250" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Academic Success</text> <!-- Cognitive Sub-panel --> <rect x="55" y="165" width="220" height="100" rx="8" fill="#ffffff05"/> <text x="70" y="185" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Cognitive Strategies</text> <circle cx="75" cy="205" r="3" fill="#38bdf8"/> <text x="85" y="208" font-family="sans-serif" font-size="12" fill="#cbd5e1">Spaced Repetition (SM-2)</text> <circle cx="75" cy="225" r="3" fill="#38bdf8"/> <text x="85" y="228" font-family="sans-serif" font-size="12" fill="#cbd5e1">Interleaving Topics</text> <circle cx="75" cy="245" r="3" fill="#38bdf8"/> <text x="85" y="248" font-family="sans-serif" font-size="12" fill="#cbd5e1">Metacognitive Monitoring</text> <!-- Affective Sub-panel --> <rect x="55" y="280" width="220" height="100" rx="8" fill="#ffffff05"/> <text x="70" y="300" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Affective Strategies</text> <circle cx="75" cy="320" r="3" fill="#e879f9"/> <text x="85" y="323" font-family="sans-serif" font-size="12" fill="#cbd5e1">Growth Mindset Framing</text> <circle cx="75" cy="340" r="3" fill="#e879f9"/> <text x="85" y="343" font-family="sans-serif" font-size="12" fill="#cbd5e1">Stress Inoculation Training</text> <circle cx="75" cy="360" r="3" fill="#e879f9"/> <text x="85" y="363" font-family="sans-serif" font-size="12" fill="#cbd5e1">Emotional Regulation</text> <text x="60" y="410" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic" width="200"> "The architecture of achievement is built </text> <text x="60" y="425" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic"> on well-regulated learning systems." </text> <!-- Right Column: Mechanics of Learning --> <rect x="610" y="110" width="250" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="630" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Mechanics of Learning</text> <!-- Retrieval Practice Graphic --> <g transform="translate(630, 170)"> <rect width="210" height="80" rx="8" fill="#38bdf810" stroke="#38bdf830"/> <text x="10" y="25" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Retrieval Practice Effect</text> <path d="M 20 60 L 60 40 L 100 55 L 140 30 L 180 45" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="180" cy="45" r="4" fill="#38bdf8"/> <text x="10" y="70" font-family="sans-serif" font-size="10" fill="#94a3b8">Retention increases via active testing</text> </g> <!-- Time Management --> <g transform="translate(630, 270)"> <rect width="210" height="110" rx="8" fill="#ffffff05"/> <text x="10" y="25" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Time &amp; Energy Systems</text> <rect x="10" y="40" width="60" height="15" rx="4" fill="#f59e0b40" stroke="#f59e0b" stroke-width="1"/> <text x="15" y="52" font-family="sans-serif" font-size="9" fill="#f8fafc">Deep Work</text> <rect x="80" y="40" width="60" height="15" rx="4" fill="#38bdf840" stroke="#38bdf8" stroke-width="1"/> <text x="85" y="52" font-family="sans-serif" font-size="9" fill="#f8fafc">Rest Cycle</text> <text x="10" y="80" font-family="sans-serif" font-size="11" fill="#cbd5e1">1. Time Blocking</text> <text x="10" y="95" font-family="sans-serif" font-size="11" fill="#cbd5e1">2. Cognitive Load Management</text> </g> <!-- Bottom Center: Career & Transitions --> <rect x="310" y="270" width="280" height="250" rx="16" fill="#ffffff10" stroke="#ffffff20" stroke-width="1"/> <text x="330" y="305" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Career Development</text> <!-- Transition Path --> <path d="M 340 480 Q 450 480 450 410 T 560 340" fill="none" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4 4"/> <circle cx="340" cy="480" r="6" fill="#f59e0b"/> <text x="355" y="485" font-family="sans-serif" font-size="11" fill="#94a3b8">Academic Entry</text> <circle cx="450" cy="410" r="6" fill="#38bdf8"/> <text x="465" y="415" font-family="sans-serif" font-size="11" fill="#94a3b8">Skill Acquisition</text> <circle cx="560" cy="340" r="6" fill="#e879f9"/> <text x="470" y="335" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="end">Professional Landscape</text> <g transform="translate(330, 330)"> <rect width="120" height="40" rx="6" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="18" font-family="sans-serif" font-weight="600" font-size="11" fill="#f8fafc">Hidden Curriculum</text> <text x="10" y="32" font-family="sans-serif" font-size="9" fill="#94a3b8">Meta-skills for success</text> </g> <!-- Footer Decor --> <rect x="40" y="535" width="820" height="1" fill="#ffffff10"/> <text x="450" y="550" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#475569" letter-spacing="1">SYSTEMS THEORY • COGNITIVE SCIENCE • VOCATIONAL PSYCHOLOGY</text> </svg>Counseling & Guidance image 1Counseling & Guidance - Overview of Social Science and Professional Disciplines - image 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/counseling-and-guidance/svg/1Counseling & Guidance diagram 1Counseling & Guidance - Overview of Social Science and Professional Disciplines - diagram 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/counseling-and-guidance/svg/2Counseling & Guidance diagram 2Counseling & Guidance - Overview of Social Science and Professional Disciplines - diagram 2https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/counseling-and-guidance/svg/3Counseling & Guidance diagram 3Counseling & Guidance - Overview of Social Science and Professional Disciplines - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotGrid" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotGrid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">CRIMINOLOGY &amp; CRIMINAL JUSTICE</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400">The Scientific Study of Behavior vs. The Institutional Response of the State</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Left Panel: Criminology --> <rect x="40" y="110" width="400" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="145" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="20">CRIMINOLOGY</text> <text x="60" y="165" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">"Why do people commit crimes?"</text> <!-- Criminology Content --> <g transform="translate(60, 190)"> <circle cx="10" cy="10" r="4" fill="#f59e0b"/> <text x="25" y="15" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Classical School</text> <text x="25" y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">Rational choice &amp; cost-benefit analysis.</text> <circle cx="10" cy="60" r="4" fill="#f59e0b"/> <text x="25" y="65" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Positivist School</text> <text x="25" y="82" fill="#94a3b8" font-family="sans-serif" font-size="11">Biological &amp; psychological determinants.</text> <circle cx="10" cy="110" r="4" fill="#f59e0b"/> <text x="25" y="115" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Social Disorganization</text> <text x="25" y="132" fill="#94a3b8" font-family="sans-serif" font-size="11">Impact of environment and urban decay.</text> <!-- Rational Choice Formula Box --> <rect x="0" y="160" width="360" height="70" rx="8" fill="#00000030"/> <text x="10" y="180" fill="#f59e0b" font-family="serif" font-size="11" font-weight="bold">THE UTILITY EQUATION:</text> <text x="180" y="210" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="18" filter="url(#glow)">U(c) = (1 - p)G + p(G - S)</text> </g> <!-- Right Panel: Criminal Justice --> <rect x="460" y="110" width="400" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="480" y="145" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="20">CRIMINAL JUSTICE</text> <text x="480" y="165" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">"How does the state respond?"</text> <!-- CJ Pipeline Flow --> <g transform="translate(480, 190)"> <!-- Step 1 --> <rect x="0" y="0" width="360" height="40" rx="6" fill="#38bdf820" stroke="#38bdf840"/> <text x="15" y="25" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="14">1. ENTRY</text> <text x="100" y="25" fill="#f8fafc" font-family="sans-serif" font-size="12">Investigation, Arrest, Booking</text> <!-- Arrow --> <path d="M180 45 L180 55 L175 55 L180 62 L185 55 L180 55" fill="#38bdf840"/> <!-- Step 2 --> <rect x="0" y="65" width="360" height="40" rx="6" fill="#38bdf820" stroke="#38bdf840"/> <text x="15" y="90" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="14">2. ADJUDICATION</text> <text x="145" y="90" fill="#f8fafc" font-family="sans-serif" font-size="12">Prosecution, Plea, Trial</text> <!-- Arrow --> <path d="M180 110 L180 120 L175 120 L180 127 L185 120 L180 120" fill="#38bdf840"/> <!-- Step 3 --> <rect x="0" y="130" width="360" height="40" rx="6" fill="#38bdf820" stroke="#38bdf840"/> <text x="15" y="155" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="14">3. CORRECTIONS</text> <text x="145" y="155" fill="#f8fafc" font-family="sans-serif" font-size="12">Sanctions, Parole, Rehab</text> <!-- Funnel Concept --> <path d="M50 190 L310 190 L200 240 L160 240 Z" fill="#ffffff05" stroke="#ffffff20" stroke-dasharray="4"/> <text x="180" y="215" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10" font-weight="bold">THE SYSTEM FUNNEL</text> <text x="180" y="230" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Case Attrition from Arrest to Prison</text> </g> <!-- Bottom Data Section --> <rect x="40" y="470" width="820" height="70" rx="12" fill="#e879f910" stroke="#e879f930"/> <text x="60" y="495" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="14">DATA-DRIVEN JUSTICE</text> <text x="60" y="515" fill="#94a3b8" font-family="monospace" font-size="11">risk_score = (priors * 1.5) + (severity * 2.0) - (employment * 0.8)</text> <g transform="translate(600, 485)"> <rect x="0" y="0" width="240" height="40" rx="20" fill="#00000040"/> <circle cx="20" cy="20" r="12" fill="#e879f9" opacity="0.8"/> <text x="45" y="25" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">ALGORITHMIC ASSESSMENT</text> </g> <!-- Decorative Icons --> <!-- Magnifying Glass (Criminology) --> <g transform="translate(380, 130) scale(0.8)" opacity="0.6"> <circle cx="20" cy="20" r="15" stroke="#f59e0b" stroke-width="3" fill="none"/> <line x1="32" y1="32" x2="45" y2="45" stroke="#f59e0b" stroke-width="4" stroke-linecap="round"/> </g> <!-- Scales (Justice) --> <g transform="translate(800, 130) scale(0.8)" opacity="0.6"> <line x1="10" y1="20" x2="50" y2="20" stroke="#38bdf8" stroke-width="3"/> <line x1="30" y1="10" x2="30" y2="45" stroke="#38bdf8" stroke-width="3"/> <path d="M10 20 L5 40 L15 40 Z" fill="#38bdf8"/> <path d="M50 20 L45 40 L55 40 Z" fill="#38bdf8"/> </g> </svg>Criminology and Criminal Justice image 1Criminology and Criminal Justice - Overview of Social Science and Professional Disciplines - image 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/criminology-and-criminal-justice/svg/1Criminology and Criminal Justice diagram 1Criminology and Criminal Justice - Overview of Social Science and Professional Disciplines - diagram 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/criminology-and-criminal-justice/svg/2Criminology and Criminal Justice diagram 2Criminology and Criminal Justice - Overview of Social Science and Professional Disciplines - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Definitions --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Base Layers --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">DISABILITY STUDIES</text> <text x="40" y="75" font-family="sans-serif" font-weight="400" font-size="16" fill="#38bdf8" letter-spacing="1">FRAMEWORKS, POWER DYNAMICS, &amp; SYSTEMS CHANGE</text> <line x1="40" y1="90" x2="860" y2="90" stroke="#334155" stroke-width="1"/> <!-- Main Comparison: Medical vs Social --> <rect x="40" y="110" width="400" height="200" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f43f5e">The Medical Model</text> <text x="60" y="165" font-family="sans-serif" font-size="13" fill="#94a3b8">Locus: The Individual</text> <circle cx="70" cy="200" r="15" fill="none" stroke="#f43f5e" stroke-width="2"/> <path d="M 65 200 L 75 200 M 70 195 L 70 205" stroke="#f43f5e" stroke-width="2"/> <text x="100" y="195" font-family="sans-serif" font-size="12" fill="#f8fafc">Deficit-based approach</text> <text x="100" y="212" font-family="sans-serif" font-size="12" fill="#f8fafc">Goal: Cure, Fix, or Rehabilitate</text> <text x="60" y="250" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"The person is broken and needs to be made 'normal' to participate."</text> <rect x="460" y="110" width="400" height="200" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="480" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Social Model</text> <text x="480" y="165" font-family="sans-serif" font-size="13" fill="#94a3b8">Locus: The Environment</text> <rect x="485" y="185" width="20" height="20" rx="4" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M 490 195 L 500 195" stroke="#38bdf8" stroke-width="2"/> <text x="520" y="195" font-family="sans-serif" font-size="12" fill="#f8fafc">Barrier-based approach</text> <text x="520" y="212" font-family="sans-serif" font-size="12" fill="#f8fafc">Goal: Systems Change &amp; Universal Design</text> <text x="480" y="250" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"The environment is broken and needs to be redesigned for diversity."</text> <!-- The Mathematical Insight --> <rect x="40" y="325" width="820" height="80" rx="16" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="60" y="355" font-family="serif" font-size="24" fill="#f59e0b" filter="url(#glow)">D(S) = Σ Bᵢ · Iᵢ</text> <text x="240" y="353" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">The Social Model Formula</text> <text x="240" y="372" font-family="sans-serif" font-size="12" fill="#94a3b8">Disability (D) is the sum of environmental Barriers (B) acting upon functional Impairments (I).</text> <text x="240" y="388" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">If B → 0 (Universal Design), then D → 0.</text> <!-- Critical Theory & Intersectionality --> <rect x="40" y="420" width="400" height="110" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="445" font-family="sans-serif" font-weight="700" font-size="16" fill="#e879f9">Critical Disability Theory</text> <circle cx="75" cy="485" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <circle cx="95" cy="485" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="135" y="475" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Intersectionality</text> <text x="135" y="492" font-family="sans-serif" font-size="11" fill="#94a3b8">Disability × Race × Class × Gender</text> <text x="135" y="505" font-family="sans-serif" font-size="11" fill="#94a3b8">Power dynamics define "Normalcy"</text> <!-- Technical Implementation: Accessibility Tree --> <rect x="460" y="420" width="400" height="110" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="480" y="445" font-family="sans-serif" font-weight="700" font-size="16" fill="#10b981">The Accessibility Tree</text> <!-- Tree Diagram --> <rect x="485" y="465" width="40" height="12" rx="2" fill="#10b98140" stroke="#10b981"/> <line x1="505" y1="477" x2="505" y2="490" stroke="#10b981" stroke-width="1"/> <line x1="505" y1="490" x2="490" y2="490" stroke="#10b981" stroke-width="1"/> <line x1="505" y1="490" x2="520" y2="490" stroke="#10b981" stroke-width="1"/> <rect x="480" y="490" width="20" height="8" rx="1" fill="#10b98140"/> <rect x="510" y="490" width="20" height="8" rx="1" fill="#10b98140"/> <text x="545" y="472" font-family="monospace" font-size="11" fill="#10b981">ROLE_BUTTON</text> <text x="545" y="488" font-family="monospace" font-size="11" fill="#94a3b8">aria-label: "Submit"</text> <text x="545" y="504" font-family="monospace" font-size="11" fill="#94a3b8">focusable: true</text> <text x="480" y="520" font-family="sans-serif" font-size="10" fill="#64748b">Semantic bridge between DOM and Assistive Tech</text> <!-- Decorative Accents --> <circle cx="850" cy="50" r="20" fill="#f59e0b20"/> <circle cx="850" cy="50" r="10" fill="#f59e0b40"/> <path d="M 820 40 L 880 40" stroke="#334155" stroke-width="1" stroke-dasharray="4 2"/> </svg>Disability Studies image 1Disability Studies - Overview of Social Science and Professional Disciplines - image 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/disability-studies/svg/1Disability Studies diagram 1Disability Studies - Overview of Social Science and Professional Disciplines - diagram 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/disability-studies/svg/2Disability Studies diagram 2Disability Studies - Overview of Social Science and Professional Disciplines - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">EARLY CHILDHOOD EDUCATION</text> <text x="40" y="85" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8" letter-spacing="1">THE ARCHITECTURE OF HUMAN POTENTIAL (BIRTH TO AGE 8)</text> <!-- Neuroplasticity Highlight --> <rect x="580" y="35" width="280" height="60" rx="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="595" y="58" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">NEUROPLASTICITY WINDOW</text> <text x="595" y="78" font-family="sans-serif" font-size="18" fill="#f8fafc">1M+ <tspan font-size="12" fill="#94a3b8">neural connections / sec</tspan></text> <!-- Section 1: The Four Domains --> <text x="40" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">I. HOLISTIC DEVELOPMENT DOMAINS</text> <!-- Domain Cards --> <g transform="translate(40, 160)"> <!-- Cognitive --> <rect width="200" height="110" rx="16" fill="#ffffff10" /> <circle cx="30" cy="30" r="12" fill="#38bdf8" /> <path d="M25 30 L35 30 M30 25 L30 35" stroke="white" stroke-width="2"/> <text x="50" y="35" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Cognitive</text> <text x="15" y="65" font-family="sans-serif" font-size="12" fill="#94a3b8">Executive Function</text> <text x="15" y="82" font-family="sans-serif" font-size="12" fill="#94a3b8">Symbolic Thought</text> <text x="15" y="98" font-family="sans-serif" font-weight="600" font-size="11" fill="#38bdf8">ANCHOR: PIAGET</text> <!-- Social --> <g transform="translate(220, 0)"> <rect width="200" height="110" rx="16" fill="#ffffff10" /> <circle cx="30" cy="30" r="12" fill="#4ade80" /> <circle cx="27" cy="30" r="4" fill="white" /> <circle cx="33" cy="30" r="4" fill="white" /> <text x="50" y="35" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Social</text> <text x="15" y="65" font-family="sans-serif" font-size="12" fill="#94a3b8">Theory of Mind</text> <text x="15" y="82" font-family="sans-serif" font-size="12" fill="#94a3b8">Conflict Resolution</text> <text x="15" y="98" font-family="sans-serif" font-weight="600" font-size="11" fill="#4ade80">ANCHOR: VYGOTSKY</text> </g> <!-- Emotional --> <g transform="translate(0, 130)"> <rect width="200" height="110" rx="16" fill="#ffffff10" /> <circle cx="30" cy="30" r="12" fill="#e879f9" /> <path d="M25 30 Q30 38 35 30" stroke="white" fill="none" stroke-width="2"/> <text x="50" y="35" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Emotional</text> <text x="15" y="65" font-family="sans-serif" font-size="12" fill="#94a3b8">Self-Regulation</text> <text x="15" y="82" font-family="sans-serif" font-size="12" fill="#94a3b8">Empathy Literacy</text> <text x="15" y="98" font-family="sans-serif" font-weight="600" font-size="11" fill="#e879f9">ANCHOR: ERIKSON</text> </g> <!-- Physical --> <g transform="translate(220, 130)"> <rect width="200" height="110" rx="16" fill="#ffffff10" /> <circle cx="30" cy="30" r="12" fill="#fb923c" /> <rect x="25" y="25" width="10" height="10" fill="white" rx="2"/> <text x="50" y="35" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Physical</text> <text x="15" y="65" font-family="sans-serif" font-size="12" fill="#94a3b8">Proprioception</text> <text x="15" y="82" font-family="sans-serif" font-size="12" fill="#94a3b8">Fine Motor Skills</text> <text x="15" y="98" font-family="sans-serif" font-weight="600" font-size="11" fill="#fb923c">ANCHOR: GESELL</text> </g> </g> <!-- Section 2: Scaffolding Algorithm --> <g transform="translate(500, 140)"> <text x="0" y="0" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">II. THE SCAFFOLDING LOGIC</text> <rect y="20" width="360" height="250" rx="16" fill="#ffffff08" stroke="#ffffff10" /> <!-- ZPD Diagram --> <circle cx="180" cy="145" r="85" fill="none" stroke="#94a3b8" stroke-dasharray="4 4" /> <circle cx="180" cy="145" r="55" fill="#38bdf830" stroke="#38bdf8" stroke-width="2" /> <circle cx="180" cy="145" r="25" fill="#ffffff20" stroke="#f8fafc" /> <text x="180" y="148" font-family="sans-serif" font-size="10" fill="#f8fafc" text-anchor="middle">KNOWN</text> <text x="180" y="105" font-family="sans-serif" font-weight="700" font-size="12" fill="#38bdf8" text-anchor="middle">ZPD (GROWTH)</text> <text x="180" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">FRUSTRATION ZONE</text> <!-- Code Snippet Visual --> <rect x="20" y="210" width="320" height="45" rx="8" fill="#00000040" /> <text x="35" y="230" font-family="monospace" font-size="10" fill="#4ade80">if task &lt;= child.skill: return "Boredom"</text> <text x="35" y="245" font-family="monospace" font-size="10" fill="#e879f9">elif task in ZPD: provide_scaffold()</text> </g> <!-- Section 3: Play Continuum --> <g transform="translate(40, 430)"> <text x="0" y="0" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">III. THE PLAY-LEARNING CONTINUUM</text> <line x1="0" y1="50" x2="820" y2="50" stroke="#94a3b8" stroke-width="2" /> <!-- Points on Continuum --> <g transform="translate(0, 50)"> <circle r="6" fill="#f8fafc" /> <text y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">Unstructured</text> <text y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Child-led, spontaneous</text> </g> <g transform="translate(273, 50)"> <circle r="6" fill="#38bdf8" /> <text y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#38bdf8" text-anchor="middle">Guided Play</text> <text y="42" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Adult-scaffolded environment</text> </g> <g transform="translate(546, 50)"> <circle r="6" fill="#e879f9" /> <text y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#e879f9" text-anchor="middle">Co-operative</text> <text y="42" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Group goals &amp; mediation</text> </g> <g transform="translate(820, 50)"> <circle r="6" fill="#94a3b8" /> <text y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc" text-anchor="end">Direct Instruction</text> <text y="42" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="end">Adult-led, structured</text> </g> </g> <!-- Footer Decoration --> <path d="M0 560 L900 560 L900 555 Q450 545 0 555 Z" fill="#38bdf830" /> </svg>Early Childhood Education image 1Early Childhood Education - Overview of Social Science and Professional Disciplines - image 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/early-childhood-education/svg/1Early Childhood Education diagram 1Early Childhood Education - Overview of Social Science and Professional Disciplines - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 100h900M0 200h900M0 300h900M0 400h900M0 500h900"/> <path d="M100 0v560M200 0v560M300 0v560M400 0v560M500 0v560M600 0v560M700 0v560M800 0v560"/> </g> <!-- Header --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="36" letter-spacing="2">ECONOMICS</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="1">THE STUDY OF SCARCITY, CHOICE, AND ALLOCATION</text> <rect x="350" y="95" width="200" height="2" fill="url(#accentGrad)"/> <!-- Central Concept: Scarcity --> <rect x="330" y="120" width="240" height="60" rx="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="450" y="145" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="18">CORE: SCARCITY</text> <text x="450" y="165" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11">Unlimited Wants vs. Limited Resources</text> <!-- Left Column: Microeconomics --> <rect x="40" y="200" width="400" height="260" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="75" cy="235" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M68 242l5-7 4 4 6-9" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="105" y="240" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="20">Microeconomics</text> <text x="105" y="258" fill="#94a3b8" font-family="sans-serif" font-size="12">The "Individual Tree" Perspective</text> <!-- Supply/Demand Mini Chart --> <g transform="translate(70, 290)"> <path d="M0 0v80h80" fill="none" stroke="#94a3b8" stroke-width="1"/> <path d="M10 10l60 60" fill="none" stroke="#f43f5e" stroke-width="2"/> <!-- Supply --> <path d="M10 70l60 -60" fill="none" stroke="#10b981" stroke-width="2"/> <!-- Demand --> <text x="85" y="75" fill="#94a3b8" font-family="sans-serif" font-size="10">Q</text> <text x="-15" y="10" fill="#94a3b8" font-family="sans-serif" font-size="10">P</text> </g> <g font-family="sans-serif" font-size="13" fill="#f8fafc"> <text x="170" y="305" font-weight="bold">Market Mechanics</text> <text x="170" y="325" fill="#94a3b8" font-size="12">• Rational Choice Theory</text> <text x="170" y="342" fill="#94a3b8" font-size="12">• Price Elasticity</text> <text x="170" y="359" fill="#94a3b8" font-size="12">• Utility Maximization</text> <text x="70" y="405" font-weight="bold">Market Structures</text> <rect x="70" y="415" width="340" height="30" rx="6" fill="#ffffff05"/> <text x="80" y="435" fill="#38bdf8" font-size="11">Perfect Comp.</text> <text x="165" y="435" fill="#38bdf8" font-size="11">Monopolistic</text> <text x="250" y="435" fill="#38bdf8" font-size="11">Oligopoly</text> <text x="330" y="435" fill="#38bdf8" font-size="11">Monopoly</text> </g> <!-- Right Column: Macroeconomics --> <rect x="460" y="200" width="400" height="260" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="495" cy="235" r="18" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <path d="M485 235h20M495 225v20M488 228l14 14M502 228l-14 14" fill="none" stroke="#e879f9" stroke-width="1.5"/> <text x="525" y="240" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="20">Macroeconomics</text> <text x="525" y="258" fill="#94a3b8" font-family="sans-serif" font-size="12">The "Entire Forest" Perspective</text> <!-- Business Cycle Mini Chart --> <g transform="translate(490, 290)"> <path d="M0 0v80h80" fill="none" stroke="#94a3b8" stroke-width="1"/> <path d="M0 60 Q20 10, 40 40 T80 20" fill="none" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <text x="85" y="75" fill="#94a3b8" font-family="sans-serif" font-size="10">Time</text> <text x="-15" y="10" fill="#94a3b8" font-family="sans-serif" font-size="10">GDP</text> </g> <g font-family="sans-serif" font-size="13" fill="#f8fafc"> <text x="590" y="305" font-weight="bold">Aggregate Indicators</text> <text x="590" y="325" fill="#94a3b8" font-size="12">• GDP (C + I + G + NX)</text> <text x="590" y="342" fill="#94a3b8" font-size="12">• Inflation (CPI)</text> <text x="590" y="359" fill="#94a3b8" font-size="12">• Unemployment Rate</text> <text x="490" y="405" font-weight="bold">Policy Tools</text> <g transform="translate(490, 415)"> <rect width="165" height="30" rx="6" fill="#e879f915"/> <text x="82" y="20" text-anchor="middle" fill="#f8fafc" font-size="11">FISCAL (Tax/Spend)</text> <rect x="175" width="165" height="30" rx="6" fill="#38bdf815"/> <text x="257" y="20" text-anchor="middle" fill="#f8fafc" font-size="11">MONETARY (Interest)</text> </g> </g> <!-- Bottom Bar: Factors of Production --> <rect x="40" y="480" width="820" height="60" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="60" y="515" fill="#94a3b8" font-family="sans-serif" font-weight="bold" font-size="14">FACTORS OF PRODUCTION:</text> <g transform="translate(260, 500)" font-family="sans-serif" font-size="12"> <rect x="0" y="0" width="130" height="24" rx="12" fill="#38bdf810" stroke="#38bdf840"/> <text x="65" y="16" text-anchor="middle" fill="#f8fafc">LAND (Natural)</text> <rect x="140" y="0" width="130" height="24" rx="12" fill="#38bdf810" stroke="#38bdf840"/> <text x="205" y="16" text-anchor="middle" fill="#f8fafc">LABOR (Human)</text> <rect x="280" y="0" width="130" height="24" rx="12" fill="#38bdf810" stroke="#38bdf840"/> <text x="345" y="16" text-anchor="middle" fill="#f8fafc">CAPITAL (Tools)</text> <rect x="420" y="0" width="160" height="24" rx="12" fill="#38bdf810" stroke="#38bdf840"/> <text x="500" y="16" text-anchor="middle" fill="#f8fafc">ENTREPRENEURSHIP</text> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff08" stroke-width="8"/> <circle cx="50" cy="510" r="20" fill="none" stroke="#ffffff08" stroke-width="4"/> <path d="M800 100l20 20m-20 0l20-20" stroke="#ffffff10" stroke-width="2"/> </svg>Economics image 1Economics - Overview of Social Science and Professional Disciplines - image 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/economics/svg/1Economics diagram 1Economics - Overview of Social Science and Professional Disciplines - diagram 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/economics/svg/2Economics diagram 2Economics - Overview of Social Science and Professional Disciplines - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">The Architecture of Learning</text> <text x="40" y="88" font-family="sans-serif" font-size="16" fill="#94a3b8" letter-spacing="1">EDUCATION &amp; PROFESSIONAL DEVELOPMENT ECOSYSTEM</text> <rect x="40" y="105" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Column 1: Instructional Design (ADDIE) --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="165" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">Instructional Design</text> <text x="60" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">The ADDIE Framework (Iterative)</text> <!-- ADDIE Steps --> <g transform="translate(60, 210)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="15" y="20" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8" text-anchor="middle">A</text> <text x="45" y="12" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Analysis</text> <text x="45" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Identify performance gaps</text> <g transform="translate(0, 55)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="15" y="20" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8" text-anchor="middle">D</text> <text x="45" y="12" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Design</text> <text x="45" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">SMART learning objectives</text> </g> <g transform="translate(0, 110)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="15" y="20" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8" text-anchor="middle">D</text> <text x="45" y="12" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Development</text> <text x="45" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Asset &amp; content creation</text> </g> <g transform="translate(0, 165)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="15" y="20" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8" text-anchor="middle">I</text> <text x="45" y="12" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Implementation</text> <text x="45" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">LMS Deployment &amp; Launch</text> </g> <g transform="translate(0, 220)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="15" y="20" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8" text-anchor="middle">E</text> <text x="45" y="12" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Evaluation</text> <text x="45" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Kirkpatrick ROI Analysis</text> </g> <!-- Connectors --> <line x1="15" y1="30" x2="15" y2="55" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 2"/> <line x1="15" y1="85" x2="15" y2="110" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 2"/> <line x1="15" y1="140" x2="15" y2="165" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 2"/> <line x1="15" y1="195" x2="15" y2="220" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 2"/> </g> <!-- Column 2: Cognitive Science --> <rect x="320" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="340" y="165" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">Cognitive Load Theory</text> <!-- Brain/Memory Visualization --> <g transform="translate(340, 200)"> <!-- Working Memory --> <rect x="0" y="0" width="220" height="80" rx="8" fill="#f59e0b10" stroke="#f59e0b" stroke-width="1"/> <text x="110" y="25" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f59e0b" text-anchor="middle">WORKING MEMORY</text> <text x="110" y="45" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Limited Capacity (7±2 items)</text> <!-- Arrows --> <path d="M110 80 L110 120" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrow)"/> <text x="120" y="105" font-family="sans-serif" font-size="11" font-style="italic" fill="#f8fafc">Encoding</text> <!-- Long Term Memory / Schema --> <g transform="translate(0, 130)"> <rect x="0" y="0" width="220" height="150" rx="8" fill="#ffffff05" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4 4"/> <text x="110" y="25" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc" text-anchor="middle">LONG-TERM MEMORY</text> <!-- Schema Grid --> <circle cx="60" cy="70" r="6" fill="#f59e0b"/> <circle cx="110" cy="90" r="6" fill="#f59e0b"/> <circle cx="160" cy="70" r="6" fill="#f59e0b"/> <circle cx="110" cy="50" r="6" fill="#f59e0b"/> <line x1="60" y1="70" x2="110" y2="90" stroke="#f59e0b" stroke-width="1.5"/> <line x1="110" y1="90" x2="160" y2="70" stroke="#f59e0b" stroke-width="1.5"/> <line x1="110" y1="50" x2="110" y2="90" stroke="#f59e0b" stroke-width="1.5"/> <text x="110" y="125" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Schema Acquisition</text> </g> </g> <!-- Column 3: EdTech Standards --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="620" y="165" font-family="sans-serif" font-weight="bold" font-size="18" fill="#e879f9">Interoperability</text> <!-- Tech Stack --> <g transform="translate(620, 200)"> <!-- SCORM --> <rect x="0" y="0" width="220" height="60" rx="8" fill="#e879f915" stroke="#e879f9" stroke-width="1"/> <text x="15" y="25" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">SCORM</text> <text x="15" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Standard Packaging &amp; Tracking</text> <!-- xAPI --> <rect x="0" y="80" width="220" height="60" rx="8" fill="#e879f915" stroke="#e879f9" stroke-width="1"/> <text x="15" y="105" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">xAPI (Tin Can)</text> <text x="15" y="125" font-family="sans-serif" font-size="11" fill="#94a3b8">Experience Tracking (Offline/Sims)</text> <!-- LTI --> <rect x="0" y="160" width="220" height="60" rx="8" fill="#e879f915" stroke="#e879f9" stroke-width="1"/> <text x="15" y="185" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">LTI</text> <text x="15" y="205" font-family="sans-serif" font-size="11" fill="#94a3b8">External Tool Integration</text> <!-- Data Viz (Item Analysis) --> <text x="0" y="260" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">ITEM ANALYSIS (DATA)</text> <rect x="0" y="275" width="40" height="30" fill="#38bdf8" rx="2"/> <rect x="50" y="285" width="40" height="20" fill="#38bdf880" rx="2"/> <rect x="100" y="270" width="40" height="35" fill="#38bdf8" rx="2"/> <rect x="150" y="290" width="40" height="15" fill="#38bdf880" rx="2"/> <text x="0" y="315" font-family="sans-serif" font-size="10" fill="#94a3b8">Difficulty (p) &amp; Discrimination (D)</text> </g> <!-- Decorative Marker --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orientation="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#f59e0b" /> </marker> </defs> <!-- Footer Label --> <text x="450" y="545" font-family="sans-serif" font-size="10" fill="#ffffff30" text-anchor="middle">EPD ARCHITECTURE FRAMEWORK v1.0 • SYSTEMATIC KNOWLEDGE ACQUISITION</text> </svg>Education & Professional Development image 1Education & Professional Development - Overview of Social Science and Professional Disciplines - image 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/education-and-professional-development/svg/1Education & Professional Development diagram 1Education & Professional Development - Overview of Social Science and Professional Disciplines - diagram 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/education-and-professional-development/svg/2Education & Professional Development diagram 2Education & Professional Development - Overview of Social Science and Professional Disciplines - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="24" height="24" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Header Accents --> <path d="M0 40 L900 40" stroke="#ffffff10" stroke-width="1"/> <path d="M450 40 L450 80" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Title Section --> <text x="450" y="65" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">ETHNIC STUDIES</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="14" fill="#94a3b8" letter-spacing="2">AN EPISTEMOLOGICAL INTERVENTION &amp; DECOLONIAL LENS</text> <!-- Top Left: The Genesis --> <rect x="40" y="115" width="395" height="150" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE GENESIS: 1968–1969</text> <text x="60" y="170" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="60" dy="0">Born from the Third World Liberation Front (TWLF)</tspan> <tspan x="60" dy="18">strikes at SF State and UC Berkeley. A demand for</tspan> <tspan x="60" dy="18">curricula reflecting BIPOC histories and systemic</tspan> <tspan x="60" dy="18">critique of power structures.</tspan> </text> <!-- Strike Icon --> <circle cx="380" cy="150" r="25" fill="#f59e0b20"/> <path d="M370 160 L375 140 L385 140 L390 160 Z" fill="#f59e0b"/> <rect x="377" y="145" width="6" height="12" fill="#0f172a"/> <!-- Top Right: The Framework Shift --> <rect x="465" y="115" width="395" height="150" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="485" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE SHIFT: OBJECT TO SUBJECT</text> <!-- Comparison Table Mini --> <text x="485" y="175" font-family="sans-serif" font-size="11" font-weight="700" fill="#94a3b8">TRADITIONAL SOCIAL SCIENCE</text> <text x="485" y="192" font-family="sans-serif" font-size="12" fill="#f8fafc">Researcher as "Objective" Observer</text> <line x1="485" y1="205" x2="840" y2="205" stroke="#ffffff10"/> <text x="485" y="225" font-family="sans-serif" font-size="11" font-weight="700" fill="#38bdf8">ETHNIC STUDIES FRAMEWORK</text> <text x="485" y="242" font-family="sans-serif" font-size="12" fill="#f8fafc">Researcher as "Positioned" Participant</text> <!-- Center Divider / Pillars Title --> <text x="450" y="305" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="20" fill="#f8fafc">THE FOUR PILLARS</text> <path d="M40 300 L350 300 M550 300 L860 300" stroke="#ffffff20" stroke-width="1"/> <!-- Pillar 1: Africana --> <rect x="40" y="330" width="195" height="190" rx="12" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="55" y="360" font-family="sans-serif" font-weight="700" font-size="15" fill="#f59e0b">AFRICANA</text> <text x="55" y="385" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="55" dy="0" font-weight="700" fill="#f8fafc">Double Consciousness</tspan> <tspan x="55" dy="18">The internal conflict of</tspan> <tspan x="55" dy="16">subordinated groups in</tspan> <tspan x="55" dy="16">oppressive societies.</tspan> <tspan x="55" dy="25" font-style="italic" fill="#94a3b8">Focus: African Diaspora,</tspan> <tspan x="55" dy="16" font-style="italic" fill="#94a3b8">Black Radical Tradition.</tspan> </text> <!-- Pillar 2: AAPI --> <rect x="245" y="330" width="195" height="190" rx="12" fill="#38bdf810" stroke="#38bdf830"/> <text x="260" y="360" font-family="sans-serif" font-weight="700" font-size="15" fill="#38bdf8">AAPI STUDIES</text> <text x="260" y="385" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="260" dy="0" font-weight="700" fill="#f8fafc">Pan-ethnicity</tspan> <tspan x="260" dy="18">Forging collective identity</tspan> <tspan x="260" dy="16">for political mobilization</tspan> <tspan x="260" dy="16">against Orientalism.</tspan> <tspan x="260" dy="25" font-style="italic" fill="#94a3b8">Focus: Labor history,</tspan> <tspan x="260" dy="16" font-style="italic" fill="#94a3b8">Model Minority Myth.</tspan> </text> <!-- Pillar 3: Chicanx/Latinx --> <rect x="450" y="330" width="195" height="190" rx="12" fill="#e879f910" stroke="#e879f930"/> <text x="465" y="360" font-family="sans-serif" font-weight="700" font-size="15" fill="#e879f9">CHICANX/LATINX</text> <text x="465" y="385" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="465" dy="0" font-weight="700" fill="#f8fafc">Borderlands</tspan> <tspan x="465" dy="18">Analyzing physical and</tspan> <tspan x="465" dy="16">psychological spaces of</tspan> <tspan x="465" dy="16">cultural mixing (Mestizaje).</tspan> <tspan x="465" dy="25" font-style="italic" fill="#94a3b8">Focus: Decolonial theory,</tspan> <tspan x="465" dy="16" font-style="italic" fill="#94a3b8">Migration &amp; Resistance.</tspan> </text> <!-- Pillar 4: Indigenous --> <rect x="655" y="330" width="195" height="190" rx="12" fill="#4ade8010" stroke="#4ade8030"/> <text x="670" y="360" font-family="sans-serif" font-weight="700" font-size="15" fill="#4ade80">INDIGENOUS</text> <text x="670" y="385" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="670" dy="0" font-weight="700" fill="#f8fafc">Sovereignty</tspan> <tspan x="670" dy="18">The inherent right to self-</tspan> <tspan x="670" dy="16">determination and land</tspan> <tspan x="670" dy="16">against Settler Colonialism.</tspan> <tspan x="670" dy="25" font-style="italic" fill="#94a3b8">Focus: Knowledge Systems,</tspan> <tspan x="670" dy="16" font-style="italic" fill="#94a3b8">Land Back, Decolonization.</tspan> </text> <!-- Footer / Concept Note --> <rect x="40" y="535" width="820" height="1" fill="#ffffff10"/> <text x="450" y="550" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#64748b" font-style="italic">Ethnic Studies is not just inclusion; it is a critique of Eurocentrism as the "default" state of knowledge.</text> <!-- Decorative geometric elements --> <circle cx="860" cy="40" r="30" fill="none" stroke="#e879f9" stroke-width="0.5" opacity="0.3"/> <circle cx="860" cy="40" r="20" fill="none" stroke="#38bdf8" stroke-width="0.5" opacity="0.3"/> <path d="M20 540 L40 520 M10 530 L30 510" stroke="#f59e0b" stroke-width="1" opacity="0.2"/> </svg>Ethnic Studies image 1Ethnic Studies - Overview of Social Science and Professional Disciplines - image 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/ethnic-studies/svg/1Ethnic Studies diagram 1Ethnic Studies - Overview of Social Science and Professional Disciplines - diagram 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/ethnic-studies/svg/2Ethnic Studies diagram 2Ethnic Studies - Overview of Social Science and Professional Disciplines - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-size="32" font-weight="bold" fill="#f8fafc" letter-spacing="1">GENDER STUDIES</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">An Interdisciplinary Analysis of Identity, Power, and Performance</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#334155" stroke-width="1"/> <!-- Left Column: Sex vs Gender --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="160" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">The Foundational Split</text> <circle cx="75" cy="200" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 70 195 L 80 205 M 80 195 L 70 205" stroke="#38bdf8" stroke-width="2"/> <text x="100" y="195" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">SEX (Biological)</text> <text x="100" y="212" font-family="sans-serif" font-size="11" fill="#94a3b8">Chromosomes, Hormones, Anatomy</text> <rect x="60" y="235" width="220" height="1" fill="#334155"/> <circle cx="75" cy="270" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <path d="M 70 270 Q 75 260 80 270 Q 75 280 70 270" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="100" y="265" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">GENDER (Social)</text> <text x="100" y="282" font-family="sans-serif" font-size="11" fill="#94a3b8">Cultural Meanings &amp; Expectations</text> <text x="60" y="325" font-family="sans-serif" font-size="12" fill="#cbd5e1" line-height="1.4"> <tspan x="60" dy="0">Gender is not an innate essence,</tspan> <tspan x="60" dy="18">but a product of human interaction</tspan> <tspan x="60" dy="18">and cultural history. It is a</tspan> <tspan x="60" dy="18">"Social Construction."</tspan> </text> <!-- Middle Column: Performativity --> <rect x="320" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="160" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">"Doing Gender"</text> <!-- Performativity Diagram --> <path d="M 450 200 A 40 40 0 1 1 449 200" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <path d="M 485 220 L 495 225 L 490 215" fill="#f59e0b"/> <text x="450" y="225" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f59e0b" text-anchor="middle">REPETITION</text> <text x="340" y="285" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Judith Butler's Theory</text> <text x="340" y="305" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="340" dy="0">Gender is performative: it is</tspan> <tspan x="340" dy="18">produced through the repetition</tspan> <tspan x="340" dy="18">of acts. There is no "core" self</tspan> <tspan x="340" dy="18">behind the expression.</tspan> </text> <rect x="340" y="390" width="220" height="100" rx="8" fill="#00000030"/> <text x="350" y="415" font-family="monospace" font-size="10" fill="#10b981">while behavior != norm:</text> <text x="365" y="430" font-family="monospace" font-size="10" fill="#94a3b8">receive_sanction()</text> <text x="350" y="445" font-family="monospace" font-size="10" fill="#10b981">if behavior == norm:</text> <text x="365" y="460" font-family="monospace" font-size="10" fill="#94a3b8">receive_reward()</text> <text x="340" y="505" font-family="sans-serif" font-size="10" fill="#64748b" font-style="italic">Socialization Feedback Loop</text> <!-- Right Column: Intersectionality --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="160" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">Intersectionality</text> <!-- Venn Diagram --> <circle cx="700" cy="230" r="35" fill="#38bdf830" stroke="#38bdf8" stroke-width="1.5"/> <circle cx="760" cy="230" r="35" fill="#e879f930" stroke="#e879f9" stroke-width="1.5"/> <circle cx="730" cy="275" r="35" fill="#f59e0b30" stroke="#f59e0b" stroke-width="1.5"/> <text x="730" y="245" font-family="sans-serif" font-size="9" fill="#f8fafc" text-anchor="middle" font-weight="bold">POWER</text> <text x="620" y="335" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">The Matrix of Domination</text> <text x="620" y="355" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="620" dy="0">Kimberlé Crenshaw (1989):</tspan> <tspan x="620" dy="18">Identities (Race, Class, Gender)</tspan> <tspan x="620" dy="18">overlap to create unique modes</tspan> <tspan x="620" dy="18">of discrimination and privilege.</tspan> </text> <path d="M 620 440 L 840 440" stroke="#334155" stroke-width="1"/> <text x="620" y="465" font-family="serif" font-size="14" fill="#f8fafc" font-style="italic">E = Φ(R ⊗ G ⊗ C, P)</text> <text x="620" y="485" font-family="sans-serif" font-size="10" fill="#94a3b8">Experience is a non-linear function</text> <text x="620" y="498" font-family="sans-serif" font-size="10" fill="#94a3b8">of intersecting social tensors.</text> <!-- Footer Decorative --> <circle cx="860" cy="40" r="20" fill="#f59e0b20" filter="glow"/> <circle cx="860" cy="40" r="10" fill="#f59e0b"/> <text x="835" y="45" font-family="sans-serif" font-size="10" fill="#f8fafc" text-anchor="end">CRITICAL THEORY</text> </svg>Gender Studies image 1Gender Studies - Overview of Social Science and Professional Disciplines - image 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/gender-studies/svg/1Gender Studies diagram 1Gender Studies - Overview of Social Science and Professional Disciplines - diagram 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/gender-studies/svg/2Gender Studies diagram 2Gender Studies - Overview of Social Science and Professional Disciplines - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotGrid" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotGrid)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="-1">GEOGRAPHY <tspan fill="#38bdf8">(HUMAN)</tspan></text> <text x="40" y="85" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8">The analytical study of patterns and processes shaping human interaction with Earth.</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Main Concept: Space vs Place --> <rect x="40" y="130" width="400" height="160" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="160" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">Space vs. Place</text> <!-- Space Icon & Text --> <g transform="translate(60, 180)"> <rect width="40" height="40" rx="4" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <path d="M5 20 H35 M20 5 V35" stroke="#38bdf8" stroke-width="1" opacity="0.5"/> <circle cx="20" cy="20" r="3" fill="#38bdf8"/> <text x="50" y="15" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Space (Abstract)</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Coordinates, distance, and geometry.</text> </g> <!-- Place Icon & Text --> <g transform="translate(60, 235)"> <rect width="40" height="40" rx="4" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <path d="M20 8 L28 15 V32 H12 V15 Z" fill="#e879f9" opacity="0.6"/> <text x="50" y="15" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Place (Meaning)</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Subjective, experiential, and emotional.</text> </g> <!-- Spatial Analysis Metrics --> <rect x="460" y="130" width="400" height="160" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="160" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">Spatial Metrics</text> <!-- Density --> <g transform="translate(480, 180)"> <rect width="100" height="80" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="50" y="95" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Density</text> <circle cx="30" cy="25" r="3" fill="#38bdf8"/> <circle cx="50" cy="35" r="3" fill="#38bdf8"/> <circle cx="70" cy="20" r="3" fill="#38bdf8"/> <circle cx="40" cy="55" r="3" fill="#38bdf8"/> <circle cx="65" cy="50" r="3" fill="#38bdf8"/> <circle cx="25" cy="45" r="3" fill="#38bdf8"/> </g> <!-- Concentration --> <g transform="translate(610, 180)"> <rect width="100" height="80" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="50" y="95" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Concentration</text> <circle cx="45" cy="35" r="3" fill="#f59e0b"/> <circle cx="55" cy="35" r="3" fill="#f59e0b"/> <circle cx="50" cy="45" r="3" fill="#f59e0b"/> <circle cx="50" cy="25" r="3" fill="#f59e0b"/> </g> <!-- Pattern --> <g transform="translate(740, 180)"> <rect width="100" height="80" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="50" y="95" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Pattern</text> <circle cx="20" cy="40" r="3" fill="#e879f9"/> <circle cx="40" cy="40" r="3" fill="#e879f9"/> <circle cx="60" cy="40" r="3" fill="#e879f9"/> <circle cx="80" cy="40" r="3" fill="#e879f9"/> </g> <!-- Tobler's Law Section --> <rect x="40" y="310" width="540" height="210" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="345" font-family="sans-serif" font-size="18" font-weight="700" fill="#f8fafc">Tobler's First Law &amp; Distance Decay</text> <text x="60" y="365" font-family="sans-serif" font-size="12" fill="#94a3b8">"Everything is related to everything else, but near things are more related."</text> <!-- Distance Decay Graph --> <g transform="translate(80, 390)"> <line x1="0" y1="0" x2="0" y2="100" stroke="#94a3b8" stroke-width="2"/> <line x1="0" y1="100" x2="200" y2="100" stroke="#94a3b8" stroke-width="2"/> <path d="M5 10 Q 20 90, 180 95" stroke="#38bdf8" stroke-width="3" fill="none" filter="glow"/> <text x="-10" y="50" transform="rotate(-90 -10 50)" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Interaction</text> <text x="100" y="115" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Distance</text> </g> <!-- Mathematical Formula Box --> <rect x="320" y="390" width="230" height="100" rx="8" fill="#00000030"/> <text x="340" y="415" font-family="serif" font-style="italic" font-size="16" fill="#38bdf8">I = f(1/d²)</text> <text x="340" y="440" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">Spatial Autocorrelation</text> <text x="340" y="458" font-family="sans-serif" font-size="11" fill="#94a3b8" width="180">The degree to which objects</text> <text x="340" y="472" font-family="sans-serif" font-size="11" fill="#94a3b8">are similar to their neighbors.</text> <!-- Human-Environment Interaction --> <rect x="600" y="310" width="260" height="210" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="345" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">HEI Pillars</text> <g transform="translate(620, 370)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8"/> <text x="15" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">1</text> <text x="40" y="12" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Adaptation</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Changing behavior to fit.</text> </g> <g transform="translate(620, 420)"> <circle cx="15" cy="15" r="15" fill="#f59e0b20" stroke="#f59e0b"/> <text x="15" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">2</text> <text x="40" y="12" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Modification</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Changing the environment.</text> </g> <g transform="translate(620, 470)"> <circle cx="15" cy="15" r="15" fill="#e879f920" stroke="#e879f9"/> <text x="15" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#e879f9">3</text> <text x="40" y="12" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Possibilism</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Human agency vs constraints.</text> </g> <!-- Footer Decor --> <circle cx="860" cy="50" r="80" fill="#38bdf8" opacity="0.05"/> <circle cx="40" cy="520" r="60" fill="#e879f9" opacity="0.05"/> </svg>Geography (Human) image 1Geography (Human) - Overview of Social Science and Professional Disciplines - image 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/human-geography/svg/1Geography (Human) diagram 1Geography (Human) - Overview of Social Science and Professional Disciplines - diagram 1https://www.getlykke.com/explore/public/overview-of-social-science-and-professional-76e90f78-265a-4c20-a32c-7a65e795fc57/media/human-geography/svg/2Geography (Human) diagram 2Geography (Human) - Overview of Social Science and Professional Disciplines - diagram 2https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c2026-04-20T05:06:22.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Texture --> <rect width="900" height="560" fill="url(#bg)"/> <pattern id="dotPattern" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <rect width="900" height="560" fill="url(#dotPattern)" /> <!-- Subtle Grid Lines --> <line x1="450" y1="100" x2="450" y2="520" stroke="#ffffff10" stroke-width="1" /> <line x1="50" y1="310" x2="850" y2="310" stroke="#ffffff10" stroke-width="1" /> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">ANTHROPOLOGY</text> <text x="450" y="82" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="600" font-size="16" letter-spacing="3">THE FOUR-FIELD APPROACH</text> <rect x="380" y="95" width="140" height="2" fill="#f59e0b" /> <!-- Central Holism Hub --> <circle cx="450" cy="310" r="65" fill="#ffffff10" stroke="#f8fafc30" stroke-width="1" stroke-dasharray="4 2" /> <circle cx="450" cy="310" r="50" fill="#1e293b" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> <text x="450" y="305" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">HOLISM</text> <text x="450" y="322" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">THE SYSTEM</text> <text x="450" y="334" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">OF SYSTEMS</text> <!-- Connecting Lines --> <g stroke="#ffffff20" stroke-width="1.5"> <line x1="400" y1="270" x2="280" y2="200" /> <line x1="500" y1="270" x2="620" y2="200" /> <line x1="400" y1="350" x2="280" y2="420" /> <line x1="500" y1="350" x2="620" y2="420" /> </g> <!-- Field 1: Biological --> <rect x="50" y="120" width="320" height="160" rx="16" fill="#ffffff08" stroke="#10b98140" /> <circle cx="85" cy="155" r="18" fill="#10b98120" /> <!-- DNA Icon --> <path d="M78 145 Q85 155 92 145 M78 165 Q85 155 92 165 M85 140 L85 170" stroke="#10b981" fill="none" stroke-width="2" /> <text x="115" y="162" fill="#10b981" font-family="sans-serif" font-weight="bold" font-size="18">Biological</text> <text x="75" y="195" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Evolution &amp; Variation</text> <text x="75" y="215" fill="#94a3b8" font-family="sans-serif" font-size="12">Study of humans as biological organisms.</text> <text x="75" y="235" fill="#94a3b8" font-family="sans-serif" font-size="11">• Paleoanthropology (Fossils)</text> <text x="75" y="250" fill="#94a3b8" font-family="sans-serif" font-size="11">• Primatology &amp; Human Genetics</text> <!-- Field 2: Archaeology --> <rect x="530" y="120" width="320" height="160" rx="16" fill="#ffffff08" stroke="#f59e0b40" /> <circle cx="565" cy="155" r="18" fill="#f59e0b20" /> <!-- Trowel Icon --> <path d="M558 165 L572 165 L565 145 Z" fill="#f59e0b" /> <text x="595" y="162" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="18">Archaeology</text> <text x="555" y="195" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Material Remains</text> <text x="555" y="215" fill="#94a3b8" font-family="sans-serif" font-size="12">Reconstructing the past through artifacts.</text> <text x="555" y="235" fill="#94a3b8" font-family="sans-serif" font-size="11">• Stratigraphic Excavation</text> <text x="555" y="250" fill="#94a3b8" font-family="sans-serif" font-size="11">• Cultural Resource Management</text> <!-- Field 3: Cultural --> <rect x="50" y="340" width="320" height="160" rx="16" fill="#ffffff08" stroke="#e879f940" /> <circle cx="85" cy="375" r="18" fill="#e879f920" /> <!-- People Icon --> <circle cx="85" cy="370" r="5" fill="#e879f9" /> <path d="M75 385 Q85 375 95 385" stroke="#e879f9" fill="none" stroke-width="2" /> <text x="115" y="382" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="18">Cultural</text> <text x="75" y="415" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Living Societies</text> <text x="75" y="435" fill="#94a3b8" font-family="sans-serif" font-size="12">Diversity of human belief and behavior.</text> <text x="75" y="455" fill="#94a3b8" font-family="sans-serif" font-size="11">• Ethnography &amp; Observation</text> <text x="75" y="470" fill="#94a3b8" font-family="sans-serif" font-size="11">• Power, Kinship, &amp; Economics</text> <!-- Field 4: Linguistic --> <rect x="530" y="340" width="320" height="160" rx="16" fill="#ffffff08" stroke="#38bdf840" /> <circle cx="565" cy="375" r="18" fill="#38bdf820" /> <!-- Speech Icon --> <rect x="555" y="365" width="20" height="14" rx="4" fill="#38bdf8" /> <path d="M560 379 L555 385 L565 379" fill="#38bdf8" /> <text x="595" y="382" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="18">Linguistic</text> <text x="555" y="415" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Language &amp; Mind</text> <text x="555" y="435" fill="#94a3b8" font-family="sans-serif" font-size="12">How communication shapes social life.</text> <text x="555" y="455" fill="#94a3b8" font-family="sans-serif" font-size="11">• Sociolinguistics</text> <text x="555" y="470" fill="#94a3b8" font-family="sans-serif" font-size="11">• Discourse &amp; Cognitive Frames</text> <!-- Footer Quote --> <rect x="250" y="520" width="400" height="30" rx="15" fill="#ffffff05" /> <text x="450" y="540" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-style="italic" font-size="12">"What does it mean to be human?" — The fundamental anthropological inquiry.</text> </svg>Introduction to Anthropology and the Four-Field Approach image 1Introduction to Anthropology and the Four-Field Approach - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/intro-to-anthropology/svg/1Introduction to Anthropology and the Four-Field Approach diagram 1Introduction to Anthropology and the Four-Field Approach - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/intro-to-anthropology/svg/2Introduction to Anthropology and the Four-Field Approach diagram 2Introduction to Anthropology and the Four-Field Approach - Anthropology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="1">RESEARCH METHODS</text> <text x="450" y="80" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="400" fill="#94a3b8" letter-spacing="3">CULTURAL &amp; ARCHAEOLOGICAL HOLISM</text> <rect x="400" y="95" width="100" height="4" rx="2" fill="#f59e0b"/> <!-- Central Lens: Emic vs Etic --> <rect x="250" y="120" width="400" height="80" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="450" y="145" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="700" fill="#e879f9">THE EPISTEMOLOGICAL LENS</text> <!-- Emic Side --> <circle cx="310" cy="165" r="12" fill="#f59e0b" fill-opacity="0.2" stroke="#f59e0b" stroke-width="2"/> <text x="330" y="170" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">EMIC <tspan font-weight="300" fill="#94a3b8">(The Insider)</tspan></text> <!-- Etic Side --> <circle cx="510" cy="165" r="12" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8" stroke-width="2"/> <text x="530" y="170" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">ETIC <tspan font-weight="300" fill="#94a3b8">(The Outsider)</tspan></text> <!-- Left Column: Cultural (The Living Record) --> <rect x="40" y="220" width="400" height="300" rx="20" fill="#ffffff08" stroke="#ffffff10"/> <rect x="40" y="220" width="400" height="50" rx="20" fill="#f59e0b20"/> <text x="60" y="252" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">CULTURAL: THE LIVING RECORD</text> <!-- Cultural Methods List --> <g transform="translate(60, 290)"> <!-- Participant Observation --> <circle cx="10" cy="10" r="4" fill="#f59e0b"/> <text x="25" y="15" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Participant Observation</text> <text x="25" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Immersive engagement and rapport building.</text> <!-- Field Notes --> <circle cx="10" cy="60" r="4" fill="#f59e0b"/> <text x="25" y="65" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Qualitative Field Notes</text> <text x="25" y="82" font-family="sans-serif" font-size="11" fill="#94a3b8">Thematic coding of interviews and sensory data.</text> <!-- Mixed Methods --> <circle cx="10" cy="110" r="4" fill="#f59e0b"/> <text x="25" y="115" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Mixed Methods (Python/Stats)</text> <text x="25" y="132" font-family="sans-serif" font-size="11" fill="#94a3b8">Quantitative density analysis of cultural nodes.</text> </g> <!-- Python Icon Decoration --> <rect x="340" y="440" width="80" height="60" rx="8" fill="#0f172a" stroke="#f59e0b40"/> <text x="350" y="465" font-family="monospace" font-size="10" fill="#f59e0b">def analyze():</text> <text x="360" y="480" font-family="monospace" font-size="10" fill="#94a3b8"> return nodes</text> <!-- Right Column: Archaeological (The Material Record) --> <rect x="460" y="220" width="400" height="300" rx="20" fill="#ffffff08" stroke="#ffffff10"/> <rect x="460" y="220" width="400" height="50" rx="20" fill="#38bdf820"/> <text x="480" y="252" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">ARCHAEOLOGICAL: MATERIAL RECORD</text> <!-- Archaeological Methods List --> <g transform="translate(480, 290)"> <!-- Excavation --> <rect x="6" cy="6" width="8" height="8" fill="#38bdf8"/> <text x="25" y="15" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Systematic Excavation</text> <text x="25" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Controlled recovery of physical remains.</text> <!-- Stratigraphy --> <rect x="6" cy="56" width="8" height="8" fill="#38bdf8"/> <text x="25" y="65" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Stratigraphic Analysis</text> <text x="25" y="82" font-family="sans-serif" font-size="11" fill="#94a3b8">Dating via soil layers (Law of Superposition).</text> <!-- Materiality --> <rect x="6" cy="106" width="8" height="8" fill="#38bdf8"/> <text x="25" y="115" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Artifact Seriation</text> <text x="25" y="132" font-family="sans-serif" font-size="11" fill="#94a3b8">Tracking stylistic changes over time.</text> </g> <!-- Artifact Icon Decoration --> <path d="M 780 440 L 820 440 L 810 490 L 790 490 Z" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <line x1="780" y1="455" x2="820" y2="455" stroke="#38bdf840" stroke-width="1"/> <line x1="785" y1="470" x2="815" y2="470" stroke="#38bdf840" stroke-width="1"/> <!-- Footer: Cultural Relativism --> <path d="M 40 535 L 860 535" stroke="#ffffff20" stroke-width="1" stroke-dasharray="4 4"/> <text x="450" y="550" text-anchor="middle" font-family="sans-serif" font-size="11" font-style="italic" fill="#94a3b8"> The Principle of Cultural Relativism: Suspending ethnocentrism for objective data collection. </text> <!-- Connecting Bridge --> <path d="M 440 370 Q 450 370 460 370" stroke="#e879f9" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/> <circle cx="450" cy="370" r="20" fill="#1e1b4b" stroke="#e879f9" stroke-width="1"/> <text x="450" y="374" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#e879f9">HOLISM</text> </svg>Research Methods: Cultural and Archaeological image 1Research Methods: Cultural and Archaeological - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/anthropological-methods/svg/1Research Methods: Cultural and Archaeological diagram 1Research Methods: Cultural and Archaeological - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/anthropological-methods/svg/2Research Methods: Cultural and Archaeological diagram 2Research Methods: Cultural and Archaeological - Anthropology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="1">CULTURE CONCEPT &amp; THEORIES OF CHANGE</text> <path d="M 350 65 L 550 65" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="2">THE ANTHROPOLOGICAL OPERATING SYSTEM</text> <!-- Left Column: The Three-Tiered Structure --> <rect x="40" y="120" width="280" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="150" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="700">THE THREE-TIERED STRUCTURE</text> <!-- Superstructure --> <rect x="60" y="170" width="240" height="75" rx="8" fill="#f59e0b15" stroke="#f59e0b40"/> <text x="75" y="195" fill="#f59e0b" font-family="sans-serif" font-size="14" font-weight="700">SUPERSTRUCTURE</text> <text x="75" y="215" fill="#cbd5e1" font-family="sans-serif" font-size="11">Mental &amp; Ideological: Religion, values,</text> <text x="75" y="230" fill="#cbd5e1" font-family="sans-serif" font-size="11">worldviews, and symbolic meaning.</text> <!-- Structure --> <rect x="60" y="255" width="240" height="75" rx="8" fill="#e879f915" stroke="#e879f940"/> <text x="75" y="280" fill="#e879f9" font-family="sans-serif" font-size="14" font-weight="700">STRUCTURE</text> <text x="75" y="300" fill="#cbd5e1" font-family="sans-serif" font-size="11">Social Organization: Kinship, political</text> <text x="75" y="315" fill="#cbd5e1" font-family="sans-serif" font-size="11">systems, and institutional frameworks.</text> <!-- Infrastructure --> <rect x="60" y="340" width="240" height="75" rx="8" fill="#38bdf815" stroke="#38bdf840"/> <text x="75" y="365" fill="#38bdf8" font-family="sans-serif" font-size="14" font-weight="700">INFRASTRUCTURE</text> <text x="75" y="385" fill="#cbd5e1" font-family="sans-serif" font-size="11">Material Base: Technology, economy,</text> <text x="75" y="400" fill="#cbd5e1" font-family="sans-serif" font-size="11">environment, and production modes.</text> <!-- Right Side: Homeyness vs Winkiness --> <rect x="340" y="120" width="520" height="160" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="380" cy="160" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 370 165 Q 380 145 390 165" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M 370 160 L 390 160" stroke="#38bdf8" stroke-width="1" opacity="0.5"/> <text x="420" y="155" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="700">HOMEYNESS (The Unmarked State)</text> <text x="420" y="180" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">The "Water" in which the fish swims.</text> <text x="420" y="200" fill="#94a3b8" font-family="sans-serif" font-size="12">Linked to Bourdieu's Habitus. It is invisible, providing</text> <text x="420" y="215" fill="#94a3b8" font-family="sans-serif" font-size="12">ontological security and a sense of "naturalness."</text> <rect x="420" y="230" width="80" height="20" rx="4" fill="#38bdf820"/> <text x="460" y="244" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="700">INVISIBILITY</text> <rect x="510" y="230" width="80" height="20" rx="4" fill="#38bdf820"/> <text x="550" y="244" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="700">HABITUS</text> <rect x="340" y="300" width="520" height="160" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="380" cy="340" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <path d="M 370 340 Q 380 325 390 340" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M 370 340 Q 380 355 390 340" fill="none" stroke="#e879f9" stroke-width="2"/> <circle cx="380" cy="340" r="4" fill="#e879f9"/> <path d="M 370 330 L 375 335 M 385 335 L 390 330" stroke="#e879f9" stroke-width="2"/> <text x="420" y="335" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="700">WINKINESS (The Symbolic Web)</text> <text x="420" y="360" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Geertz's "Thick Description".</text> <text x="420" y="380" fill="#94a3b8" font-family="sans-serif" font-size="12">The layers of meaning, irony, and intent. A wink is not</text> <text x="420" y="395" fill="#94a3b8" font-family="sans-serif" font-size="12">just a twitch; it is a shared secret in a web of significance.</text> <rect x="420" y="410" width="110" height="20" rx="4" fill="#e879f920"/> <text x="475" y="424" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="10" font-weight="700">SEMIOTIC ANALYSIS</text> <rect x="540" y="410" width="110" height="20" rx="4" fill="#e879f920"/> <text x="595" y="424" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="10" font-weight="700">THICK DESCRIPTION</text> <!-- Bottom: Enculturation --> <rect x="40" y="480" width="820" height="50" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="60" y="510" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="700">ENCULTURATION:</text> <text x="185" y="510" fill="#94a3b8" font-family="sans-serif" font-size="12">The transmission of culture through social learning.</text> <g transform="translate(500, 503)"> <circle cx="0" cy="0" r="12" fill="#38bdf820" stroke="#38bdf8"/> <path d="M -4 0 L 4 0 M 0 -4 L 0 4" stroke="#38bdf8" stroke-width="1.5"/> <text x="18" y="4" fill="#38bdf8" font-family="sans-serif" font-size="11" font-weight="700">VERTICAL (Parents)</text> <circle cx="130" cy="0" r="12" fill="#e879f920" stroke="#e879f9"/> <path d="M 126 0 L 134 0" stroke="#e879f9" stroke-width="1.5"/> <text x="148" y="4" fill="#e879f9" font-family="sans-serif" font-size="11" font-weight="700">HORIZONTAL (Peers)</text> <circle cx="260" cy="0" r="12" fill="#f59e0b20" stroke="#f59e0b"/> <path d="M 257 -3 L 263 3 M 263 -3 L 257 3" stroke="#f59e0b" stroke-width="1.5"/> <text x="278" y="4" fill="#f59e0b" font-family="sans-serif" font-size="11" font-weight="700">OBLIQUE (Institutions)</text> </g> <!-- Decorative accents --> <circle cx="860" cy="40" r="60" fill="#38bdf808"/> <circle cx="40" cy="520" r="40" fill="#e879f908"/> <path d="M 880 100 L 900 100 M 890 90 L 890 110" stroke="#ffffff20" stroke-width="1"/> </svg>Culture Concept and Theories of Change image 1Culture Concept and Theories of Change - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/culture-concept-theory/svg/1Culture Concept and Theories of Change diagram 1Culture Concept and Theories of Change - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/culture-concept-theory/svg/2Culture Concept and Theories of Change diagram 2Culture Concept and Theories of Change - Anthropology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="55" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">BIOLOGICAL EVOLUTION</text> <text x="40" y="82" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8" letter-spacing="1">THE ANTHROPOLOGICAL PERSPECTIVE</text> <rect x="40" y="95" width="820" height="2" fill="url(#accentGrad)" opacity="0.6"/> <!-- Left Column: The Four Forces --> <rect x="40" y="120" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE FOUR FORCES</text> <!-- Force 1: Mutation --> <g transform="translate(60, 175)"> <circle cx="20" cy="20" r="20" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <path d="M 12 12 L 28 28 M 28 12 L 12 28" stroke="#38bdf8" stroke-width="2"/> <text x="50" y="15" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Mutation</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">The source of new alleles.</text> </g> <!-- Force 2: Selection --> <g transform="translate(60, 245)"> <circle cx="20" cy="20" r="20" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <circle cx="20" cy="20" r="8" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M 20 5 L 20 10 M 20 30 L 20 35 M 5 20 L 10 20 M 30 20 L 35 20" stroke="#e879f9" stroke-width="2"/> <text x="50" y="15" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Natural Selection</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Differential fitness success.</text> </g> <!-- Force 3: Drift --> <g transform="translate(60, 315)"> <circle cx="20" cy="20" r="20" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <circle cx="15" cy="15" r="2" fill="#f59e0b"/> <circle cx="25" cy="18" r="2" fill="#f59e0b"/> <circle cx="18" cy="26" r="2" fill="#f59e0b"/> <text x="50" y="15" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Genetic Drift</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Random allele fluctuations.</text> </g> <!-- Force 4: Flow --> <g transform="translate(60, 385)"> <circle cx="20" cy="20" r="20" fill="#10b98120" stroke="#10b981" stroke-width="1"/> <path d="M 10 20 H 30 M 25 15 L 30 20 L 25 25" fill="none" stroke="#10b981" stroke-width="2"/> <text x="50" y="15" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Gene Flow</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Migration between groups.</text> </g> <!-- Main Content: Timeline --> <rect x="320" y="120" width="540" height="290" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">HOMININ LINEAGE TIMELINE</text> <!-- Timeline Path --> <path d="M 360 320 Q 450 320 450 240 T 540 240 T 630 240 T 820 240" fill="none" stroke="#ffffff20" stroke-width="4" stroke-dasharray="8 4"/> <!-- Timeline Nodes --> <g transform="translate(360, 320)"> <circle r="6" fill="#f59e0b" filter="url(#glow)"/> <text y="25" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">Ardipithecus</text> <text y="40" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">~4.4 MYA</text> </g> <g transform="translate(480, 240)"> <circle r="6" fill="#f59e0b" filter="url(#glow)"/> <text y="-25" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">Australopithecus</text> <text y="-12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">~3.5 MYA</text> </g> <g transform="translate(600, 240)"> <circle r="6" fill="#f59e0b" filter="url(#glow)"/> <text y="25" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">Homo erectus</text> <text y="40" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">~1.8 MYA</text> </g> <g transform="translate(800, 240)"> <circle r="8" fill="#38bdf8" filter="url(#glow)"/> <text y="-25" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Homo sapiens</text> <text y="-12" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">PRESENT</text> </g> <!-- Genetics Section --> <rect x="320" y="430" width="540" height="100" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="460" font-family="sans-serif" font-weight="700" font-size="16" fill="#e879f9">THE MOLECULAR BLUEPRINT</text> <!-- Hardy Weinberg --> <g transform="translate(340, 480)"> <rect width="220" height="35" rx="8" fill="#00000030"/> <text x="110" y="24" text-anchor="middle" font-family="serif" font-style="italic" font-size="18" fill="#f8fafc">p² + 2pq + q² = 1</text> <text x="240" y="15" font-family="sans-serif" font-size="11" fill="#94a3b8">Hardy-Weinberg Equilibrium:</text> <text x="240" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">The null model for evolution.</text> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff10" stroke-width="2"/> <circle cx="850" cy="50" r="15" fill="none" stroke="#ffffff05" stroke-width="1"/> <path d="M 820 50 L 880 50 M 850 20 L 850 80" stroke="#ffffff08" stroke-width="1"/> <!-- Bottom Label --> <text x="860" y="545" text-anchor="end" font-family="sans-serif" font-size="10" fill="#ffffff30" letter-spacing="2">ANTHROPOLOGY SERIES // VOL 01</text> </svg>Biological Evolution and Early Human Evidence image 1Biological Evolution and Early Human Evidence - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/biological-evolution/svg/1Biological Evolution and Early Human Evidence diagram 1Biological Evolution and Early Human Evidence - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/biological-evolution/svg/2Biological Evolution and Early Human Evidence diagram 2Biological Evolution and Early Human Evidence - Anthropology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">THE GENUS HOMO</text> <text x="40" y="85" font-family="sans-serif" font-weight="400" font-size="16" fill="#38bdf8" letter-spacing="3">THE EMERGENCE OF MODERN HUMANS</text> <rect x="40" y="100" width="820" height="2" fill="url(#accentGrad)" fill-opacity="0.5"/> <!-- Left Panel: The Cerebral Rubicon --> <rect x="40" y="130" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">CEREBRAL RUBICON</text> <text x="60" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">The threshold of brain encephalization.</text> <!-- Brain Size Comparison --> <circle cx="100" cy="240" r="22" fill="#334155" stroke="#94a3b8"/> <text x="135" y="235" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">A. afarensis</text> <text x="135" y="250" font-family="sans-serif" font-size="10" fill="#94a3b8">~450 cc</text> <circle cx="100" cy="300" r="28" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <text x="145" y="295" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">H. habilis</text> <text x="145" y="310" font-family="sans-serif" font-size="10" fill="#38bdf8">~610 cc</text> <circle cx="100" cy="375" r="38" fill="#1e293b" stroke="#f59e0b" stroke-width="2"/> <text x="155" y="370" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">H. erectus</text> <text x="155" y="385" font-family="sans-serif" font-size="10" fill="#f59e0b">~950 cc</text> <circle cx="100" cy="465" r="45" fill="#1e293b" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <text x="165" y="460" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">H. sapiens</text> <text x="165" y="475" font-family="sans-serif" font-size="10" fill="#e879f9">~1350 cc</text> <!-- Middle Panel: Biocultural Feedback Loop --> <rect x="320" y="130" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">BIOCULTURAL LOOP</text> <!-- Loop Diagram --> <circle cx="450" cy="320" r="80" fill="none" stroke="#334155" stroke-dasharray="5 5"/> <!-- Loop Nodes --> <g transform="translate(450, 240)"> <rect x="-50" y="-15" width="100" height="30" rx="8" fill="#f59e0b"/> <text y="5" font-family="sans-serif" font-size="11" font-weight="bold" fill="#0f172a" text-anchor="middle">STONE TOOLS</text> </g> <g transform="translate(530, 320)"> <rect x="-45" y="-15" width="90" height="30" rx="8" fill="#38bdf8"/> <text y="5" font-family="sans-serif" font-size="11" font-weight="bold" fill="#0f172a" text-anchor="middle">MEAT DIET</text> </g> <g transform="translate(450, 400)"> <rect x="-55" y="-15" width="110" height="30" rx="8" fill="#e879f9"/> <text y="5" font-family="sans-serif" font-size="11" font-weight="bold" fill="#0f172a" text-anchor="middle">BRAIN GROWTH</text> </g> <g transform="translate(370, 320)"> <rect x="-50" y="-15" width="100" height="30" rx="8" fill="#f8fafc"/> <text y="5" font-family="sans-serif" font-size="11" font-weight="bold" fill="#0f172a" text-anchor="middle">SOCIAL ORG.</text> </g> <!-- Arrows --> <path d="M 480 255 Q 520 270 530 300" fill="none" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 520 340 Q 500 380 470 390" fill="none" stroke="#94a3b8" stroke-width="2"/> <path d="M 420 390 Q 380 380 370 345" fill="none" stroke="#94a3b8" stroke-width="2"/> <path d="M 380 300 Q 400 270 430 255" fill="none" stroke="#94a3b8" stroke-width="2"/> <text x="340" y="450" font-family="sans-serif" font-size="12" fill="#94a3b8" width="220"> <tspan x="340" dy="1.2em">Cultural innovation drives biological</tspan> <tspan x="340" dy="1.2em">change, which in turn enables more</tspan> <tspan x="340" dy="1.2em">complex cultural adaptations.</tspan> </text> <!-- Right Panel: Expensive Tissue Hypothesis --> <rect x="600" y="130" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">EXPENSIVE TISSUE</text> <!-- Scale Visual --> <line x1="650" y1="320" x2="810" y2="320" stroke="#94a3b8" stroke-width="2"/> <path d="M 730 320 L 710 350 L 750 350 Z" fill="#334155"/> <!-- Left Side of Scale (Brain) --> <rect x="640" y="260" width="60" height="60" rx="4" fill="#e879f9" fill-opacity="0.8"/> <text x="670" y="295" font-family="sans-serif" font-size="10" font-weight="bold" fill="#0f172a" text-anchor="middle">BRAIN</text> <text x="670" y="250" font-family="sans-serif" font-size="12" fill="#e879f9" text-anchor="middle">INCREASED</text> <!-- Right Side of Scale (Gut) --> <rect x="760" y="320" width="60" height="40" rx="4" fill="#38bdf8" fill-opacity="0.8"/> <text x="790" y="345" font-family="sans-serif" font-size="10" font-weight="bold" fill="#0f172a" text-anchor="middle">GUT</text> <text x="790" y="380" font-family="sans-serif" font-size="12" fill="#38bdf8" text-anchor="middle">REDUCED</text> <text x="620" y="420" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="620" dy="1.2em">Metabolic trade-off: The high</tspan> <tspan x="620" dy="1.2em">energy cost of a large brain was</tspan> <tspan x="620" dy="1.2em">offset by a smaller digestive tract,</tspan> <tspan x="620" dy="1.2em">made possible by high-quality diet.</tspan> </text> <!-- Timeline Footer --> <rect x="40" y="525" width="820" height="4" rx="2" fill="#334155"/> <circle cx="40" cy="527" r="6" fill="#38bdf8"/> <text x="40" y="545" font-family="sans-serif" font-size="10" fill="#94a3b8">2.5 MYA</text> <circle cx="300" cy="527" r="6" fill="#f59e0b"/> <text x="300" y="545" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">1.9 MYA (H. erectus)</text> <circle cx="860" cy="527" r="6" fill="#e879f9"/> <text x="860" y="545" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="end">PRESENT (H. sapiens)</text> <!-- Decorative Tool Icons --> <path d="M 830 50 L 850 80 L 820 85 Z" fill="none" stroke="#f59e0b" stroke-width="1.5" opacity="0.6"/> <path d="M 855 60 L 870 75 L 850 85 Z" fill="none" stroke="#38bdf8" stroke-width="1" opacity="0.4"/> </svg>The Genus Homo and the Emergence of Modern Humans image 1The Genus Homo and the Emergence of Modern Humans - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/genus-homo/svg/1The Genus Homo and the Emergence of Modern Humans diagram 1The Genus Homo and the Emergence of Modern Humans - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/genus-homo/svg/2The Genus Homo and the Emergence of Modern Humans diagram 2The Genus Homo and the Emergence of Modern Humans - Anthropology - diagram 2https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/genus-homo/svg/3The Genus Homo and the Emergence of Modern Humans diagram 3The Genus Homo and the Emergence of Modern Humans - Anthropology - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">THE ARCHITECTURE OF THOUGHT</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="14" fill="#38bdf8" letter-spacing="2">LINGUISTIC RELATIVITY &amp; COGNITIVE PROTOCOLS</text> <line x1="100" y1="110" x2="800" y2="110" stroke="#ffffff20" stroke-width="1"/> <!-- Main Concept Cards --> <!-- Card 1: Color Perception --> <rect x="50" y="140" width="250" height="240" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <circle cx="175" cy="185" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 165 185 Q 175 165 185 185" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="175" cy="185" r="3" fill="#38bdf8"/> <text x="175" y="235" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Color Perception</text> <text x="175" y="255" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Categorical Boundaries</text> <!-- Color Spectrum Visual --> <linearGradient id="spectrum" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#22c55e"/> <stop offset="100%" stop-color="#3b82f6"/> </linearGradient> <rect x="80" y="280" width="190" height="12" rx="6" fill="url(#spectrum)"/> <line x1="175" y1="275" x2="175" y2="297" stroke="#f59e0b" stroke-width="2"/> <text x="120" y="315" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">"Grue"</text> <text x="230" y="315" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Blue/Green</text> <text x="175" y="345" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc" font-style="italic">Labels accelerate recall</text> <!-- Card 2: Spatial Orientation --> <rect x="325" y="140" width="250" height="240" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <path d="M 450 165 L 465 205 L 450 195 L 435 205 Z" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <circle cx="450" cy="185" r="28" fill="none" stroke="#e879f940" stroke-dasharray="4 4"/> <text x="450" y="235" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Spatial Frame</text> <text x="450" y="255" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Absolute vs. Relative</text> <!-- Compass vs Ego Visual --> <g transform="translate(370, 280)"> <circle cx="30" cy="20" r="15" fill="none" stroke="#94a3b8" stroke-width="1"/> <text x="30" y="24" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">N</text> <text x="30" y="50" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Absolute</text> </g> <g transform="translate(470, 280)"> <path d="M 20 30 L 40 30 M 20 30 L 25 25 M 20 30 L 25 35" fill="none" stroke="#94a3b8" stroke-width="1"/> <text x="30" y="50" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Relative</text> </g> <text x="450" y="345" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc" font-style="italic">Guugu Yimithirr "Dead Reckoning"</text> <!-- Card 3: Temporal Flow --> <rect x="600" y="140" width="250" height="240" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <path d="M 710 170 L 740 170 M 725 170 L 725 200" fill="none" stroke="#f59e0b" stroke-width="3" stroke-linecap="round"/> <circle cx="725" cy="185" r="25" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2 2"/> <text x="725" y="235" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Temporal Flow</text> <text x="725" y="255" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Metaphorical Direction</text> <!-- Time Visual --> <path d="M 640 290 L 700 290" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow)"/> <text x="670" y="310" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Horizontal (SAE)</text> <path d="M 780 270 L 780 310" stroke="#e879f9" stroke-width="2"/> <text x="780" y="330" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Vertical (Mandarin)</text> <text x="725" y="355" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc" font-style="italic">Time as Space</text> <!-- Timeline/Lineage Footer --> <rect x="50" y="410" width="800" height="110" rx="16" fill="#00000030" stroke="#ffffff10"/> <text x="70" y="435" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">THE BOAS-SAPIR-WHORF LINEAGE</text> <!-- Lineage Points --> <g transform="translate(70, 460)"> <circle cx="0" cy="0" r="4" fill="#38bdf8"/> <text x="0" y="20" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">Franz Boas</text> <text x="0" y="35" font-family="sans-serif" font-size="11" fill="#94a3b8">Cultural Categorization</text> </g> <line x1="180" y1="460" x2="300" y2="460" stroke="#ffffff20" stroke-width="1" stroke-dasharray="4 4"/> <g transform="translate(330, 460)"> <circle cx="0" cy="0" r="4" fill="#38bdf8"/> <text x="0" y="20" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">Edward Sapir</text> <text x="0" y="35" font-family="sans-serif" font-size="11" fill="#94a3b8">Guide to Social Reality</text> </g> <line x1="450" y1="460" x2="570" y2="460" stroke="#ffffff20" stroke-width="1" stroke-dasharray="4 4"/> <g transform="translate(600, 460)"> <circle cx="0" cy="0" r="4" fill="#38bdf8"/> <text x="0" y="20" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">Benjamin Lee Whorf</text> <text x="0" y="35" font-family="sans-serif" font-size="11" fill="#94a3b8">The Principle of Relativity</text> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="80" fill="#e879f905"/> <circle cx="50" cy="510" r="60" fill="#38bdf805"/> <!-- Subtle UI elements --> <rect x="780" y="20" width="70" height="20" rx="10" fill="#ffffff10"/> <text x="815" y="34" text-anchor="middle" font-family="sans-serif" font-size="9" font-weight="bold" fill="#94a3b8">v1.0.4 CORE</text> </svg>Language and Communication image 1Language and Communication - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/language-communication/svg/1Language and Communication diagram 1Language and Communication - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/language-communication/svg/2Language and Communication diagram 2Language and Communication - Anthropology - diagram 2https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/language-communication/svg/3Language and Communication diagram 3Language and Communication - Anthropology - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="dots" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <line x1="50" y1="120" x2="850" y2="120" stroke="#ffffff15" stroke-width="1"/> <line x1="50" y1="510" x2="850" y2="510" stroke="#ffffff15" stroke-width="1"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="-0.5">ECONOMIC ANTHROPOLOGY</text> <text x="450" y="90" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="600" font-size="18" letter-spacing="2">WORK • LIFE • VALUE</text> <!-- Embeddedness Concept Card --> <rect x="50" y="140" width="800" height="70" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="75" y="170" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="18">The Concept of Embeddedness</text> <text x="75" y="190" fill="#94a3b8" font-family="sans-serif" font-size="13">Economy is not a separate sphere; it is woven into kinship, religion, and politics. (Karl Polanyi)</text> <circle cx="780" cy="175" r="20" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <path d="M772 175 Q780 160 788 175 T780 190" fill="none" stroke="#f59e0b" stroke-width="2"/> <!-- Main Subsistence Grid --> <!-- 1. Foraging --> <rect x="50" y="230" width="185" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="142" cy="270" r="25" fill="#38bdf820" /> <!-- Spear/Berry Icon --> <line x1="130" y1="285" x2="155" y2="255" stroke="#38bdf8" stroke-width="3"/> <circle cx="150" cy="275" r="4" fill="#e879f9"/> <text x="142" y="315" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="18">FORAGING</text> <text x="142" y="340" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="bold">"The Original Affluent Society"</text> <text x="65" y="370" fill="#94a3b8" font-family="sans-serif" font-size="12"> <tspan x="65" dy="1.4em">• 15-20 hours work/week</tspan> <tspan x="65" dy="1.4em">• High mobility (Bands)</tspan> <tspan x="65" dy="1.4em">• Egalitarian structure</tspan> <tspan x="65" dy="1.4em">• Wild flora &amp; fauna</tspan> </text> <!-- 2. Pastoralism --> <rect x="255" y="230" width="185" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="347" cy="270" r="25" fill="#f59e0b20" /> <!-- Herd Icon --> <ellipse cx="340" cy="270" rx="8" ry="5" fill="none" stroke="#f59e0b" stroke-width="2"/> <ellipse cx="355" cy="275" rx="8" ry="5" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="347" y="315" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="18">PASTORALISM</text> <text x="347" y="340" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="12" font-weight="bold">"Living Capital"</text> <text x="270" y="370" fill="#94a3b8" font-family="sans-serif" font-size="12"> <tspan x="270" dy="1.4em">• Domesticated herds</tspan> <tspan x="270" dy="1.4em">• Nomadic/Transhumance</tspan> <tspan x="270" dy="1.4em">• Emerging inequality</tspan> <tspan x="270" dy="1.4em">• Rugged environments</tspan> </text> <!-- 3. Horticulture --> <rect x="460" y="230" width="185" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="552" cy="270" r="25" fill="#e879f920" /> <!-- Plant Icon --> <path d="M552 285 L552 260 M552 270 L562 260 M552 275 L542 265" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="552" y="315" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="18">HORTICULTURE</text> <text x="552" y="340" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="12" font-weight="bold">"The Fallow Period"</text> <text x="475" y="370" fill="#94a3b8" font-family="sans-serif" font-size="12"> <tspan x="475" dy="1.4em">• Slash-and-burn tech</tspan> <tspan x="475" dy="1.4em">• Simple hand tools</tspan> <tspan x="475" dy="1.4em">• Semi-sedentary</tspan> <tspan x="475" dy="1.4em">• Tribal organization</tspan> </text> <!-- 4. Agriculture --> <rect x="665" y="230" width="185" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="757" cy="270" r="25" fill="#22c55e20" /> <!-- Field Icon --> <rect x="742" y="260" width="30" height="20" fill="none" stroke="#22c55e" stroke-width="1.5"/> <line x1="752" y1="260" x2="752" y2="280" stroke="#22c55e" stroke-width="1"/> <line x1="762" y1="260" x2="762" y2="280" stroke="#22c55e" stroke-width="1"/> <text x="757" y="315" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="18">AGRICULTURE</text> <text x="757" y="340" text-anchor="middle" fill="#22c55e" font-family="sans-serif" font-size="12" font-weight="bold">"The Urban Revolution"</text> <text x="680" y="370" fill="#94a3b8" font-family="sans-serif" font-size="12"> <tspan x="680" dy="1.4em">• Intensive cultivation</tspan> <tspan x="680" dy="1.4em">• Massive food surplus</tspan> <tspan x="680" dy="1.4em">• State formation</tspan> <tspan x="680" dy="1.4em">• High stratification</tspan> </text> <!-- Bottom Scale/Arrow --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#ffffff30" /> </marker> </defs> <line x1="50" y1="530" x2="840" y2="530" stroke="#ffffff30" stroke-width="2" marker-end="url(#arrowhead)"/> <text x="50" y="550" fill="#94a3b8" font-family="sans-serif" font-size="10" font-weight="bold">LOW SOCIAL STRATIFICATION</text> <text x="850" y="550" text-anchor="end" fill="#94a3b8" font-family="sans-serif" font-size="10" font-weight="bold">HIGH SOCIAL STRATIFICATION</text> <!-- Substantivist vs Formalist Label --> <rect x="300" y="505" width="300" height="24" rx="12" fill="#38bdf820" stroke="#38bdf840"/> <text x="450" y="521" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="11" font-weight="bold">SUBSTANTIVIST (Social Logic) vs. FORMALIST (Market Logic)</text> </svg>Work, Life, and Value: Economic Anthropology image 1Work, Life, and Value: Economic Anthropology - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/economic-anthropology/svg/1Work, Life, and Value: Economic Anthropology diagram 1Work, Life, and Value: Economic Anthropology - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/economic-anthropology/svg/2Work, Life, and Value: Economic Anthropology diagram 2Work, Life, and Value: Economic Anthropology - Anthropology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="600" letter-spacing="4">POLITICAL ANTHROPOLOGY</text> <text x="450" y="90" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800">Authority, Decisions, &amp; Power</text> <line x1="350" y1="110" x2="550" y2="110" stroke="url(#accentGrad)" stroke-width="3" stroke-linecap="round"/> <!-- Main Comparison Panels --> <!-- LEFT PANEL: ACEPHALOUS --> <rect x="40" y="140" width="400" height="380" rx="20" fill="#ffffff08" stroke="#ffffff15"/> <text x="65" y="180" fill="#38bdf8" font-family="sans-serif" font-size="22" font-weight="700">Acephalous Societies</text> <text x="65" y="205" fill="#94a3b8" font-family="sans-serif" font-size="14">"Headless" • Bands &amp; Tribes • Egalitarian</text> <!-- Icon: Consensus Circle --> <g transform="translate(340, 180)"> <circle cx="0" cy="0" r="30" fill="none" stroke="#38bdf8" stroke-dasharray="4 4"/> <circle cx="0" cy="-30" r="6" fill="#38bdf8"/> <circle cx="26" cy="-15" r="6" fill="#38bdf8"/> <circle cx="26" cy="15" r="6" fill="#38bdf8"/> <circle cx="0" cy="30" r="6" fill="#38bdf8"/> <circle cx="-26" cy="15" r="6" fill="#38bdf8"/> <circle cx="-26" cy="-15" r="6" fill="#38bdf8"/> </g> <!-- Leveling Mechanisms Card --> <rect x="60" y="240" width="360" height="130" rx="12" fill="#ffffff05" stroke="#38bdf830"/> <text x="75" y="265" fill="#f8fafc" font-family="sans-serif" font-size="15" font-weight="600">Social Leveling Mechanisms</text> <text x="75" y="290" fill="#94a3b8" font-family="sans-serif" font-size="13">• Gossip &amp; Shaming: Public criticism</text> <text x="75" y="310" fill="#94a3b8" font-family="sans-serif" font-size="13">• Meat-Sharing: Preventing food control</text> <text x="75" y="330" fill="#94a3b8" font-family="sans-serif" font-size="13">• Reverse Dominance: Collective control</text> <text x="75" y="350" fill="#f59e0b" font-family="sans-serif" font-size="12" font-style="italic">Example: !Kung San "Insulting the Meat"</text> <text x="65" y="410" fill="#f8fafc" font-family="sans-serif" font-size="16" font-weight="600">Influence vs. Authority</text> <text x="65" y="435" fill="#94a3b8" font-family="sans-serif" font-size="13" width="350"> <tspan x="65" dy="0">Power is diffused. Leaders have the ability to</tspan> <tspan x="65" dy="18">persuade (influence) but lack the recognized</tspan> <tspan x="65" dy="18">right to command (authority).</tspan> </text> <!-- RIGHT PANEL: CENTRALIZED --> <rect x="460" y="140" width="400" height="380" rx="20" fill="#ffffff08" stroke="#ffffff15"/> <text x="485" y="180" fill="#f59e0b" font-family="sans-serif" font-size="22" font-weight="700">Centralized Societies</text> <text x="485" y="205" fill="#94a3b8" font-family="sans-serif" font-size="14">States &amp; Chiefdoms • Stratified • Bureaucratic</text> <!-- Icon: Hierarchy Pyramid --> <g transform="translate(760, 180)"> <path d="M0 -35 L35 25 L-35 25 Z" fill="none" stroke="#f59e0b" stroke-width="2"/> <line x1="-20" y1="-10" x2="20" y2="-10" stroke="#f59e0b" stroke-width="1"/> <line x1="-28" y1="10" x2="28" y2="10" stroke="#f59e0b" stroke-width="1"/> <circle cx="0" cy="-20" r="4" fill="#f59e0b"/> </g> <!-- Structure Card --> <rect x="480" y="240" width="360" height="130" rx="12" fill="#ffffff05" stroke="#f59e0b30"/> <text x="495" y="265" fill="#f8fafc" font-family="sans-serif" font-size="15" font-weight="600">Institutionalized Power</text> <rect x="495" y="280" width="165" height="75" rx="8" fill="#ffffff05"/> <text x="505" y="300" fill="#f59e0b" font-family="sans-serif" font-size="13" font-weight="600">Chiefdoms</text> <text x="505" y="320" fill="#94a3b8" font-family="sans-serif" font-size="11">Hereditary Rank</text> <text x="505" y="335" fill="#94a3b8" font-family="sans-serif" font-size="11">Kinship-based</text> <rect x="665" y="280" width="165" height="75" rx="8" fill="#ffffff05"/> <text x="675" y="300" fill="#f59e0b" font-family="sans-serif" font-size="13" font-weight="600">States</text> <text x="675" y="320" fill="#94a3b8" font-family="sans-serif" font-size="11">Bureaucratic</text> <text x="675" y="335" fill="#94a3b8" font-family="sans-serif" font-size="11">Class-based</text> <text x="485" y="410" fill="#f8fafc" font-family="sans-serif" font-size="16" font-weight="600">Agency vs. Structure</text> <text x="485" y="435" fill="#94a3b8" font-family="sans-serif" font-size="13"> <tspan x="485" dy="0">The tension between individual capacity to act</tspan> <tspan x="485" dy="18">(agency) and the formal social arrangements</tspan> <tspan x="485" dy="18">that limit behavior (structure).</tspan> </text> <!-- Bottom Label --> <rect x="350" y="500" width="200" height="30" rx="15" fill="url(#accentGrad)" opacity="0.2"/> <text x="450" y="520" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">THE SPECTRUM OF POLITICAL ORGANIZATION</text> </svg>Authority, Decisions, and Power: Political Anthropology image 1Authority, Decisions, and Power: Political Anthropology - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/political-anthropology/svg/1Authority, Decisions, and Power: Political Anthropology diagram 1Authority, Decisions, and Power: Political Anthropology - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/political-anthropology/svg/2Authority, Decisions, and Power: Political Anthropology diagram 2Authority, Decisions, and Power: Political Anthropology - Anthropology - diagram 2https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/political-anthropology/svg/3Authority, Decisions, and Power: Political Anthropology diagram 3Authority, Decisions, and Power: Political Anthropology - Anthropology - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <path d="M 0 100 L 900 100 M 0 460 L 900 460" stroke="#ffffff08" stroke-width="1"/> <path d="M 450 100 L 450 460" stroke="#ffffff08" stroke-width="1"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" letter-spacing="1">SOCIAL INEQUALITY &amp; GLOBAL MIGRATION</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="300" letter-spacing="4">A SYSTEMIC FEEDBACK LOOP OF GLOBALIZATION</text> <!-- Left Panel: Push Factors (Inequality) --> <rect x="40" y="120" width="380" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="155" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">THE ARCHITECTURE OF INEQUALITY</text> <text x="60" y="175" fill="#94a3b8" font-family="sans-serif" font-size="12">Systemic drivers in the country of origin</text> <!-- Inequality Dimensions --> <g transform="translate(60, 200)"> <!-- Economic --> <circle cx="15" cy="15" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M 10 15 L 20 15 M 15 10 L 15 20" stroke="#f59e0b" stroke-width="2"/> <text x="40" y="12" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Economic Disparity</text> <text x="40" y="28" fill="#94a3b8" font-family="sans-serif" font-size="11">Wealth concentration &amp; Gini imbalance</text> <!-- Social --> <g transform="translate(0, 50)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <rect x="10" y="10" width="10" height="10" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="40" y="12" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Social Access</text> <text x="40" y="28" fill="#94a3b8" font-family="sans-serif" font-size="11">Unequal education &amp; healthcare (HDI)</text> </g> <!-- Political --> <g transform="translate(0, 100)"> <circle cx="15" cy="15" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <path d="M 8 18 L 15 8 L 22 18 Z" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="40" y="12" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Political Power</text> <text x="40" y="28" fill="#94a3b8" font-family="sans-serif" font-size="11">Differential access to legal protections</text> </g> </g> <!-- Right Panel: Pull Factors (Migration) --> <rect x="480" y="120" width="380" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="500" y="155" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="bold">MECHANICS OF MIGRATION</text> <text x="500" y="175" fill="#94a3b8" font-family="sans-serif" font-size="12">Aspirational leaps and survival strategies</text> <!-- Pull Factors List --> <g transform="translate(500, 200)"> <rect width="340" height="40" rx="8" fill="#ffffff05"/> <text x="15" y="25" fill="#f8fafc" font-family="sans-serif" font-size="13">Labor Demand &amp; Global Markets</text> <circle cx="320" cy="20" r="4" fill="#38bdf8"/> <rect y="50" width="340" height="40" rx="8" fill="#ffffff05"/> <text x="15" y="75" fill="#f8fafc" font-family="sans-serif" font-size="13">Political Stability &amp; Civil Liberties</text> <circle cx="320" cy="70" r="4" fill="#38bdf8"/> <rect y="100" width="340" height="40" rx="8" fill="#ffffff05"/> <text x="15" y="125" fill="#f8fafc" font-family="sans-serif" font-size="13">Family Reunification &amp; Networks</text> <circle cx="320" cy="120" r="4" fill="#38bdf8"/> </g> <!-- Center Connection --> <path d="M 420 280 Q 450 280 480 280" stroke="#f8fafc30" stroke-width="2" stroke-dasharray="8 4"/> <path d="M 475 275 L 485 280 L 475 285 Z" fill="#f8fafc30"/> <text x="450" y="270" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10" font-weight="bold">PUSH-PULL</text> <!-- Bottom Section: Gini Coefficient Visualization --> <rect x="40" y="460" width="820" height="80" rx="16" fill="#ffffff10"/> <!-- Mini Lorenz Curve Graph --> <g transform="translate(60, 475)"> <rect width="50" height="50" fill="none" stroke="#94a3b8" stroke-width="1"/> <line x1="0" y1="50" x2="50" y2="0" stroke="#94a3b8" stroke-width="1" stroke-dasharray="2 2"/> <path d="M 0 50 Q 40 50 50 0" fill="#f59e0b30" stroke="#f59e0b" stroke-width="2"/> <text x="65" y="20" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">The Gini Coefficient (G)</text> <text x="65" y="40" fill="#94a3b8" font-family="sans-serif" font-size="12">G = A / (A + B) — Measuring the gap between equality and reality.</text> </g> <!-- Python Snippet Visual --> <g transform="translate(550, 475)"> <rect width="290" height="50" rx="4" fill="#00000040"/> <text x="10" y="20" fill="#38bdf8" font-family="monospace" font-size="10">def calculate_migration_pressure(df):</text> <text x="10" y="35" fill="#e879f9" font-family="monospace" font-size="10"> MPI = alpha * (Unemp) + beta * (1/Inc)</text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#e879f9" stroke-width="0.5" opacity="0.5"/> <circle cx="850" cy="50" r="20" fill="none" stroke="#e879f9" stroke-width="0.5" opacity="0.3"/> <circle cx="50" cy="510" r="40" fill="none" stroke="#38bdf8" stroke-width="0.5" opacity="0.2"/> </svg>Social Inequality and Global Migration image 1Social Inequality and Global Migration - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/inequality-and-migration/svg/1Social Inequality and Global Migration diagram 1Social Inequality and Global Migration - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/inequality-and-migration/svg/2Social Inequality and Global Migration diagram 2Social Inequality and Global Migration - Anthropology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Header Line --> <rect x="40" y="85" width="820" height="1" fill="url(#accentGrad)" opacity="0.5"/> <!-- Title Section --> <text x="40" y="55" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">FORMING FAMILY</text> <text x="310" y="53" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8">Kinship, Gender, and Sexuality: The Social Operating System</text> <!-- Column 1: Kinship Foundations --> <rect x="40" y="110" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">I. KINSHIP TYPES</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">The logic of social connection</text> <!-- Consanguineal --> <circle cx="75" cy="210" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <path d="M70 210 L80 210 M75 205 L75 215" stroke="#f59e0b" stroke-width="2"/> <text x="100" y="205" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Consanguineal</text> <text x="100" y="220" font-family="sans-serif" font-size="11" fill="#94a3b8">Related by "blood" or descent.</text> <!-- Affinal --> <circle cx="68" cy="270" r="12" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="82" cy="270" r="12" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="100" y="265" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Affinal</text> <text x="100" y="280" font-family="sans-serif" font-size="11" fill="#94a3b8">Related by marriage/contract.</text> <!-- Fictive --> <path d="M75 315 L85 335 L65 335 Z" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="100" y="325" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Fictive</text> <text x="100" y="340" font-family="sans-serif" font-size="11" fill="#94a3b8">Chosen family &amp; ritual bonds.</text> <!-- Column 2: Descent Systems --> <rect x="320" y="110" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">II. DESCENT LOGIC</text> <!-- Patrilineal --> <g transform="translate(340, 180)"> <rect width="220" height="60" rx="8" fill="#ffffff05"/> <circle cx="25" cy="30" r="12" fill="#38bdf820" stroke="#38bdf8"/> <path d="M25 22 V38 M20 27 L25 22 L30 27" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="50" y="25" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Patrilineal</text> <text x="50" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Traced through the male line.</text> </g> <!-- Matrilineal --> <g transform="translate(340, 255)"> <rect width="220" height="60" rx="8" fill="#ffffff05"/> <circle cx="25" cy="30" r="12" fill="#e879f920" stroke="#e879f9"/> <path d="M25 22 V38 M20 33 L25 38 L30 33" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="50" y="25" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Matrilineal</text> <text x="50" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Traced through the female line.</text> </g> <!-- Bilateral --> <g transform="translate(340, 330)"> <rect width="220" height="60" rx="8" fill="#ffffff05"/> <path d="M15 30 L25 20 L35 30 L25 40 Z" fill="#f59e0b20" stroke="#f59e0b"/> <text x="50" y="25" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Bilateral</text> <text x="50" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Traced through both parents.</text> </g> <!-- Column 3: Alliance & Rules --> <rect x="600" y="110" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">III. ALLIANCE THEORY</text> <g transform="translate(620, 180)"> <text x="0" y="0" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Exogamy</text> <text x="0" y="18" font-family="sans-serif" font-size="12" fill="#94a3b8">Marrying outside the group.</text> <path d="M0 30 H220" stroke="#ffffff20" stroke-dasharray="4"/> <text x="0" y="60" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Endogamy</text> <text x="0" y="78" font-family="sans-serif" font-size="12" fill="#94a3b8">Marrying within the group.</text> <path d="M0 90 H220" stroke="#ffffff20" stroke-dasharray="4"/> <text x="0" y="120" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Incest Taboo</text> <text x="0" y="138" font-family="sans-serif" font-size="12" fill="#94a3b8" width="200">Universal cultural prohibition.</text> </g> <!-- Bottom Formula/Code Visual --> <rect x="620" y="360" width="220" height="130" rx="8" fill="#00000030"/> <text x="635" y="385" font-family="monospace" font-size="11" fill="#38bdf8"># Kinship Distance</text> <text x="635" y="405" font-family="monospace" font-size="11" fill="#f8fafc">def calculate_r(path):</text> <text x="635" y="420" font-family="monospace" font-size="11" fill="#f8fafc"> return sum(0.5 ** L)</text> <text x="635" y="450" font-family="serif" font-style="italic" font-size="14" fill="#94a3b8">r = Σ (0.5)^L</text> <text x="635" y="475" font-family="sans-serif" font-size="10" fill="#64748b">Coefficient of Relationship</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="850" cy="50" r="15" fill="none" stroke="#ffffff05" stroke-width="4"/> <path d="M40 540 H860" stroke="#ffffff10" stroke-width="2"/> <text x="450" y="545" font-family="sans-serif" font-size="10" fill="#475569" text-anchor="middle">ANTHROPOLOGICAL PERSPECTIVES ON SOCIAL STRUCTURE</text> </svg>Forming Family: Kinship, Gender, and Sexuality image 1Forming Family: Kinship, Gender, and Sexuality - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/kinship-gender-sexuality/svg/1Forming Family: Kinship, Gender, and Sexuality diagram 1Forming Family: Kinship, Gender, and Sexuality - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/kinship-gender-sexuality/svg/2Forming Family: Kinship, Gender, and Sexuality diagram 2Forming Family: Kinship, Gender, and Sexuality - Anthropology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="-0.5">RELIGION, ART, &amp; EXPRESSIVE CULTURE</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400">The primary mechanisms through which human beings construct meaning and negotiate power.</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Left Column: The Architecture of Ritual --> <rect x="40" y="130" width="400" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="160" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">THE ARCHITECTURE OF RITUAL</text> <text x="60" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">The Tripartite Structure (Van Gennep &amp; Turner)</text> <!-- Ritual Steps --> <!-- Step 1 --> <circle cx="80" cy="225" r="18" fill="#ffffff15" stroke="#f59e0b" stroke-width="2"/> <text x="76" y="230" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f59e0b">1</text> <text x="110" y="220" font-family="sans-serif" font-size="15" font-weight="600" fill="#f8fafc">Separation</text> <text x="110" y="235" font-family="sans-serif" font-size="11" fill="#94a3b8">Stripping of previous social identity.</text> <line x1="80" y1="243" x2="80" y2="277" stroke="#ffffff20" stroke-dasharray="4 2"/> <!-- Step 2 --> <circle cx="80" cy="300" r="18" fill="#ffffff15" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <text x="76" y="305" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9">2</text> <text x="110" y="295" font-family="sans-serif" font-size="15" font-weight="600" fill="#f8fafc">Liminality</text> <text x="110" y="310" font-family="sans-serif" font-size="11" fill="#94a3b8">The "Betwixt and Between" phase. Status: None.</text> <line x1="80" y1="318" x2="80" y2="352" stroke="#ffffff20" stroke-dasharray="4 2"/> <!-- Step 3 --> <circle cx="80" cy="375" r="18" fill="#ffffff15" stroke="#38bdf8" stroke-width="2"/> <text x="76" y="380" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8">3</text> <text x="110" y="370" font-family="sans-serif" font-size="15" font-weight="600" fill="#f8fafc">Incorporation</text> <text x="110" y="385" font-family="sans-serif" font-size="11" fill="#94a3b8">Re-entry into society with a new status.</text> <!-- Communitas Box --> <rect x="60" y="420" width="360" height="80" rx="12" fill="#e879f910" stroke="#e879f930"/> <text x="75" y="445" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9">COMMUNITAS</text> <text x="75" y="465" font-family="sans-serif" font-size="11" fill="#f8fafc">Intense togetherness and equality emerging</text> <text x="75" y="480" font-family="sans-serif" font-size="11" fill="#f8fafc">during the liminal phase, transcending hierarchy.</text> <!-- Right Column: Symbolism & Semiotics --> <rect x="460" y="130" width="400" height="240" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="160" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">SYMBOLIC DENSITY</text> <!-- Formula Visualization --> <rect x="480" y="180" width="360" height="60" rx="8" fill="#00000030"/> <text x="500" y="215" font-family="serif" font-size="20" fill="#f8fafc" font-style="italic">Δs = ∫ (M · R) dC</text> <text x="680" y="205" font-family="sans-serif" font-size="10" fill="#94a3b8">M: Multivocality</text> <text x="680" y="220" font-family="sans-serif" font-size="10" fill="#94a3b8">R: Resonance</text> <text x="680" y="235" font-family="sans-serif" font-size="10" fill="#94a3b8">C: Cultural Field</text> <!-- Multivocality Diagram --> <circle cx="530" cy="310" r="25" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <text x="515" y="315" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b">SYMBOL</text> <!-- Radiating meanings --> <line x1="555" y1="310" x2="590" y2="290" stroke="#f59e0b" stroke-width="1"/> <text x="600" y="288" font-family="sans-serif" font-size="11" fill="#f8fafc">History</text> <line x1="555" y1="310" x2="590" y2="310" stroke="#f59e0b" stroke-width="1"/> <text x="600" y="315" font-family="sans-serif" font-size="11" fill="#f8fafc">Fertility</text> <line x1="555" y1="310" x2="590" y2="330" stroke="#f59e0b" stroke-width="1"/> <text x="600" y="340" font-family="sans-serif" font-size="11" fill="#f8fafc">Law</text> <text x="670" y="315" font-family="sans-serif" font-size="12" font-style="italic" fill="#94a3b8">"Multivocality: One form,</text> <text x="670" y="330" font-family="sans-serif" font-size="12" font-style="italic" fill="#94a3b8">many meanings."</text> <!-- Bottom Right: Semiotics Table --> <rect x="460" y="390" width="400" height="130" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="420" font-family="sans-serif" font-size="14" font-weight="700" fill="#38bdf8">SEMIOTIC LOGIC</text> <line x1="480" y1="435" x2="840" y2="435" stroke="#ffffff10"/> <text x="480" y="455" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">SIGNIFIER</text> <text x="600" y="455" font-family="sans-serif" font-size="12" fill="#94a3b8">The physical form (e.g., a sound or image)</text> <text x="480" y="485" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">SIGNIFIED</text> <text x="600" y="485" font-family="sans-serif" font-size="12" fill="#94a3b8">The mental concept or cultural meaning</text> <text x="480" y="505" font-family="sans-serif" font-size="10" font-style="italic" fill="#38bdf8">The link between them is arbitrary and culturally defined.</text> <!-- Decorative Corner Accents --> <path d="M860 40 L880 40 L880 60" fill="none" stroke="#f59e0b" stroke-width="2"/> <path d="M40 520 L20 520 L20 500" fill="none" stroke="#38bdf8" stroke-width="2"/> </svg>Religion, Art, and Expressive Culture image 1Religion, Art, and Expressive Culture - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/religion-and-expressive-culture/svg/1Religion, Art, and Expressive Culture diagram 1Religion, Art, and Expressive Culture - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/religion-and-expressive-culture/svg/2Religion, Art, and Expressive Culture diagram 2Religion, Art, and Expressive Culture - Anthropology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.5">MEDICAL ANTHROPOLOGY</text> <text x="40" y="90" font-family="Arial, sans-serif" font-weight="400" font-size="18" fill="#38bdf8" letter-spacing="1">INDIGENOUS EXPERIENCES &amp; DECOLONIAL HEALTH</text> <line x1="40" y1="110" x2="860" y2="110" stroke="#ffffff20" stroke-width="1"/> <!-- Section 1: Biocultural Synthesis --> <rect x="40" y="135" width="260" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="75" cy="170" r="18" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <path d="M 68 170 L 82 170 M 75 163 L 75 177" stroke="#f59e0b" stroke-width="2"/> <text x="105" y="175" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">BIOCULTURAL</text> <text x="60" y="210" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="600">The Multi-Scalar System</text> <text x="60" y="235" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8"> <tspan x="60" dy="0">Rejects Cartesian dualism. Health</tspan> <tspan x="60" dy="18">is a feedback loop between</tspan> <tspan x="60" dy="18">biological plasticity and cultural</tspan> <tspan x="60" dy="18">adaptation. Pathogens meet</tspan> <tspan x="60" dy="18">socioeconomic reality.</tspan> </text> <path d="M 60 330 Q 170 310 280 330" fill="none" stroke="#f59e0b40" stroke-width="2" stroke-dasharray="4 2"/> <!-- Section 2: The Syndemic Model --> <rect x="320" y="135" width="260" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <path d="M 345 180 L 360 155 L 375 180 Z" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="385" y="175" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#e879f9">SYNDEMICS</text> <text x="340" y="210" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Biological Social Suffering</text> <rect x="340" y="225" width="220" height="100" rx="8" fill="#00000030"/> <text x="350" y="245" font-family="Arial, sans-serif" font-size="12" fill="#e879f9" font-weight="bold">Disease A + Disease B</text> <text x="350" y="265" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Interacting with:</text> <text x="350" y="285" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Structural Inequality</text> <text x="350" y="305" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Environmental Stress</text> <!-- Section 3: OCAP Principles --> <rect x="600" y="135" width="260" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <rect x="620" y="155" width="30" height="30" rx="4" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="660" y="175" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">OCAP DATA</text> <g font-family="Arial, sans-serif" font-size="12" font-weight="bold"> <rect x="620" y="200" width="105" height="25" rx="4" fill="#38bdf815"/> <text x="628" y="217" fill="#38bdf8">OWNERSHIP</text> <rect x="735" y="200" width="105" height="25" rx="4" fill="#38bdf815"/> <text x="743" y="217" fill="#38bdf8">CONTROL</text> <rect x="620" y="235" width="105" height="25" rx="4" fill="#38bdf815"/> <text x="628" y="252" fill="#38bdf8">ACCESS</text> <rect x="735" y="235" width="105" height="25" rx="4" fill="#38bdf815"/> <text x="743" y="252" fill="#38bdf8">POSSESSION</text> </g> <text x="620" y="285" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8"> <tspan x="620" dy="0">Dismantling "Helicopter</tspan> <tspan x="620" dy="18">Research" through Indigenous</tspan> <tspan x="620" dy="18">Data Sovereignty.</tspan> </text> <!-- Bottom Section: Structural Violence --> <rect x="40" y="375" width="820" height="150" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="70" y="410" font-family="Arial, sans-serif" font-weight="700" font-size="20" fill="#f8fafc">STRUCTURAL VIOLENCE &amp; WEATHERING</text> <!-- Visualizing the "Weathering" concept --> <path d="M 70 480 L 150 470 L 230 485 L 310 460 L 390 475 L 470 440 L 550 455 L 630 420" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <circle cx="630" cy="420" r="5" fill="#f59e0b"/> <text x="450" y="410" font-family="Arial, sans-serif" font-size="13" fill="#94a3b8"> <tspan x="450" dy="25">Social arrangements that harm populations by preventing basic needs.</tspan> <tspan x="450" dy="20">"Weathering" is the premature biological aging caused by the cumulative</tspan> <tspan x="450" dy="20">impact of social, economic, and political adversity (Paul Farmer).</tspan> </text> <!-- Decorative Elements --> <circle cx="840" cy="60" r="20" fill="#e879f920"/> <circle cx="840" cy="60" r="10" fill="#e879f940"/> <g opacity="0.4"> <circle cx="800" cy="500" r="3" fill="#38bdf8"/> <circle cx="820" cy="500" r="3" fill="#38bdf8"/> <circle cx="840" cy="500" r="3" fill="#38bdf8"/> </g> <!-- Footer Label --> <rect x="720" y="520" width="140" height="24" rx="12" fill="#38bdf8"/> <text x="790" y="537" font-family="Arial, sans-serif" font-weight="bold" font-size="11" fill="#0f172a" text-anchor="middle">SOCIAL JUSTICE FOCUS</text> </svg>Medical Anthropology and Indigenous Experiences image 1Medical Anthropology and Indigenous Experiences - Anthropology - image 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/medical-and-indigenous-anthropology/svg/1Medical Anthropology and Indigenous Experiences diagram 1Medical Anthropology and Indigenous Experiences - Anthropology - diagram 1https://www.getlykke.com/explore/public/anthropology-a4bd31d3-9ba4-46c3-8304-912d8aac0a6c/media/medical-and-indigenous-anthropology/svg/2Medical Anthropology and Indigenous Experiences diagram 2Medical Anthropology and Indigenous Experiences - Anthropology - diagram 2https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f2026-04-20T05:05:43.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff1a"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.025em">FOUNDATIONS OF MACROECONOMICS</text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="500" text-transform="uppercase" letter-spacing="0.1em">The Study of Choice Under Constraint</text> <line x1="40" y1="95" x2="860" y2="95" stroke="#334155" stroke-width="1"/> <!-- Left Column: The Economic Problem --> <rect x="40" y="115" width="260" height="200" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="60" y="145" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">The Axiom of Scarcity</text> <text x="60" y="170" font-family="sans-serif" font-size="12" fill="#cbd5e1" width="220"> <tspan x="60" dy="0">A permanent, structural gap between</tspan> <tspan x="60" dy="18">limitless human wants and the</tspan> <tspan x="60" dy="18">finite resources of our world.</tspan> </text> <!-- Scarcity Visual --> <circle cx="100" cy="260" r="30" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <text x="100" y="264" font-family="sans-serif" font-size="10" fill="#f59e0b" text-anchor="middle" font-weight="bold">RESOURCES</text> <path d="M 140 260 L 170 260" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <circle cx="210" cy="260" r="45" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="210" y="264" font-family="sans-serif" font-size="10" fill="#e879f9" text-anchor="middle" font-weight="bold">WANTS</text> <!-- Center: Factors of Production --> <text x="320" y="135" font-family="sans-serif" font-size="16" font-weight="700" fill="#f8fafc">Factors of Production</text> <!-- Land --> <rect x="320" y="150" width="120" height="75" rx="12" fill="#ffffff08" stroke="#10b98133" stroke-width="1"/> <text x="335" y="175" font-family="sans-serif" font-size="14" font-weight="700" fill="#10b981">LAND</text> <text x="335" y="195" font-family="sans-serif" font-size="11" fill="#94a3b8">Natural Resources</text> <text x="335" y="210" font-family="sans-serif" font-size="10" fill="#10b981" font-weight="bold">Return: Rent</text> <!-- Labor --> <rect x="450" y="150" width="120" height="75" rx="12" fill="#ffffff08" stroke="#38bdf833" stroke-width="1"/> <text x="465" y="175" font-family="sans-serif" font-size="14" font-weight="700" fill="#38bdf8">LABOR</text> <text x="465" y="195" font-family="sans-serif" font-size="11" fill="#94a3b8">Human Effort</text> <text x="465" y="210" font-family="sans-serif" font-size="10" fill="#38bdf8" font-weight="bold">Return: Wages</text> <!-- Capital --> <rect x="320" y="240" width="120" height="75" rx="12" fill="#ffffff08" stroke="#f59e0b33" stroke-width="1"/> <text x="335" y="265" font-family="sans-serif" font-size="14" font-weight="700" fill="#f59e0b">CAPITAL</text> <text x="335" y="285" font-family="sans-serif" font-size="11" fill="#94a3b8">Man-made Tools</text> <text x="335" y="300" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">Return: Interest</text> <!-- Entrepreneurship --> <rect x="450" y="240" width="120" height="75" rx="12" fill="#ffffff08" stroke="#e879f933" stroke-width="1"/> <text x="465" y="265" font-family="sans-serif" font-size="14" font-weight="700" fill="#e879f9">ENTREPR.</text> <text x="465" y="285" font-family="sans-serif" font-size="11" fill="#94a3b8">Risk &amp; Innovation</text> <text x="465" y="300" font-family="sans-serif" font-size="10" fill="#e879f9" font-weight="bold">Return: Profit</text> <!-- Right Column: Opportunity Cost --> <rect x="600" y="115" width="260" height="200" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="620" y="145" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">Opportunity Cost</text> <text x="620" y="170" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="620" dy="0">The value of the next-best</tspan> <tspan x="620" dy="18">alternative sacrificed.</tspan> </text> <rect x="620" y="215" width="220" height="45" rx="8" fill="#0f172a" stroke="#334155"/> <text x="730" y="242" font-family="monospace" font-size="13" fill="#38bdf8" text-anchor="middle">OC = U(B_max) - U(A)</text> <text x="620" y="285" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"Every choice is a trade-off."</text> <!-- Bottom Section: The PPF --> <rect x="40" y="335" width="820" height="190" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <!-- PPF Chart --> <g transform="translate(80, 490)"> <!-- Axes --> <line x1="0" y1="0" x2="250" y2="0" stroke="#94a3b8" stroke-width="2"/> <line x1="0" y1="0" x2="0" y2="-130" stroke="#94a3b8" stroke-width="2"/> <text x="255" y="5" font-family="sans-serif" font-size="10" fill="#94a3b8">Consumer Goods</text> <text x="-10" y="-135" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="end">Capital Goods</text> <!-- The Curve --> <path d="M 0,-110 Q 180,-110 180,0" fill="none" stroke="#38bdf8" stroke-width="4" filter="url(#glow)"/> <!-- Points --> <circle cx="45" cy="-102" r="4" fill="#f8fafc"/> <text x="52" y="-105" font-family="sans-serif" font-size="10" fill="#f8fafc">A (Efficient)</text> <circle cx="145" cy="-45" r="4" fill="#f8fafc"/> <text x="152" y="-48" font-family="sans-serif" font-size="10" fill="#f8fafc">B (Efficient)</text> <circle cx="60" cy="-40" r="4" fill="#f59e0b"/> <text x="67" y="-25" font-family="sans-serif" font-size="10" fill="#f59e0b">C (Inefficient)</text> <circle cx="180" cy="-100" r="4" fill="#e879f9"/> <text x="187" y="-105" font-family="sans-serif" font-size="10" fill="#e879f9">D (Unattainable)</text> </g> <!-- PPF Description --> <text x="400" y="370" font-family="sans-serif" font-size="18" font-weight="700" fill="#f8fafc">Production Possibilities Frontier (PPF)</text> <text x="400" y="395" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="400" dy="0">• Points on the curve represent maximum productive efficiency.</tspan> <tspan x="400" dy="22">• The concave shape illustrates the Law of Increasing Opportunity Costs.</tspan> <tspan x="400" dy="22">• Outward shifts represent economic growth via technology or resources.</tspan> <tspan x="400" dy="22">• Trade-offs: Moving from A to B increases consumer goods but reduces capital.</tspan> </text> <!-- Marginal Analysis Badge --> <rect x="680" y="465" width="160" height="40" rx="20" fill="#38bdf822" stroke="#38bdf8" stroke-width="1"/> <text x="760" y="490" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">MARGINAL ANALYSIS: MB ≥ MC</text> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="#e879f9" fill-opacity="0.1"/> <circle cx="850" cy="50" r="15" fill="#e879f9" fill-opacity="0.2"/> </svg>Foundations of Macroeconomics and Choice image 1Foundations of Macroeconomics and Choice - Principles of Macroeconomics - image 1https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/foundations-of-macroeconomics/svg/1Foundations of Macroeconomics and Choice diagram 1Foundations of Macroeconomics and Choice - Principles of Macroeconomics - diagram 1https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/foundations-of-macroeconomics/svg/2Foundations of Macroeconomics and Choice diagram 2Foundations of Macroeconomics and Choice - Principles of Macroeconomics - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">MARKET MECHANICS &amp; MACROECONOMIC GOALS</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="2">THE INTEGRATED SYSTEM OF NATIONAL ECONOMIC HEALTH</text> <rect x="400" y="95" width="100" height="3" fill="#f59e0b" rx="1.5"/> <!-- Left Card: Micro Foundations --> <rect x="40" y="130" width="260" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="165" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">01. MICRO-FOUNDATIONS</text> <text x="60" y="185" fill="#94a3b8" font-family="sans-serif" font-size="12">The Market Mechanism</text> <!-- Supply/Demand Mini Graph --> <g transform="translate(70, 210)"> <line x1="0" y1="100" x2="120" y2="100" stroke="#94a3b8" stroke-width="1"/> <line x1="0" y1="0" x2="0" y2="100" stroke="#94a3b8" stroke-width="1"/> <!-- Demand --> <path d="M 10 10 L 110 90" stroke="#38bdf8" stroke-width="3" fill="none"/> <text x="115" y="95" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">D</text> <!-- Supply --> <path d="M 10 90 L 110 10" stroke="#f59e0b" stroke-width="3" fill="none"/> <text x="115" y="15" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="bold">S</text> <!-- Equilibrium --> <circle cx="60" cy="50" r="4" fill="#f8fafc" filter="url(#glow)"/> <line x1="60" y1="50" x2="60" y2="100" stroke="#f8fafc" stroke-dasharray="3,3" stroke-width="1"/> <line x1="0" y1="50" x2="60" y2="50" stroke="#f8fafc" stroke-dasharray="3,3" stroke-width="1"/> <text x="65" y="45" fill="#f8fafc" font-family="serif" font-style="italic" font-size="12">E*</text> </g> <text x="60" y="345" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Equilibrium Price (P*)</text> <text x="60" y="365" fill="#94a3b8" font-family="sans-serif" font-size="12" width="220">The point where Quantity Supplied</text> <text x="60" y="380" fill="#94a3b8" font-family="sans-serif" font-size="12">equals Quantity Demanded.</text> <rect x="60" y="405" width="220" height="85" rx="8" fill="#38bdf810"/> <text x="75" y="430" fill="#38bdf8" font-family="serif" font-style="italic" font-size="14">Qd = α - βP</text> <text x="75" y="455" fill="#f59e0b" font-family="serif" font-style="italic" font-size="14">Qs = γ + δP</text> <text x="75" y="480" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="11">SOLVE: α - βP = γ + δP</text> <!-- Middle Card: GDP & Growth --> <rect x="320" y="130" width="260" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="340" y="165" fill="#4ade80" font-family="sans-serif" font-weight="700" font-size="18">02. ECONOMIC OUTPUT</text> <text x="340" y="185" fill="#94a3b8" font-family="sans-serif" font-size="12">Gross Domestic Product (GDP)</text> <!-- GDP Components Visual --> <g transform="translate(340, 210)"> <rect x="0" y="0" width="220" height="30" rx="4" fill="#4ade8020" stroke="#4ade80" stroke-width="1"/> <text x="110" y="20" text-anchor="middle" fill="#f8fafc" font-family="serif" font-weight="bold" font-size="16">GDP = C + I + G + NX</text> <g transform="translate(0, 50)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8"/> <text x="15" y="20" text-anchor="middle" fill="#38bdf8" font-weight="bold" font-size="12">C</text> <text x="40" y="18" fill="#f8fafc" font-size="12" font-weight="600">Consumption</text> <circle cx="15" cy="55" r="15" fill="#e879f920" stroke="#e879f9"/> <text x="15" y="60" text-anchor="middle" fill="#e879f9" font-weight="bold" font-size="12">I</text> <text x="40" y="58" fill="#f8fafc" font-size="12" font-weight="600">Investment</text> <circle cx="15" cy="95" r="15" fill="#f59e0b20" stroke="#f59e0b"/> <text x="15" y="100" text-anchor="middle" fill="#f59e0b" font-weight="bold" font-size="12">G</text> <text x="40" y="98" fill="#f8fafc" font-size="12" font-weight="600">Government</text> <circle cx="15" cy="135" r="15" fill="#94a3b820" stroke="#94a3b8"/> <text x="15" y="140" text-anchor="middle" fill="#94a3b8" font-weight="bold" font-size="12">NX</text> <text x="40" y="138" fill="#f8fafc" font-size="12" font-weight="600">Net Exports</text> </g> </g> <rect x="340" y="405" width="220" height="85" rx="8" fill="#4ade8010"/> <text x="355" y="430" fill="#4ade80" font-family="sans-serif" font-weight="bold" font-size="13">REAL VS. NOMINAL</text> <text x="355" y="450" fill="#94a3b8" font-family="sans-serif" font-size="11">Nominal: Current Prices</text> <text x="355" y="465" fill="#94a3b8" font-family="sans-serif" font-size="11">Real: Base Year (Inflation Adjusted)</text> <text x="355" y="482" fill="#f8fafc" font-family="serif" font-size="11">Deflator = (Nominal / Real) × 100</text> <!-- Right Card: Human Capital --> <rect x="600" y="130" width="260" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="620" y="165" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">03. HUMAN CAPITAL</text> <text x="620" y="185" fill="#94a3b8" font-family="sans-serif" font-size="12">Unemployment &amp; Stability</text> <!-- Stability Gauge --> <g transform="translate(650, 210)"> <path d="M 0 80 A 60 60 0 0 1 120 80" fill="none" stroke="#ffffff15" stroke-width="12" stroke-linecap="round"/> <path d="M 0 80 A 60 60 0 0 1 40 25" fill="none" stroke="#e879f9" stroke-width="12" stroke-linecap="round" filter="url(#glow)"/> <text x="60" y="75" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="20">4.2%</text> <text x="60" y="95" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">UNEMPLOYMENT</text> </g> <g transform="translate(620, 320)"> <text x="0" y="20" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">The Three Pillars of Stability</text> <rect x="0" y="35" width="220" height="1" fill="#ffffff15"/> <circle cx="10" cy="55" r="4" fill="#e879f9"/> <text x="25" y="60" fill="#f8fafc" font-size="12">Frictional: Job searching</text> <circle cx="10" cy="80" r="4" fill="#e879f9"/> <text x="25" y="85" fill="#f8fafc" font-size="12">Structural: Skill mismatch</text> <circle cx="10" cy="105" r="4" fill="#e879f9"/> <text x="25" y="110" fill="#f8fafc" font-size="12">Cyclical: Economic downturns</text> </g> <rect x="620" y="445" width="220" height="45" rx="8" fill="#e879f910"/> <text x="635" y="465" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="11">PRICE STABILITY</text> <text x="635" y="480" fill="#94a3b8" font-family="sans-serif" font-size="11">Target Inflation: ~2% per annum</text> <!-- Bottom Connector --> <path d="M 170 510 L 170 530 L 730 530 L 730 510" fill="none" stroke="#ffffff15" stroke-width="2"/> <circle cx="450" cy="530" r="20" fill="#1e1b4b" stroke="#ffffff15" stroke-width="2"/> <text x="450" y="535" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="14">Σ</text> <!-- Footer --> <text x="860" y="545" text-anchor="end" fill="#ffffff20" font-family="sans-serif" font-size="10" font-weight="bold">WIKI.ECON.4.1 // SYSTEM OVERVIEW</text> </svg>Market Mechanics and Macroeconomic Goals image 1Market Mechanics and Macroeconomic Goals - Principles of Macroeconomics - image 1https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/market-mechanics-and-goals/svg/1Market Mechanics and Macroeconomic Goals diagram 1Market Mechanics and Macroeconomic Goals - Principles of Macroeconomics - diagram 1https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/market-mechanics-and-goals/svg/2Market Mechanics and Macroeconomic Goals diagram 2Market Mechanics and Macroeconomic Goals - Principles of Macroeconomics - diagram 2https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/market-mechanics-and-goals/svg/3Market Mechanics and Macroeconomic Goals diagram 3Market Mechanics and Macroeconomic Goals - Principles of Macroeconomics - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">Macroeconomic Models &amp; Perspectives</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE AGGREGATE DEMAND / AGGREGATE SUPPLY FRAMEWORK</text> <rect x="40" y="100" width="120" height="4" rx="2" fill="#38bdf8"/> <!-- Left Panel: Aggregate Demand --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Aggregate Demand (AD)</text> <text x="60" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">Total spending on domestic goods</text> <text x="60" y="220" font-family="serif" font-style="italic" font-size="18" fill="#f8fafc">AD = C + I + G + (X - M)</text> <!-- AD Components --> <g transform="translate(60, 250)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="15" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">C</text> <text x="45" y="12" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Consumption</text> <text x="45" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Wealth effect &amp; confidence</text> </g> <g transform="translate(60, 300)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="15" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">I</text> <text x="45" y="12" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Investment</text> <text x="45" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Interest rates &amp; technology</text> </g> <g transform="translate(60, 350)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="15" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">G</text> <text x="45" y="12" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Gov. Spending</text> <text x="45" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Fiscal policy &amp; infrastructure</text> </g> <g transform="translate(60, 400)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="15" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">NX</text> <text x="45" y="12" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Net Exports</text> <text x="45" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Exchange rates &amp; foreign demand</text> </g> <!-- Center Panel: The Visual Model --> <rect x="320" y="130" width="300" height="240" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="470" y="160" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Equilibrium Framework</text> <!-- Graph Axes --> <line x1="360" y1="330" x2="580" y2="330" stroke="#94a3b8" stroke-width="2"/> <line x1="360" y1="330" x2="360" y2="180" stroke="#94a3b8" stroke-width="2"/> <text x="580" y="345" text-anchor="end" font-family="sans-serif" font-size="10" fill="#94a3b8">Real GDP (Y)</text> <text x="350" y="185" text-anchor="end" font-family="sans-serif" font-size="10" fill="#94a3b8" transform="rotate(-90 350,185)">Price Level (P)</text> <!-- Curves --> <path d="M 380 200 Q 470 260 560 320" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <!-- AD --> <path d="M 380 310 Q 470 260 560 210" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <!-- SRAS --> <line x1="520" y1="330" x2="520" y2="180" stroke="#e879f9" stroke-width="3" stroke-dasharray="4" filter="url(#glow)"/> <!-- LRAS --> <text x="565" y="315" font-family="sans-serif" font-size="10" font-weight="bold" fill="#38bdf8">AD</text> <text x="565" y="215" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b">SRAS</text> <text x="525" y="195" font-family="sans-serif" font-size="10" font-weight="bold" fill="#e879f9">LRAS</text> <!-- Bottom Center: The Schools of Thought --> <rect x="320" y="385" width="300" height="135" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="470" y="410" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">The Great Tension</text> <line x1="470" y1="425" x2="470" y2="505" stroke="#ffffff15" stroke-width="1"/> <text x="395" y="435" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#38bdf8">Keynesian</text> <text x="395" y="455" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Demand-Driven</text> <text x="395" y="470" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Short-run focus</text> <text x="395" y="485" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Sticky prices/wages</text> <text x="545" y="435" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#f59e0b">Neoclassical</text> <text x="545" y="455" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Supply-Driven</text> <text x="545" y="470" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Long-run focus</text> <text x="545" y="485" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Flexible prices</text> <!-- Right Panel: Supply & Potential --> <rect x="640" y="130" width="220" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="660" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Aggregate Supply</text> <g transform="translate(660, 190)"> <rect width="180" height="80" rx="8" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="10" y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#f59e0b">Short Run (SRAS)</text> <text x="10" y="45" font-family="sans-serif" font-size="11" fill="#f8fafc">Upward sloping due to</text> <text x="10" y="60" font-family="sans-serif" font-size="11" fill="#f8fafc">input price "stickiness".</text> </g> <g transform="translate(660, 285)"> <rect width="180" height="80" rx="8" fill="#e879f910" stroke="#e879f930"/> <text x="10" y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#e879f9">Long Run (LRAS)</text> <text x="10" y="45" font-family="sans-serif" font-size="11" fill="#f8fafc">Vertical at Potential GDP.</text> <text x="10" y="60" font-family="sans-serif" font-size="11" fill="#f8fafc">Determined by capacity.</text> </g> <text x="660" y="395" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Growth Drivers</text> <circle cx="670" cy="420" r="3" fill="#38bdf8"/> <text x="680" y="424" font-family="sans-serif" font-size="12" fill="#94a3b8">Technology Innovation</text> <circle cx="670" cy="445" r="3" fill="#38bdf8"/> <text x="680" y="449" font-family="sans-serif" font-size="12" fill="#94a3b8">Capital Accumulation</text> <circle cx="670" cy="470" r="3" fill="#38bdf8"/> <text x="680" y="474" font-family="sans-serif" font-size="12" fill="#94a3b8">Human Capital (Labor)</text> <circle cx="670" cy="495" r="3" fill="#38bdf8"/> <text x="680" y="499" font-family="sans-serif" font-size="12" fill="#94a3b8">Institutional Quality</text> <!-- Footer Badge --> <rect x="740" y="30" width="120" height="24" rx="12" fill="#38bdf820" stroke="#38bdf840"/> <text x="800" y="46" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#38bdf8">WIKI EDUCATIONAL</text> </svg>Macroeconomic Models and Perspectives image 1Macroeconomic Models and Perspectives - Principles of Macroeconomics - image 1https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/macroeconomic-models-and-perspectives/svg/1Macroeconomic Models and Perspectives diagram 1Macroeconomic Models and Perspectives - Principles of Macroeconomics - diagram 1https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/macroeconomic-models-and-perspectives/svg/2Macroeconomic Models and Perspectives diagram 2Macroeconomic Models and Perspectives - Principles of Macroeconomics - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">THE DUAL LEVERS OF MACROECONOMICS</text> <rect x="380" y="65" width="140" height="4" fill="url(#accentGrad)" rx="2"/> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="500">MANAGING THE NATION'S ECONOMIC ENGINE</text> <!-- Central Goal: Dual Mandate --> <rect x="340" y="110" width="220" height="80" rx="16" fill="#ffffff08" stroke="#ffffff20" stroke-width="1"/> <text x="450" y="135" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="14">THE DUAL MANDATE</text> <text x="450" y="155" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12">1. Price Stability (2% Inflation)</text> <text x="450" y="172" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12">2. Maximum Employment</text> <!-- Left Panel: Monetary Policy --> <rect x="40" y="140" width="280" height="380" rx="16" fill="#ffffff10" stroke="#38bdf840" stroke-width="1"/> <circle cx="180" cy="180" r="30" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="180" y="187" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="900" font-size="24">$</text> <text x="180" y="235" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="20">MONETARY POLICY</text> <text x="180" y="255" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="600" font-size="13">THE CENTRAL BANK (FED)</text> <line x1="80" y1="275" x2="280" y2="275" stroke="#ffffff20" stroke-width="1"/> <g transform="translate(60, 300)"> <text y="0" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Primary Tool: Interest Rates</text> <text y="20" fill="#94a3b8" font-family="sans-serif" font-size="12">Targeting the Federal Funds Rate</text> <text y="55" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Open Market Operations</text> <text y="75" fill="#94a3b8" font-family="sans-serif" font-size="12">Buying/Selling Treasury Bonds</text> <text y="110" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Money Multiplier</text> <text y="130" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">m = 1 / Reserve Requirement</text> <rect y="155" width="240" height="45" rx="8" fill="#38bdf810"/> <text x="120" y="175" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="12">SPEED: FAST ACTING</text> <text x="120" y="190" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Technocratic &amp; Independent</text> </g> <!-- Right Panel: Fiscal Policy --> <rect x="580" y="140" width="280" height="380" rx="16" fill="#ffffff10" stroke="#e879f940" stroke-width="1"/> <rect x="700" y="160" width="40" height="40" rx="4" fill="#e879f920" stroke="#e879f9" stroke-width="2" transform="rotate(45 720 180)"/> <text x="720" y="187" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="900" font-size="20">G/T</text> <text x="720" y="235" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="20">FISCAL POLICY</text> <text x="720" y="255" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="600" font-size="13">CONGRESS &amp; PRESIDENT</text> <line x1="600" y1="275" x2="840" y2="275" stroke="#ffffff20" stroke-width="1"/> <g transform="translate(600, 300)"> <text y="0" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Government Spending (G)</text> <text y="20" fill="#94a3b8" font-family="sans-serif" font-size="12">Infrastructure, Defense, Social Programs</text> <text y="55" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Taxation Policy (T)</text> <text y="75" fill="#94a3b8" font-family="sans-serif" font-size="12">Income, Corporate, &amp; Capital Gains</text> <text y="110" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Keynesian Multiplier</text> <text y="130" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">1 / (1 - Marginal Propensity to Consume)</text> <rect y="155" width="240" height="45" rx="8" fill="#e879f910"/> <text x="120" y="175" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="12">SPEED: SLOW (LEGISLATION)</text> <text x="120" y="190" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Political &amp; Budgetary Process</text> </g> <!-- Center Visualization: The Counter-Cyclical Balance --> <g transform="translate(340, 220)"> <path d="M10,180 Q110,100 210,180" fill="none" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4 4"/> <circle cx="110" cy="140" r="40" fill="#0f172a" stroke="url(#accentGrad)" stroke-width="2"/> <text x="110" y="135" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="10">AD</text> <text x="110" y="150" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="8">AGGREGATE DEMAND</text> <!-- Arrows showing influence --> <path d="M-10,100 L20,100" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M230,100 L200,100" stroke="#e879f9" stroke-width="2" marker-end="url(#arrowhead)"/> </g> <!-- Bottom Legend/Note --> <rect x="330" y="470" width="240" height="50" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="450" y="490" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="600">COUNTER-CYCLICAL MANAGEMENT</text> <text x="450" y="505" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Smoothing the "Boom and Bust" Cycles</text> <!-- Decorative elements --> <circle cx="50" cy="50" r="10" fill="#38bdf820"/> <circle cx="850" cy="510" r="15" fill="#e879f920"/> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="context-stroke" /> </marker> </defs> </svg>Monetary and Fiscal Policy image 1Monetary and Fiscal Policy - Principles of Macroeconomics - image 1https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/monetary-fiscal-policy/svg/1Monetary and Fiscal Policy diagram 1Monetary and Fiscal Policy - Principles of Macroeconomics - diagram 1https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/monetary-fiscal-policy/svg/2Monetary and Fiscal Policy diagram 2Monetary and Fiscal Policy - Principles of Macroeconomics - diagram 2https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/monetary-fiscal-policy/svg/3Monetary and Fiscal Policy diagram 3Monetary and Fiscal Policy - Principles of Macroeconomics - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff15"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#334155" fill-opacity="0.5"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Header Line --> <rect x="40" y="70" width="820" height="1" fill="#334155"/> <rect x="40" y="70" width="150" height="2" fill="#38bdf8"/> <!-- Title Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">GLOBALIZATION <tspan fill="#38bdf8">&amp;</tspan> ECONOMIC EDUCATION</text> <text x="860" y="50" font-family="sans-serif" font-size="14" font-weight="600" fill="#94a3b8" text-anchor="end">THE DUAL-AXIS EVOLUTION</text> <!-- Left Panel: Physical Integration --> <rect x="40" y="90" width="400" height="360" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <text x="60" y="125" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">PHYSICAL INTEGRATION</text> <text x="60" y="145" font-family="sans-serif" font-size="12" fill="#94a3b8">The mechanics of international trade and capital.</text> <!-- Comparative Advantage Graphic --> <rect x="60" y="170" width="360" height="80" rx="8" fill="#00000030"/> <text x="75" y="195" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Comparative Advantage</text> <text x="75" y="215" font-family="serif" font-style="italic" font-size="16" fill="#38bdf8">C(X) / C(Y) &lt; C'(X) / C'(Y)</text> <text x="75" y="235" font-family="sans-serif" font-size="11" fill="#94a3b8">Specialization based on lower opportunity cost.</text> <!-- Global Value Chain Diagram --> <text x="60" y="285" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Global Value Chains (GVCs)</text> <g transform="translate(60, 305)"> <circle cx="20" cy="20" r="15" fill="#1e293b" stroke="#f59e0b" stroke-width="2"/> <text x="20" y="24" font-family="sans-serif" font-size="9" fill="#f8fafc" text-anchor="middle">R&amp;D</text> <line x1="35" y1="20" x2="65" y2="20" stroke="#334155" stroke-dasharray="4"/> <circle cx="85" cy="20" r="15" fill="#1e293b" stroke="#f59e0b" stroke-width="2"/> <text x="85" y="24" font-family="sans-serif" font-size="9" fill="#f8fafc" text-anchor="middle">COMP</text> <line x1="100" y1="20" x2="130" y2="20" stroke="#334155" stroke-dasharray="4"/> <circle cx="150" cy="20" r="15" fill="#1e293b" stroke="#f59e0b" stroke-width="2"/> <text x="150" y="24" font-family="sans-serif" font-size="9" fill="#f8fafc" text-anchor="middle">ASSY</text> <line x1="165" y1="20" x2="195" y2="20" stroke="#334155" stroke-dasharray="4"/> <circle cx="215" cy="20" r="15" fill="#1e293b" stroke="#f59e0b" stroke-width="2"/> <text x="215" y="24" font-family="sans-serif" font-size="9" fill="#f8fafc" text-anchor="middle">MKT</text> <text x="0" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8">Fragmentation of production across borders.</text> </g> <!-- Right Panel: Digital Democratization --> <rect x="460" y="90" width="400" height="360" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <text x="480" y="125" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">DIGITAL DEMOCRATIZATION</text> <text x="480" y="145" font-family="sans-serif" font-size="12" fill="#94a3b8">The evolution of economic literacy and delivery.</text> <!-- OER Section --> <g transform="translate(480, 170)"> <rect width="360" height="80" rx="8" fill="#00000030"/> <path d="M20 20 L40 20 L40 50 L20 50 Z" fill="none" stroke="#e879f9" stroke-width="2"/> <line x1="25" y1="28" x2="35" y2="28" stroke="#e879f9" stroke-width="1"/> <line x1="25" y1="35" x2="35" y2="35" stroke="#e879f9" stroke-width="1"/> <text x="55" y="35" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Open Educational Resources (OER)</text> <text x="55" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8">Removing barriers to high-level economic theory.</text> </g> <!-- LMS Integration --> <g transform="translate(480, 270)"> <rect width="360" height="80" rx="8" fill="#00000030"/> <rect x="15" y="25" width="30" height="20" rx="2" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M25 45 L25 52 M20 52 L30 52" stroke="#38bdf8" stroke-width="2"/> <text x="55" y="35" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">LMS Integration</text> <text x="55" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8">Real-time data modeling and global classrooms.</text> </g> <!-- Bottom Section: Protectionism Friction --> <rect x="40" y="470" width="820" height="60" rx="12" fill="#f43f5e15" stroke="#f43f5e40"/> <text x="60" y="505" font-family="sans-serif" font-weight="700" font-size="16" fill="#f43f5e">PROTECTIONISM:</text> <text x="200" y="505" font-family="sans-serif" font-size="13" fill="#f8fafc">The friction of Tariffs, Quotas, and Subsidies shielding domestic industries.</text> <circle cx="820" cy="500" r="12" fill="#f43f5e"/> <path d="M815 500 L825 500 M820 495 L820 505" stroke="white" stroke-width="2" transform="rotate(45, 820, 500)"/> <!-- Central Connector Graphic --> <g transform="translate(450, 270)" opacity="0.5"> <circle r="40" fill="none" stroke="#334155" stroke-width="1"/> <circle r="30" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="5,5"/> <path d="M-50 0 L50 0 M0 -50 L0 50" stroke="#334155" stroke-width="1"/> </g> <!-- Floating Tags --> <g transform="translate(40, 420)"> <rect width="90" height="20" rx="10" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="45" y="14" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle">LIBERALIZATION</text> </g> <g transform="translate(140, 420)"> <rect width="90" height="20" rx="10" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="45" y="14" font-family="sans-serif" font-size="10" fill="#f59e0b" text-anchor="middle">CAPITAL FLOW</text> </g> <g transform="translate(670, 420)"> <rect width="90" height="20" rx="10" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="45" y="14" font-family="sans-serif" font-size="10" fill="#e879f9" text-anchor="middle">KNOWLEDGE SPILL</text> </g> <g transform="translate(770, 420)"> <rect width="90" height="20" rx="10" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="45" y="14" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle">IP DIFFUSION</text> </g> </svg>Globalization and the Future of Economic Education image 1Globalization and the Future of Economic Education - Principles of Macroeconomics - image 1https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/globalization-and-oer-integration/svg/1Globalization and the Future of Economic Education diagram 1Globalization and the Future of Economic Education - Principles of Macroeconomics - diagram 1https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/globalization-and-oer-integration/svg/2Globalization and the Future of Economic Education diagram 2Globalization and the Future of Economic Education - Principles of Macroeconomics - diagram 2https://www.getlykke.com/explore/public/principles-of-macroeconomics-0555c62a-12dd-4b40-b6fe-b39608198a3f/media/globalization-and-oer-integration/svg/3Globalization and the Future of Economic Education diagram 3Globalization and the Future of Economic Education - Principles of Macroeconomics - diagram 3https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c2026-04-20T05:04:23.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">BIOLOGICAL BASIS OF BEHAVIOR</text> <text x="40" y="75" font-family="sans-serif" font-weight="400" font-size="14" fill="#94a3b8" letter-spacing="1">THE PHYSICAL ARCHITECTURE OF THE HUMAN EXPERIENCE</text> <rect x="40" y="85" width="820" height="2" fill="url(#accentGrad)" opacity="0.5"/> <!-- Left Panel: Neuroanatomy --> <rect x="40" y="110" width="400" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">I. STRUCTURAL ARCHITECTURE</text> <!-- Stylized Brain Icon --> <g transform="translate(70, 160) scale(0.8)"> <!-- Frontal --> <path d="M60,20 Q110,10 130,50 Q140,90 100,110 Q60,120 40,80 Q30,40 60,20" fill="#f59e0b" opacity="0.8"/> <text x="55" y="65" font-family="sans-serif" font-size="11" font-weight="bold" fill="#000">FRONTAL</text> <!-- Parietal --> <path d="M135,45 Q180,30 200,70 Q210,110 170,120 Q130,120 135,45" fill="#38bdf8" opacity="0.8"/> <text x="150" y="85" font-family="sans-serif" font-size="10" font-weight="bold" fill="#000">PARIETAL</text> <!-- Temporal --> <path d="M80,115 Q130,110 160,140 Q150,180 100,170 Q60,160 80,115" fill="#e879f9" opacity="0.8"/> <text x="90" y="145" font-family="sans-serif" font-size="10" font-weight="bold" fill="#000">TEMPORAL</text> <!-- Occipital --> <path d="M175,115 Q220,110 230,140 Q220,175 180,165 Q160,140 175,115" fill="#10b981" opacity="0.8"/> <text x="185" y="145" font-family="sans-serif" font-size="9" font-weight="bold" fill="#000">OCCIPITAL</text> </g> <!-- Anatomy Labels --> <g font-family="sans-serif" font-size="12" fill="#f8fafc"> <circle cx="280" cy="170" r="4" fill="#f59e0b"/> <text x="295" y="174"><tspan font-weight="bold">Frontal:</tspan> Executive, Planning</text> <circle cx="280" cy="200" r="4" fill="#38bdf8"/> <text x="295" y="204"><tspan font-weight="bold">Parietal:</tspan> Somatosensory, Spatial</text> <circle cx="280" cy="230" r="4" fill="#e879f9"/> <text x="295" y="234"><tspan font-weight="bold">Temporal:</tspan> Auditory, Language</text> <circle cx="280" cy="260" r="4" fill="#10b981"/> <text x="295" y="264"><tspan font-weight="bold">Occipital:</tspan> Visual Processing</text> </g> <!-- Right Panel: Neural Communication --> <rect x="460" y="110" width="400" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="480" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">II. SIGNALING PROTOCOL</text> <!-- Stylized Neuron --> <g transform="translate(480, 170)"> <!-- Dendrites --> <path d="M10,30 L30,50 M5,60 L30,60 M10,90 L30,70" stroke="#38bdf8" stroke-width="2" fill="none"/> <!-- Soma --> <circle cx="50" cy="60" r="25" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <circle cx="50" cy="60" r="8" fill="#38bdf8" filter="url(#glow)"/> <!-- Axon --> <line x1="75" y1="60" x2="250" y2="60" stroke="#94a3b8" stroke-width="4" stroke-dasharray="15,5"/> <!-- Myelin --> <rect x="90" y="52" width="30" height="16" rx="4" fill="#f59e0b" opacity="0.6"/> <rect x="130" y="52" width="30" height="16" rx="4" fill="#f59e0b" opacity="0.6"/> <rect x="170" y="52" width="30" height="16" rx="4" fill="#f59e0b" opacity="0.6"/> <rect x="210" y="52" width="30" height="16" rx="4" fill="#f59e0b" opacity="0.6"/> <!-- Terminals --> <path d="M250,60 L280,40 M250,60 L290,60 M250,60 L280,80" stroke="#e879f9" stroke-width="2" fill="none"/> <!-- Neuron Labels --> <g font-family="sans-serif" font-size="11" fill="#94a3b8"> <text x="0" y="20">Dendrites (Input)</text> <text x="40" y="100">Soma (Integration)</text> <text x="130" y="85">Axon (Transmission)</text> <text x="240" y="100">Terminals (Output)</text> </g> </g> <!-- Bottom Panel: Action Potential --> <rect x="40" y="410" width="820" height="125" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <!-- Graph --> <g transform="translate(80, 490)"> <!-- Axes --> <path d="M0,0 L700,0" stroke="#475569" stroke-width="1"/> <path d="M0,10 L0,-60" stroke="#475569" stroke-width="1"/> <!-- Potential Curve --> <path d="M0,0 L100,0 Q120,0 130,-15 T150,-70 L170,10 L200,0 L700,0" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <!-- Threshold line --> <line x1="0" y1="-15" x2="700" y2="-15" stroke="#e879f9" stroke-width="1" stroke-dasharray="4,4"/> <text x="-40" y="5" font-family="sans-serif" font-size="10" fill="#94a3b8">-70mV</text> <text x="-40" y="-12" font-family="sans-serif" font-size="10" fill="#e879f9">-55mV</text> <text x="-40" y="-65" font-family="sans-serif" font-size="10" fill="#f8fafc">+30mV</text> <text x="350" y="-45" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc" text-anchor="middle">THE ACTION POTENTIAL: ALL-OR-NONE RESPONSE</text> <text x="350" y="-25" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">Information is encoded by frequency (rate coding), not by signal amplitude.</text> </g> <!-- Decorative Hardware Metaphor --> <g transform="translate(700, 30)" opacity="0.6"> <rect x="0" y="0" width="140" height="40" rx="4" stroke="#38bdf8" fill="none"/> <text x="70" y="25" font-family="monospace" font-size="12" fill="#38bdf8" text-anchor="middle">CPU_ARCH::BRAIN</text> </g> </svg>Biological Basis of Behavior image 1Biological Basis of Behavior - Psychology as Science - image 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/biological-basis-of-behavior/svg/1Biological Basis of Behavior diagram 1Biological Basis of Behavior - Psychology as Science - diagram 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/biological-basis-of-behavior/svg/2Biological Basis of Behavior diagram 2Biological Basis of Behavior - Psychology as Science - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="-0.5">COGNITION &amp; LANGUAGE</text> <text x="450" y="82" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="500" letter-spacing="3">THE ARCHITECTURE OF HUMAN INTERACTION</text> <rect x="350" y="95" width="200" height="2" fill="url(#accentGrad)" rx="1"/> <!-- Left Panel: Attention --> <rect x="40" y="120" width="395" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="65" y="155" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">ATTENTION: THE GATEWAY</text> <text x="65" y="178" fill="#94a3b8" font-family="sans-serif" font-size="12">Resource allocation &amp; information filtering</text> <!-- Bottleneck Illustration --> <path d="M 100 220 L 300 220 L 240 320 L 240 380 L 160 380 L 160 320 Z" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <text x="200" y="210" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="11" font-weight="bold">SENSORY INPUT</text> <!-- Input Particles --> <circle cx="120" cy="240" r="4" fill="#f59e0b"/> <circle cx="150" cy="250" r="4" fill="#38bdf8"/> <circle cx="180" cy="235" r="4" fill="#e879f9"/> <circle cx="220" cy="255" r="4" fill="#38bdf8"/> <circle cx="260" cy="240" r="4" fill="#f59e0b"/> <!-- Filtered Output --> <circle cx="200" cy="350" r="6" fill="#38bdf8" filter="url(#glow)"/> <text x="200" y="410" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">SELECTIVE FOCUS</text> <!-- Filter Models Table-ish --> <g transform="translate(65, 435)"> <rect width="345" height="65" rx="8" fill="#00000030"/> <text x="10" y="20" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">Broadbent:</text> <text x="80" y="20" fill="#94a3b8" font-family="sans-serif" font-size="11">Early Selection (All-or-nothing)</text> <text x="10" y="40" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">Treisman:</text> <text x="80" y="40" fill="#94a3b8" font-family="sans-serif" font-size="11">Attenuation (The "Volume Knob")</text> </g> <!-- Right Panel: Theory of Mind --> <rect x="465" y="120" width="395" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="490" y="155" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">THEORY OF MIND (ToM)</text> <text x="490" y="178" fill="#94a3b8" font-family="sans-serif" font-size="12">The Social Simulator: Predicting mental states</text> <!-- Developmental Pipeline --> <g transform="translate(490, 210)"> <!-- Step 1 --> <circle cx="30" cy="30" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <path d="M 20 30 L 40 30 M 35 25 L 40 30 L 35 35" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="70" y="28" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">1. Intentionality</text> <text x="70" y="43" fill="#94a3b8" font-family="sans-serif" font-size="11">Recognizing goals in others</text> <!-- Step 2 --> <circle cx="30" cy="100" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <circle cx="30" cy="100" r="8" fill="none" stroke="#e879f9" stroke-width="2"/> <circle cx="32" cy="98" r="2" fill="#e879f9"/> <text x="70" y="98" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">2. Eye-Direction</text> <text x="70" y="113" fill="#94a3b8" font-family="sans-serif" font-size="11">Looking implies attending</text> <!-- Step 3 --> <circle cx="30" cy="170" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <path d="M 20 175 Q 30 155 40 175" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="70" y="168" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">3. Shared Attention</text> <text x="70" y="183" fill="#94a3b8" font-family="sans-serif" font-size="11">Triadic interaction (Self-Other-Object)</text> <!-- Step 4 --> <circle cx="30" cy="240" r="25" fill="#e879f9" filter="url(#glow)"/> <text x="30" y="245" text-anchor="middle" fill="#0f172a" font-family="sans-serif" font-weight="900" font-size="16">ToM</text> <text x="70" y="238" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">4. Full Representation</text> <text x="70" y="253" fill="#94a3b8" font-family="sans-serif" font-size="11">Understanding False Beliefs</text> <!-- Connecting Line --> <line x1="30" y1="55" x2="30" y2="75" stroke="#ffffff20" stroke-width="2"/> <line x1="30" y1="125" x2="30" y2="145" stroke="#ffffff20" stroke-width="2"/> <line x1="30" y1="195" x2="30" y2="215" stroke="#ffffff20" stroke-width="2"/> </g> <!-- Bottom Quote/Insight --> <rect x="40" y="525" width="820" height="25" rx="4" fill="#f59e0b10"/> <text x="450" y="542" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="11" font-style="italic" font-weight="500">"Cognition is the software layer mediating between raw sensory input and complex social output."</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="40" fill="#38bdf805" /> <circle cx="50" cy="510" r="60" fill="#e879f905" /> </svg>Cognition and Language image 1Cognition and Language - Psychology as Science - image 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/cognition-and-language/svg/1Cognition and Language diagram 1Cognition and Language - Psychology as Science - diagram 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/cognition-and-language/svg/2Cognition and Language diagram 2Cognition and Language - Psychology as Science - diagram 2https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/cognition-and-language/svg/3Cognition and Language diagram 3Cognition and Language - Psychology as Science - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="1" cy="1" r="1" fill="#ffffff08"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="2">DEVELOPMENTAL PSYCHOLOGY</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE SCIENTIFIC STUDY OF HUMAN GROWTH ACROSS THE LIFESPAN</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <!-- Left Column: The Three Domains --> <rect x="30" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="45" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">PRIMARY DOMAINS</text> <!-- Physical --> <circle cx="60" cy="180" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M55 175 L65 185 M55 185 L65 175" stroke="#38bdf8" stroke-width="2"/> <text x="85" y="175" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Physical</text> <text x="85" y="190" font-family="sans-serif" font-size="11" fill="#94a3b8">Biological growth, brain dev,</text> <text x="85" y="202" font-family="sans-serif" font-size="11" fill="#94a3b8">motor skills, and health.</text> <!-- Cognitive --> <circle cx="60" cy="240" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <path d="M55 240 Q60 230 65 240 Q60 250 55 240" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="85" y="235" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Cognitive</text> <text x="85" y="250" font-family="sans-serif" font-size="11" fill="#94a3b8">Mental processes, language,</text> <text x="85" y="262" font-family="sans-serif" font-size="11" fill="#94a3b8">memory, and intelligence.</text> <!-- Socio-Emotional --> <circle cx="60" cy="300" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M55 300 A3 3 0 0 1 65 300" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="85" y="295" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Socio-Emotional</text> <text x="85" y="310" font-family="sans-serif" font-size="11" fill="#94a3b8">Personality, emotions, and</text> <text x="85" y="322" font-family="sans-serif" font-size="11" fill="#94a3b8">interpersonal relationships.</text> <!-- Nature vs Nurture Graphic --> <rect x="45" y="360" width="230" height="150" rx="12" fill="#00000020"/> <text x="160" y="380" text-anchor="middle" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">The Great Debate</text> <line x1="70" y1="430" x2="250" y2="430" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4"/> <circle cx="110" cy="430" r="20" fill="#38bdf8"/> <text x="110" y="465" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#38bdf8">Nature</text> <circle cx="210" cy="430" r="20" fill="#f59e0b"/> <text x="210" y="465" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f59e0b">Nurture</text> <text x="160" y="420" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8" font-style="italic">Interactionism</text> <!-- Center Column: Attachment Theory --> <rect x="310" y="110" width="280" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="140" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">ATTACHMENT THEORY</text> <text x="450" y="158" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Bowlby &amp; Ainsworth: The Bond</text> <!-- The Strange Situation Grid --> <g transform="translate(325, 180)"> <!-- Secure --> <rect x="0" y="0" width="120" height="100" rx="8" fill="#10b98120" stroke="#10b981" stroke-width="1"/> <text x="60" y="25" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#10b981">SECURE</text> <text x="60" y="45" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Responsive care.</text> <text x="60" y="58" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Trusting, social,</text> <text x="60" y="71" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">high self-esteem.</text> <!-- Avoidant --> <rect x="130" y="0" width="120" height="100" rx="8" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="190" y="25" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#38bdf8">AVOIDANT</text> <text x="190" y="45" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Distant care.</text> <text x="190" y="58" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Self-reliant,</text> <text x="190" y="71" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">hides emotion.</text> <!-- Ambivalent --> <rect x="0" y="110" width="120" height="100" rx="8" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="60" y="135" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#f59e0b">AMBIVALENT</text> <text x="60" y="155" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Inconsistent care.</text> <text x="60" y="168" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Anxious, clingy,</text> <text x="60" y="181" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">fear of rejection.</text> <!-- Disorganized --> <rect x="130" y="110" width="120" height="100" rx="8" fill="#ef444420" stroke="#ef4444" stroke-width="1"/> <text x="190" y="135" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#ef4444">DISORGANIZED</text> <text x="190" y="155" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Erratic/Fearful.</text> <text x="190" y="168" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Confused, risk of</text> <text x="190" y="181" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">dissociation.</text> </g> <!-- Internal Working Model --> <circle cx="450" cy="450" r="45" fill="#ffffff05" stroke="#ffffff20" stroke-dasharray="4"/> <text x="450" y="445" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">IWM</text> <text x="450" y="460" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Internal Working Model</text> <path d="M450 405 L450 390 M450 495 L450 510 M405 450 L390 450 M495 450 L510 450" stroke="#f59e0b" stroke-width="2"/> <!-- Right Column: Piaget's Cognitive Stages --> <rect x="610" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="625" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">PIAGET'S STAGES</text> <!-- Staircase Graphic --> <g transform="translate(630, 160)"> <!-- Stage 4 --> <rect x="140" y="0" width="80" height="40" rx="4" fill="#e879f9" fill-opacity="0.9"/> <text x="145" y="55" font-family="sans-serif" font-weight="700" font-size="11" fill="#f8fafc">FORMAL</text> <text x="145" y="68" font-family="sans-serif" font-size="9" fill="#94a3b8">12+ Years</text> <text x="145" y="80" font-family="sans-serif" font-size="9" fill="#f8fafc">Abstract Logic</text> <!-- Stage 3 --> <rect x="100" y="90" width="80" height="40" rx="4" fill="#e879f9" fill-opacity="0.7"/> <text x="105" y="145" font-family="sans-serif" font-weight="700" font-size="11" fill="#f8fafc">CONCRETE</text> <text x="105" y="158" font-family="sans-serif" font-size="9" fill="#94a3b8">7-11 Years</text> <text x="105" y="170" font-family="sans-serif" font-size="9" fill="#f8fafc">Conservation</text> <!-- Stage 2 --> <rect x="60" y="180" width="80" height="40" rx="4" fill="#e879f9" fill-opacity="0.5"/> <text x="65" y="235" font-family="sans-serif" font-weight="700" font-size="11" fill="#f8fafc">PRE-OP</text> <text x="65" y="248" font-family="sans-serif" font-size="9" fill="#94a3b8">2-7 Years</text> <text x="65" y="260" font-family="sans-serif" font-size="9" fill="#f8fafc">Symbolic Thought</text> <!-- Stage 1 --> <rect x="20" y="270" width="80" height="40" rx="4" fill="#e879f9" fill-opacity="0.3"/> <text x="25" y="325" font-family="sans-serif" font-weight="700" font-size="11" fill="#f8fafc">SENSORY</text> <text x="25" y="338" font-family="sans-serif" font-size="9" fill="#94a3b8">0-2 Years</text> <text x="25" y="350" font-family="sans-serif" font-size="9" fill="#f8fafc">Object Permanence</text> <!-- Connecting Line --> <path d="M60 290 L100 200 L140 110 L180 20" fill="none" stroke="#ffffff30" stroke-width="2" stroke-dasharray="5"/> </g> <!-- Bottom Lifespan Bar --> <rect x="30" y="540" width="840" height="4" rx="2" fill="#ffffff10"/> <circle cx="30" cy="542" r="4" fill="#38bdf8"/> <circle cx="900" cy="542" r="4" fill="#e879f9" transform="translate(-30,0)"/> <text x="30" y="530" font-family="sans-serif" font-size="10" fill="#94a3b8">Infancy</text> <text x="450" y="530" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Adulthood</text> <text x="870" y="530" text-anchor="end" font-family="sans-serif" font-size="10" fill="#94a3b8">Late Adulthood</text> </svg>Developmental Psychology image 1Developmental Psychology - Psychology as Science - image 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/developmental-psychology/svg/1Developmental Psychology diagram 1Developmental Psychology - Psychology as Science - diagram 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/developmental-psychology/svg/2Developmental Psychology diagram 2Developmental Psychology - Psychology as Science - diagram 2https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/developmental-psychology/svg/3Developmental Psychology diagram 3Developmental Psychology - Psychology as Science - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-1">EMOTIONS &amp; MOTIVATION</text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400">The "Engine Room" of Human Psychology: Energy, Direction, and Survival</text> <rect x="40" y="90" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Left Panel: The 7 Primary Systems --> <rect x="40" y="115" width="380" height="405" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">PRIMARY EMOTIONAL SYSTEMS</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Subcortical mammalian circuits (Jaak Panksepp)</text> <!-- System List --> <g transform="translate(60, 190)"> <!-- Seeking --> <circle cx="10" cy="5" r="6" fill="#f59e0b"/> <text x="25" y="10" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">SEEKING</text> <text x="100" y="10" font-family="sans-serif" font-size="11" fill="#94a3b8">Exploration &amp; Anticipation (Dopamine)</text> <!-- Fear --> <circle cx="10" cy="35" r="6" fill="#38bdf8"/> <text x="25" y="40" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">FEAR</text> <text x="100" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Survival through escape (Amygdala)</text> <!-- Rage --> <circle cx="10" cy="65" r="6" fill="#ef4444"/> <text x="25" y="70" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">RAGE</text> <text x="100" y="70" font-family="sans-serif" font-size="11" fill="#94a3b8">Defense of resources/territory</text> <!-- Lust --> <circle cx="10" cy="95" r="6" fill="#e879f9"/> <text x="25" y="100" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">LUST</text> <text x="100" y="100" font-family="sans-serif" font-size="11" fill="#94a3b8">Reproduction &amp; Species propagation</text> <!-- Care --> <circle cx="10" cy="125" r="6" fill="#4ade80"/> <text x="25" y="130" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">CARE</text> <text x="100" y="130" font-family="sans-serif" font-size="11" fill="#94a3b8">Nurturing &amp; Maternal bonding</text> <!-- Panic --> <circle cx="10" cy="155" r="6" fill="#818cf8"/> <text x="25" y="160" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">PANIC/GRIEF</text> <text x="120" y="160" font-family="sans-serif" font-size="11" fill="#94a3b8">Social loss &amp; Separation distress</text> <!-- Play --> <circle cx="10" cy="185" r="6" fill="#fbbf24"/> <text x="25" y="190" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">PLAY</text> <text x="100" y="190" font-family="sans-serif" font-size="11" fill="#94a3b8">Social joy &amp; Boundary learning</text> </g> <!-- Quote Box --> <rect x="60" y="420" width="340" height="80" rx="8" fill="#00000020" stroke="#ffffff10"/> <text x="75" y="445" font-family="sans-serif" font-style="italic" font-size="12" fill="#cbd5e1">"Emotions are evolved survival programs</text> <text x="75" y="462" font-family="sans-serif" font-style="italic" font-size="12" fill="#cbd5e1">that coordinate physiological and</text> <text x="75" y="479" font-family="sans-serif" font-style="italic" font-size="12" fill="#cbd5e1">behavioral responses."</text> <!-- Right Panel Top: Reward Circuit --> <rect x="440" y="115" width="420" height="195" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="460" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE REWARD CIRCUIT</text> <text x="460" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Mesolimbic Dopamine Pathway: "Wanting" vs "Liking"</text> <!-- Reward Diagram --> <path d="M480 260 Q550 200 620 260 T760 260" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="480" cy="260" r="4" fill="#38bdf8"/> <!-- VTA --> <circle cx="760" cy="260" r="4" fill="#38bdf8"/> <!-- Nucleus Accumbens --> <text x="465" y="280" font-family="sans-serif" font-size="10" fill="#94a3b8">VTA</text> <text x="730" y="280" font-family="sans-serif" font-size="10" fill="#94a3b8">Nuc. Accumbens</text> <rect x="540" y="185" width="220" height="45" rx="8" fill="#f59e0b20" stroke="#f59e0b40"/> <text x="550" y="205" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">INCENTIVE SALIENCE</text> <text x="550" y="222" font-family="sans-serif" font-size="11" fill="#f8fafc">Dopamine signals "Wanting" (pursuit),</text> <text x="550" y="235" font-family="sans-serif" font-size="11" fill="#f8fafc">not necessarily "Liking" (pleasure).</text> <!-- Right Panel Bottom: Drive States --> <rect x="440" y="325" width="420" height="195" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="460" y="355" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">HOMEOSTATIC DRIVE</text> <!-- Cycle Diagram --> <g transform="translate(520, 425)"> <circle cx="0" cy="0" r="50" fill="none" stroke="#ffffff10" stroke-width="1"/> <!-- Arrows --> <path d="M0 -50 A50 50 0 0 1 50 0" fill="none" stroke="#e879f9" stroke-width="2" marker-end="url(#arrow)"/> <path d="M50 0 A50 50 0 0 1 0 50" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M0 50 A50 50 0 0 1 -50 0" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M-50 0 A50 50 0 0 1 0 -50" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="0" y="-60" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">NEED</text> <text x="65" y="5" text-anchor="start" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">DRIVE</text> <text x="0" y="70" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">ACTION</text> <text x="-65" y="5" text-anchor="end" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">SATIATION</text> <circle cx="0" cy="0" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="0" y="4" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#f8fafc">STABLE</text> </g> <!-- Narrowing of Attention --> <g transform="translate(660, 370)"> <text x="0" y="0" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">Narrowing of Attention</text> <path d="M0 15 L140 15 L100 65 L40 65 Z" fill="#ffffff10" stroke="#ffffff20"/> <text x="70" y="35" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Future Goals</text> <text x="70" y="58" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b">PRESENT NEED</text> <text x="0" y="85" font-family="sans-serif" font-size="10" fill="#94a3b8" width="140">Drive states collapse the</text> <text x="0" y="98" font-family="sans-serif" font-size="10" fill="#94a3b8">temporal horizon.</text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="850" cy="50" r="15" fill="none" stroke="#ffffff05" stroke-width="4"/> </svg>Emotions and Motivation image 1Emotions and Motivation - Psychology as Science - image 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/emotions-and-motivation/svg/1Emotions and Motivation diagram 1Emotions and Motivation - Psychology as Science - diagram 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/emotions-and-motivation/svg/2Emotions and Motivation diagram 2Emotions and Motivation - Psychology as Science - diagram 2https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/emotions-and-motivation/svg/3Emotions and Motivation diagram 3Emotions and Motivation - Psychology as Science - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-1">LEARNING &amp; MEMORY</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400">THE ARCHITECTURE OF COGNITIVE PLASTICITY</text> <rect x="40" y="100" width="120" height="4" rx="2" fill="url(#accentGrad)"/> <!-- SECTION 1: ASSOCIATIVE LEARNING --> <rect x="40" y="130" width="400" height="390" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="65" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">I. ASSOCIATIVE LEARNING</text> <!-- Classical Conditioning Sub-panel --> <rect x="60" y="185" width="360" height="110" rx="12" fill="#ffffff05"/> <circle cx="90" cy="215" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M 85 210 L 95 220 M 95 210 L 85 220" stroke="#f59e0b" stroke-width="2" opacity="0.5"/> <text x="115" y="210" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Classical (Pavlovian)</text> <text x="115" y="228" font-family="sans-serif" font-size="11" fill="#94a3b8">Association of two stimuli (CS + US)</text> <text x="80" y="255" font-family="sans-serif" font-size="11" fill="#f8fafc" font-style="italic">"Predictive relationship between events"</text> <rect x="80" y="270" width="320" height="1" fill="#ffffff15"/> <text x="80" y="285" font-family="sans-serif" font-size="10" fill="#94a3b8">Key: US (Food) → UR (Salivation) | CS (Bell) → CR</text> <!-- Instrumental Conditioning Sub-panel --> <rect x="60" y="305" width="360" height="110" rx="12" fill="#ffffff05"/> <rect x="75" y="325" width="30" height="30" rx="6" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M 82 340 L 98 340 M 90 332 L 90 348" stroke="#38bdf8" stroke-width="2"/> <text x="115" y="330" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Instrumental (Operant)</text> <text x="115" y="348" font-family="sans-serif" font-size="11" fill="#94a3b8">Behavior and its consequences</text> <text x="80" y="375" font-family="sans-serif" font-size="11" fill="#38bdf8">Reinforcement (+) vs. Punishment (-)</text> <text x="80" y="395" font-family="sans-serif" font-size="10" fill="#94a3b8">Organism operates on the environment to produce change.</text> <!-- Rescorla-Wagner Graphic --> <text x="65" y="445" font-family="sans-serif" font-weight="700" font-size="12" fill="#e879f9">RESCORLA-WAGNER MODEL</text> <path d="M 65 500 L 200 500 M 65 500 L 65 460" stroke="#94a3b8" stroke-width="1"/> <path d="M 65 500 Q 80 465 180 465" fill="none" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <text x="210" y="475" font-family="sans-serif" font-size="10" fill="#94a3b8" font-style="italic">ΔV = αβ(λ - ΣV)</text> <text x="210" y="490" font-family="sans-serif" font-size="9" fill="#64748b">Learning depends on "surprise"</text> <!-- SECTION 2: THE MEMORY PIPELINE --> <rect x="460" y="130" width="400" height="390" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="485" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">II. THE MEMORY PIPELINE</text> <!-- Pipeline Flow --> <!-- Sensory --> <rect x="485" y="190" width="100" height="60" rx="8" fill="#ffffff10" stroke="#38bdf8" stroke-dasharray="4"/> <text x="535" y="215" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">SENSORY</text> <text x="535" y="232" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">&lt; 1 Second</text> <path d="M 585 220 L 615 220" stroke="#e879f9" stroke-width="2" marker-end="url(#arrow)"/> <!-- Short Term --> <rect x="615" y="190" width="100" height="60" rx="8" fill="#ffffff10" stroke="#e879f9"/> <text x="665" y="215" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">WORKING</text> <text x="665" y="232" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">15-30 Sec</text> <path d="M 715 220 L 745 220" stroke="#f59e0b" stroke-width="2"/> <!-- Long Term --> <rect x="745" y="190" width="100" height="60" rx="8" fill="#ffffff10" stroke="#f59e0b"/> <text x="795" y="215" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">LONG-TERM</text> <text x="795" y="232" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Indefinite</text> <!-- Stages Labels --> <text x="535" y="275" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="11" fill="#e879f9">ENCODING</text> <text x="665" y="275" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="11" fill="#e879f9">CONSOLIDATION</text> <text x="795" y="275" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="11" fill="#e879f9">RETRIEVAL</text> <!-- Storage Details --> <g transform="translate(485, 310)"> <rect width="350" height="180" rx="12" fill="#ffffff05"/> <text x="15" y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">Storage Mechanisms</text> <circle cx="25" cy="55" r="4" fill="#38bdf8"/> <text x="40" y="58" font-family="sans-serif" font-size="11" fill="#f8fafc">Semantic Encoding</text> <text x="40" y="72" font-family="sans-serif" font-size="10" fill="#94a3b8">Processing meaning and context.</text> <circle cx="25" cy="95" r="4" fill="#e879f9"/> <text x="40" y="98" font-family="sans-serif" font-size="11" fill="#f8fafc">Synaptic Consolidation</text> <text x="40" y="112" font-family="sans-serif" font-size="10" fill="#94a3b8">Long-term potentiation (LTP) at synapses.</text> <circle cx="25" cy="135" r="4" fill="#f59e0b"/> <text x="40" y="138" font-family="sans-serif" font-size="11" fill="#f8fafc">Retrieval Cues</text> <text x="40" y="152" font-family="sans-serif" font-size="10" fill="#94a3b8">Stimuli that help recover stored traces.</text> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff08" stroke-width="8"/> <circle cx="850" cy="50" r="15" fill="none" stroke="#ffffff10" stroke-width="4"/> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#e879f9" /> </marker> </defs> </svg>Learning and Memory image 1Learning and Memory - Psychology as Science - image 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/learning-and-memory/svg/1Learning and Memory diagram 1Learning and Memory - Psychology as Science - diagram 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/learning-and-memory/svg/2Learning and Memory diagram 2Learning and Memory - Psychology as Science - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">PSYCHOPATHOLOGY</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE SCIENTIFIC STUDY OF MENTAL DISORDERS</text> <rect x="40" y="100" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Left Column: The Four D's --> <rect x="40" y="130" width="240" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">The Four D's</text> <text x="60" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">Criteria for Clinical Abnormality</text> <!-- D1: Deviance --> <circle cx="75" cy="220" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <circle cx="75" cy="220" r="3" fill="#38bdf8"/> <text x="100" y="218" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Deviance</text> <text x="100" y="232" font-family="sans-serif" font-size="11" fill="#94a3b8">Statistical rarity &amp; cultural norms</text> <!-- D2: Distress --> <circle cx="75" cy="280" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <path d="M68 285 L72 275 L78 285 L82 275" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="100" y="278" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Distress</text> <text x="100" y="292" font-family="sans-serif" font-size="11" fill="#94a3b8">Subjective emotional suffering</text> <!-- D3: Dysfunction --> <circle cx="75" cy="340" r="15" fill="#fb718520" stroke="#fb7185" stroke-width="1.5"/> <rect x="68" y="333" width="14" height="14" rx="2" fill="none" stroke="#fb7185" stroke-width="2"/> <line x1="68" y1="333" x2="82" y2="347" stroke="#fb7185" stroke-width="2"/> <text x="100" y="338" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Dysfunction</text> <text x="100" y="352" font-family="sans-serif" font-size="11" fill="#94a3b8">Interference with daily life</text> <!-- D4: Danger --> <circle cx="75" cy="400" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M75 392 L75 402 M75 406 L75 408" stroke="#f59e0b" stroke-width="2.5" stroke-linecap="round"/> <text x="100" y="398" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Danger</text> <text x="100" y="412" font-family="sans-serif" font-size="11" fill="#94a3b8">Risk of harm to self or others</text> <!-- Center: Taxonomy Frameworks --> <rect x="300" y="130" width="560" height="200" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="320" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Diagnostic Frameworks</text> <!-- DSM-5 Card --> <rect x="320" y="180" width="165" height="130" rx="12" fill="#00000030"/> <text x="335" y="205" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">DSM-5 (APA)</text> <text x="335" y="225" font-family="sans-serif" font-size="11" fill="#94a3b8">Focus: Symptom Clusters</text> <text x="335" y="240" font-family="sans-serif" font-size="11" fill="#94a3b8">Use: Clinical Diagnosis</text> <rect x="335" y="255" width="135" height="1" fill="#ffffff20"/> <text x="335" y="275" font-family="sans-serif" font-size="10" fill="#38bdf8" font-style="italic">Categorical Approach</text> <!-- ICD-11 Card --> <rect x="495" y="180" width="165" height="130" rx="12" fill="#00000030"/> <text x="510" y="205" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">ICD-11 (WHO)</text> <text x="510" y="225" font-family="sans-serif" font-size="11" fill="#94a3b8">Focus: Global Health</text> <text x="510" y="240" font-family="sans-serif" font-size="11" fill="#94a3b8">Use: Billing &amp; Statistics</text> <rect x="510" y="255" width="135" height="1" fill="#ffffff20"/> <text x="510" y="275" font-family="sans-serif" font-size="10" fill="#38bdf8" font-style="italic">International Standard</text> <!-- RDoC Card --> <rect x="670" y="180" width="170" height="130" rx="12" fill="#00000030"/> <text x="685" y="205" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">RDoC (NIMH)</text> <text x="685" y="225" font-family="sans-serif" font-size="11" fill="#94a3b8">Focus: Neural Circuits</text> <text x="685" y="240" font-family="sans-serif" font-size="11" fill="#94a3b8">Use: Research/Bio-markers</text> <rect x="685" y="255" width="140" height="1" fill="#ffffff20"/> <text x="685" y="275" font-family="sans-serif" font-size="10" fill="#38bdf8" font-style="italic">Dimensional Approach</text> <!-- Bottom Left: ADHD Spotlight --> <rect x="300" y="350" width="270" height="170" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="320" y="380" font-family="sans-serif" font-weight="700" font-size="16" fill="#e879f9">ADHD: Dopamine Deficit</text> <!-- Synapse Illustration --> <path d="M330 440 Q350 410 370 440" fill="none" stroke="#94a3b8" stroke-width="3"/> <path d="M330 460 Q350 490 370 460" fill="none" stroke="#94a3b8" stroke-width="3"/> <!-- Dopamine dots --> <circle cx="345" cy="450" r="2" fill="#38bdf8"> <animate attributeName="opacity" values="1;0.2;1" dur="2s" repeatCount="indefinite" /> </circle> <circle cx="355" cy="448" r="2" fill="#38bdf8"/> <circle cx="350" cy="453" r="2" fill="#38bdf8"/> <text x="385" y="435" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="600">Synaptic Cleft</text> <text x="385" y="450" font-family="sans-serif" font-size="10" fill="#94a3b8">Low tonic dopamine</text> <text x="385" y="462" font-family="sans-serif" font-size="10" fill="#94a3b8">leads to "signal noise"</text> <text x="320" y="500" font-family="sans-serif" font-size="10" fill="#e879f9" font-style="italic">Executive Function: Prefrontal Cortex</text> <!-- Bottom Right: Mood Disorders --> <rect x="590" y="350" width="270" height="170" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="610" y="380" font-family="sans-serif" font-weight="700" font-size="16" fill="#fb7185">Mood Disorders</text> <!-- MDD vs Bipolar Visualization --> <text x="610" y="410" font-family="sans-serif" font-size="11" fill="#f8fafc">MDD (Unipolar)</text> <path d="M610 435 L700 435 L710 455 L730 455 L740 435 L830 435" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="610" y="475" font-family="sans-serif" font-size="11" fill="#f8fafc">Bipolar (The Switch)</text> <path d="M610 500 L650 500 L670 480 L690 520 L710 500 L830 500" fill="none" stroke="#fb7185" stroke-width="2"/> <text x="750" y="410" font-family="sans-serif" font-size="9" fill="#94a3b8">Baseline</text> <text x="750" y="475" font-family="sans-serif" font-size="9" fill="#94a3b8">Mania/Depression</text> <!-- Decorative accents --> <circle cx="860" cy="40" r="40" fill="url(#accentGrad)" opacity="0.1"/> <path d="M850 500 L880 530" stroke="#ffffff10" stroke-width="8" stroke-linecap="round"/> </svg>Psychological Disorders and Treatments image 1Psychological Disorders and Treatments - Psychology as Science - image 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/psychological-disorders-and-treatments/svg/1Psychological Disorders and Treatments diagram 1Psychological Disorders and Treatments - Psychology as Science - diagram 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/psychological-disorders-and-treatments/svg/2Psychological Disorders and Treatments diagram 2Psychological Disorders and Treatments - Psychology as Science - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">PSYCHOLOGY AS <tspan fill="#38bdf8">SCIENCE</tspan></text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE RIGOROUS STUDY OF MIND AND BEHAVIOR</text> <line x1="40" y1="90" x2="300" y2="90" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Section 1: The Scientific Method Cycle --> <rect x="40" y="110" width="820" height="160" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="135" font-family="sans-serif" font-weight="700" font-size="16" fill="#f59e0b">THE CYCLE OF INQUIRY</text> <!-- Method Steps --> <g transform="translate(60, 155)"> <!-- Step 1 --> <circle cx="40" cy="40" r="35" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="40" y="45" font-family="sans-serif" font-size="10" font-weight="bold" fill="#38bdf8" text-anchor="middle">OBSERVE</text> <text x="40" y="95" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Identify Phenomena</text> <!-- Arrow --> <path d="M 85 40 L 125 40" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowhead)"/> <!-- Step 2 --> <circle cx="170" cy="40" r="35" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="170" y="45" font-family="sans-serif" font-size="10" font-weight="bold" fill="#e879f9" text-anchor="middle">HYPOTHESIZE</text> <text x="170" y="95" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Falsifiable Claims</text> <!-- Arrow --> <path d="M 215 40 L 255 40" stroke="#94a3b8" stroke-width="2"/> <!-- Step 3 --> <circle cx="300" cy="40" r="35" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="300" y="45" font-family="sans-serif" font-size="10" font-weight="bold" fill="#38bdf8" text-anchor="middle">EXPERIMENT</text> <text x="300" y="95" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Controlled Testing</text> <!-- Arrow --> <path d="M 345 40 L 385 40" stroke="#94a3b8" stroke-width="2"/> <!-- Step 4 --> <circle cx="430" cy="40" r="35" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <text x="430" y="45" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b" text-anchor="middle">ANALYZE</text> <text x="430" y="95" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Statistical Inference</text> <!-- Step 5: Theory --> <rect x="530" y="5" width="230" height="70" rx="8" fill="#ffffff10" stroke="#ffffff20"/> <text x="545" y="30" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">THEORY BUILDING</text> <text x="545" y="50" font-family="sans-serif" font-size="12" fill="#94a3b8">Integrating findings into</text> <text x="545" y="65" font-family="sans-serif" font-size="12" fill="#94a3b8">broad predictive frameworks.</text> </g> <!-- Section 2: Timeline of Paradigms --> <text x="40" y="310" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">EVOLUTION OF THE DISCIPLINE</text> <!-- Timeline Axis --> <line x1="40" y1="440" x2="860" y2="440" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4 4"/> <!-- Era 1: 1879 --> <g transform="translate(40, 340)"> <rect width="180" height="180" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="30" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">1879: THE LAB</text> <text x="15" y="55" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">Structuralism</text> <text x="15" y="75" font-family="sans-serif" font-size="12" fill="#94a3b8">Wilhelm Wundt</text> <text x="15" y="100" font-family="sans-serif" font-size="11" fill="#cbd5e1">Focus: Basic elements of</text> <text x="15" y="115" font-family="sans-serif" font-size="11" fill="#cbd5e1">consciousness through</text> <text x="15" y="130" font-family="sans-serif" font-size="11" fill="#38bdf8">Systematic Introspection.</text> <circle cx="90" cy="160" r="4" fill="#38bdf8"/> </g> <!-- Era 2: 1920s --> <g transform="translate(253, 340)"> <rect width="180" height="180" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="30" font-family="sans-serif" font-weight="bold" font-size="14" fill="#e879f9">1920s: THE BOX</text> <text x="15" y="55" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">Behaviorism</text> <text x="15" y="75" font-family="sans-serif" font-size="12" fill="#94a3b8">Watson &amp; Skinner</text> <text x="15" y="100" font-family="sans-serif" font-size="11" fill="#cbd5e1">Focus: Observable actions.</text> <text x="15" y="115" font-family="sans-serif" font-size="11" fill="#cbd5e1">Rejection of the "unseen"</text> <text x="15" y="130" font-family="sans-serif" font-size="11" fill="#e879f9">Stimulus-Response.</text> <circle cx="90" cy="160" r="4" fill="#e879f9"/> </g> <!-- Era 3: 1960s --> <g transform="translate(466, 340)"> <rect width="180" height="180" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="30" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">1960s: THE COMPUTER</text> <text x="15" y="55" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">Cognitive Rev.</text> <text x="15" y="75" font-family="sans-serif" font-size="12" fill="#94a3b8">Miller &amp; Neisser</text> <text x="15" y="100" font-family="sans-serif" font-size="11" fill="#cbd5e1">Focus: Information processing,</text> <text x="15" y="115" font-family="sans-serif" font-size="11" fill="#cbd5e1">memory, and decision-making</text> <text x="15" y="130" font-family="sans-serif" font-size="11" fill="#f59e0b">using objective models.</text> <circle cx="90" cy="160" r="4" fill="#f59e0b"/> </g> <!-- Era 4: 1990s+ --> <g transform="translate(680, 340)"> <rect width="180" height="180" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="30" font-family="sans-serif" font-weight="bold" font-size="14" fill="#22c55e">1990s+: THE BRAIN</text> <text x="15" y="55" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">Neuroscience</text> <text x="15" y="75" font-family="sans-serif" font-size="12" fill="#94a3b8">Damasio &amp; Gazzaniga</text> <text x="15" y="100" font-family="sans-serif" font-size="11" fill="#cbd5e1">Focus: Biological substrates.</text> <text x="15" y="115" font-family="sans-serif" font-size="11" fill="#cbd5e1">fMRI, EEG, and mapping</text> <text x="15" y="130" font-family="sans-serif" font-size="11" fill="#22c55e">neural circuitry.</text> <circle cx="90" cy="160" r="4" fill="#22c55e"/> </g> <!-- Hub Science Badge --> <g transform="translate(680, 30)"> <rect width="180" height="60" rx="30" fill="#38bdf815" stroke="#38bdf830"/> <circle cx="30" cy="30" r="15" fill="#38bdf8" opacity="0.8"/> <path d="M 25 30 L 35 30 M 30 25 L 30 35" stroke="#0f172a" stroke-width="2"/> <text x="55" y="28" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">HUB SCIENCE</text> <text x="55" y="42" font-family="sans-serif" font-size="10" fill="#94a3b8">Linking Bio, Social, &amp; Physical</text> </g> <!-- Falsifiability Callout --> <path d="M 450 270 L 450 300" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2 2"/> <g transform="translate(350, 285)"> <rect width="200" height="30" rx="15" fill="#f59e0b" /> <text x="100" y="20" font-family="sans-serif" font-weight="bold" font-size="12" fill="#0f172a" text-anchor="middle">PRINCIPLE: FALSIFIABILITY</text> </g> </svg>Psychology as Science image 1Psychology as Science - Psychology as Science - image 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/psychology-as-science/svg/1Psychology as Science diagram 1Psychology as Science - Psychology as Science - diagram 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/psychology-as-science/svg/2Psychology as Science diagram 2Psychology as Science - Psychology as Science - diagram 2<svg viewBox="0 0 900 560" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <path d="M 0 50 L 900 50 M 0 100 L 900 100 M 0 150 L 900 150 M 0 200 L 900 200 M 0 250 L 900 250 M 0 300 L 900 300 M 0 350 L 900 350 M 0 400 L 900 400 M 0 450 L 900 450 M 0 500 L 900 500"/> <path d="M 50 0 L 50 560 M 100 0 L 100 560 M 150 0 L 150 560 M 200 0 L 200 560 M 250 0 L 250 560 M 300 0 L 300 560 M 350 0 L 350 560 M 400 0 L 400 560 M 450 0 L 450 560 M 500 0 L 500 560 M 550 0 L 550 560 M 600 0 L 600 560 M 650 0 L 650 560 M 700 0 L 700 560 M 750 0 L 750 560 M 800 0 L 800 560 M 850 0 L 850 560"/> </g> <!-- Header --> <text x="40" y="60" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" letter-spacing="-0.5">SENSATION &amp; PERCEPTION</text> <text x="40" y="85" fill="#94a3b8" font-family="sans-serif" font-size="16">The Architecture of Subjective Reality</text> <rect x="40" y="100" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Main Pipeline Section --> <g transform="translate(40, 130)"> <!-- Stage 1: Sensation --> <rect width="260" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="50" cy="45" r="20" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <path d="M 40 45 Q 50 30 60 45 T 80 45" fill="none" stroke="#38bdf8" stroke-width="2" transform="translate(-15,0)"/> <text x="85" y="52" fill="#f8fafc" font-family="sans-serif" font-size="18" font-weight="bold">SENSATION</text> <text x="25" y="90" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Transduction</text> <text x="25" y="110" fill="#94a3b8" font-family="sans-serif" font-size="12">Conversion of physical energy</text> <text x="25" y="125" fill="#94a3b8" font-family="sans-serif" font-size="12">(photons, waves) into neural</text> <text x="25" y="140" fill="#94a3b8" font-family="sans-serif" font-size="12">impulses via receptors.</text> <rect x="25" y="155" width="80" height="18" rx="4" fill="#38bdf822"/> <text x="32" y="168" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">INPUT: ANALOG</text> <!-- Connector 1 --> <path d="M 260 90 L 280 90" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Stage 2: Transmission --> <g transform="translate(280, 0)"> <rect width="260" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="50" cy="45" r="20" fill="#e879f922" stroke="#e879f9" stroke-width="2"/> <path d="M 40 45 L 60 45 L 45 55 L 65 55" fill="none" stroke="#e879f9" stroke-width="2" transform="translate(-5,-5)"/> <text x="85" y="52" fill="#f8fafc" font-family="sans-serif" font-size="18" font-weight="bold">TRANSMISSION</text> <text x="25" y="90" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Propagation</text> <text x="25" y="110" fill="#94a3b8" font-family="sans-serif" font-size="12">Action potentials travel via</text> <text x="25" y="125" fill="#94a3b8" font-family="sans-serif" font-size="12">afferent pathways through the</text> <text x="25" y="140" fill="#94a3b8" font-family="sans-serif" font-size="12">thalamus to the cortex.</text> <rect x="25" y="155" width="95" height="18" rx="4" fill="#e879f922"/> <text x="32" y="168" fill="#e879f9" font-family="sans-serif" font-size="10" font-weight="bold">SIGNAL: BINARY</text> </g> <!-- Connector 2 --> <path d="M 540 90 L 560 90" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Stage 3: Perception --> <g transform="translate(560, 0)"> <rect width="260" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="50" cy="45" r="20" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <path d="M 40 40 L 60 40 L 60 60 L 40 60 Z" fill="none" stroke="#f59e0b" stroke-width="2" transform="translate(0,-5)"/> <text x="85" y="52" fill="#f8fafc" font-family="sans-serif" font-size="18" font-weight="bold">PERCEPTION</text> <text x="25" y="90" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Synthesis</text> <text x="25" y="110" fill="#94a3b8" font-family="sans-serif" font-size="12">The brain interprets signals</text> <text x="25" y="125" fill="#94a3b8" font-family="sans-serif" font-size="12">to construct a coherent mental</text> <text x="25" y="140" fill="#94a3b8" font-family="sans-serif" font-size="12">model of the environment.</text> <rect x="25" y="155" width="105" height="18" rx="4" fill="#f59e0b22"/> <text x="32" y="168" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="bold">OUTPUT: REALITY</text> </g> </g> <!-- Bottom Section: Bayesian Brain --> <g transform="translate(40, 340)"> <rect width="410" height="190" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="20" y="35" fill="#f8fafc" font-family="sans-serif" font-size="18" font-weight="bold">The Bayesian Brain</text> <text x="20" y="55" fill="#94a3b8" font-family="sans-serif" font-size="12">Multi-modal integration via Maximum Likelihood Estimation.</text> <!-- Bayesian Graph Visualization --> <g transform="translate(20, 70)"> <!-- Visual Variance --> <path d="M 10 80 Q 60 10 110 80" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <text x="45" y="95" fill="#38bdf8" font-family="sans-serif" font-size="10">Visual (σ²)</text> <!-- Auditory Variance --> <path d="M 70 80 Q 140 30 210 80" fill="#e879f922" stroke="#e879f9" stroke-width="2"/> <text x="160" y="95" fill="#e879f9" font-family="sans-serif" font-size="10">Auditory (σ²)</text> <!-- Integrated Result --> <path d="M 55 80 Q 85 0 115 80" fill="#f59e0b44" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <text x="85" y="115" fill="#f59e0b" font-family="sans-serif" font-size="11" font-weight="bold" text-anchor="middle">INTEGRATED PERCEPT</text> </g> <g transform="translate(240, 70)"> <text x="0" y="20" fill="#f8fafc" font-family="serif" font-size="14" font-style="italic">w_vis ∝ 1 / σ²_vis</text> <text x="0" y="45" fill="#94a3b8" font-family="sans-serif" font-size="11">The brain weights the most</text> <text x="0" y="60" fill="#94a3b8" font-family="sans-serif" font-size="11">reliable (least noisy) sense</text> <text x="0" y="75" fill="#94a3b8" font-family="sans-serif" font-size="11">more heavily to reduce</text> <text x="0" y="90" fill="#94a3b8" font-family="sans-serif" font-size="11">overall uncertainty.</text> </g> </g> <!-- Bottom Section: Attention --> <g transform="translate(470, 340)"> <rect width="390" height="190" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="20" y="35" fill="#f8fafc" font-family="sans-serif" font-size="18" font-weight="bold">Inattentional Blindness</text> <text x="20" y="55" fill="#94a3b8" font-family="sans-serif" font-size="12">The cost of selective cognitive focus.</text> <!-- Spotlight Metaphor --> <g transform="translate(40, 80)"> <!-- Background noise --> <circle cx="150" cy="40" r="5" fill="#ffffff22"/> <circle cx="180" cy="20" r="5" fill="#ffffff22"/> <circle cx="200" cy="60" r="8" fill="#f59e0b" opacity="0.8"> <animate attributeName="opacity" values="0.8;0.2;0.8" dur="3s" repeatCount="indefinite" /> </circle> <text x="215" y="65" fill="#94a3b8" font-family="sans-serif" font-size="10">Unexpected Stimulus</text> <!-- Spotlight --> <path d="M 0 40 L 120 -10 L 120 90 Z" fill="#38bdf833"/> <circle cx="120" cy="40" r="40" fill="#38bdf844" stroke="#38bdf8" stroke-dasharray="4 2"/> <text x="90" y="45" fill="#f8fafc" font-family="sans-serif" font-size="10" font-weight="bold">FOCUS</text> <text x="0" y="115" fill="#94a3b8" font-family="sans-serif" font-size="11" font-style="italic">"We do not see with our eyes,</text> <text x="0" y="130" fill="#94a3b8" font-family="sans-serif" font-size="11" font-style="italic">but with our attention."</text> </g> </g> <!-- Decorative corner accent --> <path d="M 850 50 L 880 50 L 880 80" fill="none" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <path d="M 50 510 L 20 510 L 20 480" fill="none" stroke="#e879f9" stroke-width="2" opacity="0.5"/> </svg>Sensation and Perception image 1Sensation and Perception - Psychology as Science - image 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/sensation-and-perception/svg/1Sensation and Perception diagram 1Sensation and Perception - Psychology as Science - diagram 1https://www.getlykke.com/explore/public/psychology-as-science-97871b29-599c-4d8f-b94b-7ee51ee9041c/media/sensation-and-perception/svg/2Sensation and Perception diagram 2Sensation and Perception - Psychology as Science - diagram 2https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d262432026-04-20T05:02:58.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="50" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.5">THE ARCHITECTURE OF OER</text> <text x="40" y="75" font-family="Arial, sans-serif" font-size="14" fill="#38bdf8" font-weight="bold" letter-spacing="2">OPENSTAX &amp; THE 5 Rs FRAMEWORK</text> <rect x="40" y="85" width="820" height="1" fill="#ffffff20"/> <!-- Left Column: The 5 Rs --> <text x="40" y="120" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">THE 5 Rs PHILOSOPHY</text> <!-- R1: Retain --> <rect x="40" y="135" width="300" height="65" rx="12" fill="#ffffff08" stroke="#ffffff10"/> <circle cx="70" cy="167" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M 64 162 h 12 v 10 h -12 z M 64 162 l 6 -4 l 6 4" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <text x="100" y="158" font-family="Arial, sans-serif" font-weight="bold" font-size="15" fill="#f8fafc">RETAIN</text> <text x="100" y="175" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">The right to make, own, and control copies.</text> <!-- R2: Reuse --> <rect x="40" y="210" width="300" height="65" rx="12" fill="#ffffff08" stroke="#ffffff10"/> <circle cx="70" cy="242" r="18" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M 64 242 a 6 6 0 1 1 12 0 a 6 6 0 1 1 -12 0" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="100" y="233" font-family="Arial, sans-serif" font-weight="bold" font-size="15" fill="#f8fafc">REUSE</text> <text x="100" y="250" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Use content in a classroom or website.</text> <!-- R3: Revise --> <rect x="40" y="285" width="300" height="65" rx="12" fill="#ffffff08" stroke="#ffffff10"/> <circle cx="70" cy="317" r="18" fill="#10b98120" stroke="#10b981" stroke-width="1.5"/> <path d="M 64 322 l 12 -12 M 72 310 l 4 4" fill="none" stroke="#10b981" stroke-width="1.5"/> <text x="100" y="308" font-family="Arial, sans-serif" font-weight="bold" font-size="15" fill="#f8fafc">REVISE</text> <text x="100" y="325" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Adapt, adjust, or alter the content.</text> <!-- R4: Remix --> <rect x="40" y="360" width="300" height="65" rx="12" fill="#ffffff08" stroke="#ffffff10"/> <circle cx="70" cy="392" r="18" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <path d="M 64 392 h 12 M 70 386 v 12" fill="none" stroke="#e879f9" stroke-width="1.5"/> <text x="100" y="383" font-family="Arial, sans-serif" font-weight="bold" font-size="15" fill="#f8fafc">REMIX</text> <text x="100" y="400" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Combine original with other materials.</text> <!-- R5: Redistribute --> <rect x="40" y="435" width="300" height="65" rx="12" fill="#ffffff08" stroke="#ffffff10"/> <circle cx="70" cy="467" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M 64 467 l 12 -6 M 64 467 l 12 6 M 76 461 a 2 2 0 1 1 0 0.1 M 76 473 a 2 2 0 1 1 0 0.1" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <text x="100" y="458" font-family="Arial, sans-serif" font-weight="bold" font-size="15" fill="#f8fafc">REDISTRIBUTE</text> <text x="100" y="475" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Share copies or remixes with others.</text> <!-- Right Column: Production Pipeline --> <text x="380" y="120" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">THE OPENSTAX PIPELINE</text> <g transform="translate(380, 135)"> <!-- Step 1 --> <rect width="480" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="30" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#f59e0b">01</text> <text x="50" y="22" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Philanthropic Funding</text> <text x="50" y="38" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Grants from foundations (Gates, Hewlett) cover initial R&amp;D costs.</text> <!-- Step 2 --> <rect y="60" width="480" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="90" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#f59e0b">02</text> <text x="50" y="82" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Expert Recruitment</text> <text x="50" y="98" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Subject Matter Experts (SMEs) from top-tier research institutions.</text> <!-- Step 3 --> <rect y="120" width="480" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#f59e0b">03</text> <text x="50" y="142" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Double-Blind Peer Review</text> <text x="50" y="158" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Rigorous academic vetting to ensure "Big Three" publisher quality.</text> <!-- Step 4 --> <rect y="180" width="480" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="210" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#f59e0b">04</text> <text x="50" y="202" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Digital Transformation (CNXML)</text> <text x="50" y="218" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Encoding for multi-format rendering: PDF, HTML5, and mobile.</text> <!-- Step 5 --> <rect y="240" width="480" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="270" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#f59e0b">05</text> <text x="50" y="262" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Continuous Community Revision</text> <text x="50" y="278" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Real-time errata updates and modular content improvements.</text> </g> <!-- Success Highlight: McMurry --> <rect x="380" y="435" width="480" height="65" rx="12" fill="#f59e0b10" stroke="#f59e0b40"/> <text x="395" y="458" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">CASE STUDY: THE MCMURRY TRANSITION</text> <text x="395" y="475" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">John McMurry’s "Organic Chemistry" moved from a high-cost proprietary</text> <text x="395" y="488" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">model to OpenStax OER, setting a new prestige standard for open access.</text> <!-- Footer / Licensing --> <rect x="40" y="520" width="820" height="30" rx="8" fill="#ffffff05"/> <text x="55" y="540" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#94a3b8">LICENSING MODEL:</text> <text x="160" y="540" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">TRADITIONAL COPYRIGHT (©) = All Rights Reserved</text> <path d="M 420 530 l 10 10 m -10 0 l 10 -10" stroke="#f8fafc" stroke-width="1"/> <text x="450" y="540" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#10b981">CREATIVE COMMONS (CC BY) = Some Rights Reserved</text> <!-- Decorative elements --> <circle cx="850" cy="50" r="20" fill="none" stroke="#e879f9" stroke-width="0.5" opacity="0.5"/> <circle cx="850" cy="50" r="15" fill="none" stroke="#e879f9" stroke-width="0.5" opacity="0.3"/> </svg>Introduction to OpenStax and OER image 1Introduction to OpenStax and OER - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - image 1https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d26243/media/intro-to-openstax-oer/svg/1Introduction to OpenStax and OER diagram 1Introduction to OpenStax and OER - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - diagram 1https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d26243/media/intro-to-openstax-oer/svg/2Introduction to OpenStax and OER diagram 2Introduction to OpenStax and OER - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Background Circles --> <circle cx="850" cy="50" r="120" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#e879f9" fill-opacity="0.05"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">THE FUNCTIONAL GROUP APPROACH</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="16" fill="#94a3b8" font-style="italic">The Pedagogical Shift from Memorization to Predictive Logic</text> <rect x="350" y="100" width="200" height="4" rx="2" fill="url(#accentGrad)"/> <!-- Left Panel: The Evolution --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">PEDAGOGICAL SHIFT</text> <g transform="translate(60, 190)"> <circle cx="10" cy="10" r="4" fill="#f59e0b"/> <text x="25" y="15" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Pre-1970s: Taxonomy</text> <text x="25" y="35" font-family="sans-serif" font-size="12" fill="#94a3b8">Focus on "Compound Classes"</text> <text x="25" y="50" font-family="sans-serif" font-size="12" fill="#94a3b8">(e.g., Coal Tar, Dyes)</text> <line x1="10" y1="25" x2="10" y2="75" stroke="#ffffff20" stroke-dasharray="4"/> <circle cx="10" cy="90" r="4" fill="#e879f9"/> <text x="25" y="95" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">The McMurry Era</text> <text x="25" y="115" font-family="sans-serif" font-size="12" fill="#94a3b8">Focus on "Reactive Centers"</text> <text x="25" y="130" font-family="sans-serif" font-size="12" fill="#94a3b8">Universal reactivity rules</text> </g> <rect x="60" y="350" width="220" height="140" rx="12" fill="#00000030"/> <text x="75" y="375" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f59e0b">COGNITIVE LOAD REDUCTION</text> <text x="75" y="405" font-family="sans-serif" font-size="12" fill="#f8fafc">OLD: 10,000+ Reactions</text> <text x="75" y="425" font-family="sans-serif" font-size="12" fill="#f8fafc">NEW: ~30 Functional Groups</text> <path d="M 75 440 L 265 440" stroke="#ffffff15" stroke-width="1"/> <text x="75" y="465" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"Predict the behavior of millions</text> <text x="75" y="480" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">from a handful of patterns."</text> <!-- Center Panel: Anatomy of a Group --> <rect x="320" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="165" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">ANATOMY OF REACTIVITY</text> <!-- Stylized Molecule (Carbonyl Example) --> <g transform="translate(450, 280)"> <!-- R-Group (Inert) --> <path d="M -80 40 L -40 0" stroke="#94a3b8" stroke-width="4" stroke-linecap="round"/> <circle cx="-80" cy="40" r="15" fill="#1e293b" stroke="#94a3b8" stroke-width="2"/> <text x="-80" y="45" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#94a3b8">R</text> <text x="-100" y="70" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#64748b">Inert Scaffold</text> <!-- The Functional Group (Reactive) --> <path d="M -40 0 L 20 0" stroke="#f8fafc" stroke-width="4"/> <path d="M 20 -5 L 20 -55" stroke="#e879f9" stroke-width="4"/> <path d="M 30 -5 L 30 -55" stroke="#e879f9" stroke-width="4"/> <circle cx="-40" cy="0" r="18" fill="#0f172a" stroke="#f8fafc" stroke-width="2"/> <text x="-40" y="5" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">C</text> <circle cx="25" cy="-70" r="18" fill="#0f172a" stroke="#e879f9" stroke-width="2"/> <text x="25" y="-65" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9">O</text> <!-- Labels --> <path d="M 45 -70 Q 80 -70 80 -40" fill="none" stroke="#e879f9" stroke-width="1" stroke-dasharray="2"/> <text x="85" y="-30" font-family="sans-serif" font-size="11" fill="#e879f9" font-weight="bold">Heteroatom</text> <path d="M -40 25 L -40 55" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="2"/> <text x="-40" y="75" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#38bdf8" font-weight="bold">Reactive Center</text> </g> <text x="450" y="480" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Structural Homology: The R-group</text> <text x="450" y="495" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">modulates, but the Group dictates.</text> <!-- Right Panel: Electronic Drivers --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">ELECTRONIC BASIS</text> <g transform="translate(620, 200)"> <text x="0" y="0" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">The Inductive Effect</text> <text x="0" y="20" font-family="sans-serif" font-size="12" fill="#94a3b8">Unequal sharing of electrons</text> <!-- Dipole Visualization --> <rect x="0" y="40" width="220" height="60" rx="8" fill="#00000030"/> <text x="40" y="75" font-family="serif" font-size="18" fill="#38bdf8">δ+</text> <path d="M 70 70 L 140 70" stroke="#f8fafc" stroke-width="2" marker-end="url(#arrowhead)"/> <line x1="75" y1="65" x2="75" y2="75" stroke="#f8fafc" stroke-width="2"/> <text x="160" y="75" font-family="serif" font-size="18" fill="#e879f9">δ-</text> <text x="0" y="130" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Electronegativity (χ)</text> <g transform="translate(0, 145)"> <rect x="0" y="0" width="220" height="20" rx="4" fill="#ffffff05"/> <text x="10" y="15" font-family="sans-serif" font-size="11" fill="#94a3b8">Oxygen (O)</text> <text x="180" y="15" font-family="sans-serif" font-size="11" fill="#e879f9" font-weight="bold">3.44</text> <rect x="0" y="25" width="220" height="20" rx="4" fill="#ffffff05"/> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Nitrogen (N)</text> <text x="180" y="40" font-family="sans-serif" font-size="11" fill="#e879f9" font-weight="bold">3.04</text> <rect x="0" y="50" width="220" height="20" rx="4" fill="#ffffff05"/> <text x="10" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8">Carbon (C)</text> <text x="180" y="65" font-family="sans-serif" font-size="11" fill="#38bdf8" font-weight="bold">2.55</text> </g> <text x="0" y="245" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Resulting Dipole Moment:</text> <text x="0" y="265" font-family="serif" font-size="16" fill="#f59e0b" font-style="italic">μ = q × d</text> </g> <!-- Arrowhead definition --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#f8fafc" /> </marker> </defs> <!-- Footer / Key --> <rect x="40" y="530" width="820" height="20" rx="10" fill="#ffffff05"/> <text x="450" y="545" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#64748b" text-transform="uppercase" letter-spacing="2">Wiki Educational Resource • Organic Chemistry Series • Section 2.4</text> </svg>The Functional Group Approach image 1The Functional Group Approach - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - image 1https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d26243/media/functional-group-approach/svg/1The Functional Group Approach diagram 1The Functional Group Approach - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - diagram 1https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d26243/media/functional-group-approach/svg/2The Functional Group Approach diagram 2The Functional Group Approach - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - diagram 2https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d26243/media/functional-group-approach/svg/3The Functional Group Approach diagram 3The Functional Group Approach - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff15"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <path d="M0 40 H900 M0 80 H900 M0 120 H900 M0 160 H900 M0 200 H900 M0 240 H900 M0 280 H900 M0 320 H900 M0 360 H900 M0 400 H900 M0 440 H900 M0 480 H900 M0 520 H900" stroke="#ffffff05" stroke-width="1"/> <path d="M40 0 V560 M80 0 V560 M120 0 V560 M160 0 V560 M200 0 V560 M240 0 V560 M280 0 V560 M320 0 V560 M360 0 V560 M400 0 V560 M440 0 V560 M480 0 V560 M520 0 V560 M560 0 V560 M600 0 V560 M640 0 V560 M680 0 V560 M720 0 V560 M760 0 V560 M800 0 V560 M840 0 V560" stroke="#ffffff05" stroke-width="1"/> <!-- Title Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">ORGANIC STRUCTURE &amp; REACTIVITY</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="3">THE CAUSAL RELATIONSHIP OF MOLECULAR ARCHITECTURE</text> <rect x="400" y="95" width="100" height="3" fill="#38bdf8" rx="1.5"/> <!-- Left Panel: Hybridization --> <rect x="40" y="120" width="260" height="400" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <text x="60" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">I. Hybridization</text> <!-- sp3 --> <g transform="translate(70, 180)"> <circle cx="20" cy="20" r="18" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="2 2"/> <path d="M20 20 L20 2 M20 20 L38 30 M20 20 L5 35 M20 20 L35 10" stroke="#f8fafc" stroke-width="2" stroke-linecap="round"/> <text x="55" y="15" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">sp³</text> <text x="55" y="32" font-family="sans-serif" font-size="12" fill="#94a3b8">Tetrahedral | 109.5°</text> </g> <!-- sp2 --> <g transform="translate(70, 260)"> <circle cx="20" cy="20" r="18" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="2 2"/> <path d="M20 20 L20 2 M20 20 L38 30 M20 20 L2 30" stroke="#f8fafc" stroke-width="2" stroke-linecap="round"/> <text x="55" y="15" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">sp²</text> <text x="55" y="32" font-family="sans-serif" font-size="12" fill="#94a3b8">Trigonal Planar | 120°</text> </g> <!-- sp --> <g transform="translate(70, 340)"> <circle cx="20" cy="20" r="18" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2 2"/> <path d="M2 20 L38 20" stroke="#f8fafc" stroke-width="2" stroke-linecap="round"/> <text x="55" y="15" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">sp</text> <text x="55" y="32" font-family="sans-serif" font-size="12" fill="#94a3b8">Linear | 180°</text> </g> <!-- Center Panel: The Logic of Reactivity --> <rect x="320" y="120" width="540" height="220" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <text x="340" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">II. The Logic of Interaction</text> <!-- Nucleophile vs Electrophile --> <g transform="translate(360, 180)"> <!-- Nucleophile --> <circle cx="40" cy="50" r="35" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="40" y="45" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">Nu:</text> <text x="40" y="65" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Nucleophile</text> <text x="40" y="105" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Electron Rich</text> <!-- Arrow --> <path d="Path M90 50 Q130 20 170 50" fill="none" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrowhead)"/> <path d="M90 50 C110 30, 150 30, 170 50" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2" filter="url(#glow)"/> <polygon points="170,50 162,45 162,55" fill="#f59e0b" /> <text x="130" y="25" text-anchor="middle" font-family="sans-serif" font-size="12" font-style="italic" fill="#f59e0b">Electron Flow</text> <!-- Electrophile --> <circle cx="220" cy="50" r="35" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="220" y="45" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#e879f9">E+</text> <text x="220" y="65" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Electrophile</text> <text x="220" y="105" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Electron Poor</text> <!-- Description --> <rect x="280" y="15" width="180" height="80" rx="8" fill="#00000020"/> <text x="290" y="35" font-family="sans-serif" font-size="11" fill="#f8fafc">Reactivity is driven by the</text> <text x="290" y="52" font-family="sans-serif" font-size="11" fill="#f8fafc">attraction between high and</text> <text x="290" y="69" font-family="sans-serif" font-size="11" fill="#f8fafc">low electron density regions.</text> </g> <!-- Bottom Panel: Electronic Effects --> <rect x="320" y="360" width="540" height="160" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <text x="340" y="390" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">III. Electronic &amp; Steric Effects</text> <g transform="translate(340, 410)"> <!-- Inductive --> <rect x="0" y="10" width="160" height="80" rx="8" fill="#ffffff05"/> <text x="10" y="30" font-family="sans-serif" font-weight="700" font-size="13" fill="#38bdf8">Inductive (σ)</text> <text x="10" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Polarization through</text> <text x="10" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8">single bonds via χ.</text> <path d="M100 45 L140 45" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M135 40 L145 45 L135 50" fill="#38bdf8"/> <!-- Resonance --> <rect x="180" y="10" width="160" height="80" rx="8" fill="#ffffff05"/> <text x="190" y="30" font-family="sans-serif" font-weight="700" font-size="13" fill="#e879f9">Resonance (π)</text> <text x="190" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Delocalization of</text> <text x="190" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8">electrons across p-orbitals.</text> <path d="M280 45 Q300 35 320 45" stroke="#e879f9" stroke-width="1.5" stroke-dasharray="2 2"/> <path d="M280 45 Q300 55 320 45" stroke="#e879f9" stroke-width="1.5" stroke-dasharray="2 2"/> <!-- Sterics --> <rect x="360" y="10" width="160" height="80" rx="8" fill="#ffffff05"/> <text x="370" y="30" font-family="sans-serif" font-weight="700" font-size="13" fill="#f59e0b">Steric Effects</text> <text x="370" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Physical bulk preventing</text> <text x="370" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8">molecular proximity.</text> <circle cx="470" cy="45" r="12" fill="#f59e0b40" stroke="#f59e0b"/> <circle cx="490" cy="55" r="12" fill="#f59e0b40" stroke="#f59e0b"/> </g> <!-- Footer --> <text x="860" y="540" text-anchor="end" font-family="sans-serif" font-size="10" fill="#475569">WIKI EDUCATIONAL SERIES: ORGANIC CHEMISTRY MODULE 01</text> </svg>Organic Structure and Reactivity image 1Organic Structure and Reactivity - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - image 1https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d26243/media/organic-structure-and-reactivity/svg/1Organic Structure and Reactivity diagram 1Organic Structure and Reactivity - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - diagram 1https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d26243/media/organic-structure-and-reactivity/svg/2Organic Structure and Reactivity diagram 2Organic Structure and Reactivity - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - diagram 2https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d26243/media/organic-structure-and-reactivity/svg/3Organic Structure and Reactivity diagram 3Organic Structure and Reactivity - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="-0.5">Scientific Applications &amp; Modern Updates</text> <text x="40" y="75" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8">The Evolution of Organic Chemistry: From Static Textbooks to Dynamic OER</text> <line x1="40" y1="95" x2="860" y2="95" stroke="#334155" stroke-width="1"/> <!-- Left Column: OER Revolution Card --> <rect x="40" y="115" width="260" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="145" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">The OER Revolution</text> <rect x="60" y="165" width="220" height="55" rx="8" fill="#ffffff08"/> <text x="70" y="185" font-family="sans-serif" font-size="11" font-weight="600" fill="#94a3b8">TRADITIONAL MODEL</text> <text x="70" y="205" font-family="sans-serif" font-size="14" font-weight="700" fill="#f1f5f9">$200–$400 | 5-Year Cycles</text> <rect x="60" y="230" width="220" height="65" rx="8" fill="#38bdf820" stroke="#38bdf840"/> <text x="70" y="250" font-family="sans-serif" font-size="11" font-weight="600" fill="#38bdf8">OPENSTAX 10TH ED</text> <text x="70" y="270" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">$0 Digital | Continuous Updates</text> <text x="70" y="285" font-family="sans-serif" font-size="10" font-weight="400" fill="#94a3b8">Creative Commons Licensing (CC BY-NC-SA)</text> <!-- Center Column: Scientific Literacy --> <rect x="320" y="115" width="260" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="145" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">Scientific Literacy</text> <!-- Literacy Icon 1 --> <circle cx="350" cy="180" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M345 180 L355 180 M350 175 L350 185" stroke="#f59e0b" stroke-width="1.5"/> <text x="370" y="175" font-family="sans-serif" font-size="13" font-weight="600" fill="#f1f5f9">Molecular Architecture</text> <text x="370" y="188" font-family="sans-serif" font-size="11" font-weight="400" fill="#94a3b8">3D Structure vs Properties</text> <!-- Literacy Icon 2 --> <circle cx="350" cy="225" r="12" fill="#10b98120" stroke="#10b981" stroke-width="1.5"/> <path d="M345 225 Q350 215 355 225" fill="none" stroke="#10b981" stroke-width="1.5"/> <text x="370" y="220" font-family="sans-serif" font-size="13" font-weight="600" fill="#f1f5f9">Reaction Efficiency</text> <text x="370" y="233" font-family="sans-serif" font-size="11" font-weight="400" fill="#94a3b8">Sustainability &amp; Atom Economy</text> <!-- Literacy Icon 3 --> <circle cx="350" cy="270" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <rect x="346" y="266" width="8" height="8" stroke="#e879f9" fill="none"/> <text x="370" y="265" font-family="sans-serif" font-size="13" font-weight="600" fill="#f1f5f9">Digital Chemical Data</text> <text x="370" y="278" font-family="sans-serif" font-size="11" font-weight="400" fill="#94a3b8">SMILES &amp; Databases</text> <!-- Right Column: Modern Applications --> <rect x="600" y="115" width="260" height="405" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="145" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">Modern Applications</text> <g transform="translate(620, 170)"> <rect width="220" height="70" rx="8" fill="#ffffff05"/> <path d="M15 20 L35 20 A10 10 0 0 1 35 40 L15 40 A10 10 0 0 1 15 20" fill="#e879f930" stroke="#e879f9"/> <text x="50" y="25" font-family="sans-serif" font-size="13" font-weight="600" fill="#f1f5f9">Drug Design</text> <text x="50" y="42" font-family="sans-serif" font-size="11" font-weight="400" fill="#94a3b8" width="150">SAR studies and lead compound modification.</text> </g> <g transform="translate(620, 255)"> <rect width="220" height="70" rx="8" fill="#ffffff05"/> <circle cx="20" cy="30" r="5" fill="#38bdf8"/> <circle cx="35" cy="30" r="5" fill="#38bdf8"/> <line x1="25" y1="30" x2="30" y2="30" stroke="#38bdf8"/> <text x="50" y="25" font-family="sans-serif" font-size="13" font-weight="600" fill="#f1f5f9">Polymer Science</text> <text x="50" y="42" font-family="sans-serif" font-size="11" font-weight="400" fill="#94a3b8">Biodegradable materials &amp; Nanotech.</text> </g> <g transform="translate(620, 340)"> <rect width="220" height="70" rx="8" fill="#ffffff05"/> <path d="M15 35 Q25 15 35 35" fill="none" stroke="#f59e0b" stroke-width="2"/> <path d="M15 25 Q25 45 35 25" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="50" y="25" font-family="sans-serif" font-size="13" font-weight="600" fill="#f1f5f9">Metabolic Pathways</text> <text x="50" y="42" font-family="sans-serif" font-size="11" font-weight="400" fill="#94a3b8">Enzymatic reactions &amp; Bio-organic chem.</text> </g> <text x="620" y="450" font-family="sans-serif" font-size="11" font-style="italic" fill="#94a3b8">"Democratization of knowledge ensures the next generation is limited by imagination, not finance."</text> <!-- Bottom Left: Framework Comparison --> <rect x="40" y="335" width="540" height="185" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="365" font-family="sans-serif" font-size="18" font-weight="700" fill="#10b981">Pedagogical Frameworks</text> <g transform="translate(60, 385)"> <rect width="225" height="110" rx="8" fill="#ffffff05"/> <text x="15" y="25" font-family="sans-serif" font-size="14" font-weight="700" fill="#f1f5f9">Functional Group</text> <text x="15" y="45" font-family="sans-serif" font-size="12" fill="#94a3b8">Organized by structural motifs.</text> <path d="M15 65 L30 55 L45 65 L45 80 L30 90 L15 80 Z" fill="none" stroke="#10b981" stroke-width="1.5"/> <text x="60" y="75" font-family="sans-serif" font-size="11" fill="#f1f5f9">Excellent for synthesis &amp; ID.</text> </g> <g transform="translate(300, 385)"> <rect width="225" height="110" rx="8" fill="#ffffff05"/> <text x="15" y="25" font-family="sans-serif" font-size="14" font-weight="700" fill="#f1f5f9">Mechanistic</text> <text x="15" y="45" font-family="sans-serif" font-size="12" fill="#94a3b8">Organized by electron movement.</text> <path d="M20 80 Q40 50 60 80" fill="none" stroke="#f59e0b" stroke-width="1.5" marker-end="url(#arrow)"/> <circle cx="20" cy="80" r="2" fill="#f59e0b"/> <text x="65" y="75" font-family="sans-serif" font-size="11" fill="#f1f5f9">Deep "Why" understanding.</text> </g> <text x="40" y="545" font-family="sans-serif" font-size="10" font-weight="500" fill="#475569">MCMURRY ORGANIC CHEMISTRY | 10TH EDITION | OPENSTAX EDUCATIONAL RESOURCE</text> </svg>Scientific Applications and Modern Updates image 1Scientific Applications and Modern Updates - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - image 1https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d26243/media/scientific-applications-and-updates/svg/1Scientific Applications and Modern Updates diagram 1Scientific Applications and Modern Updates - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - diagram 1https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d26243/media/scientific-applications-and-updates/svg/2Scientific Applications and Modern Updates diagram 2Scientific Applications and Modern Updates - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - diagram 2https://www.getlykke.com/explore/public/organic-chemistry-structure-reactivity-and-the-dfe4d7d2-d20d-4121-89b2-9e0e18d26243/media/scientific-applications-and-updates/svg/3Scientific Applications and Modern Updates diagram 3Scientific Applications and Modern Updates - Organic Chemistry: Structure, Reactivity, and the Functional Group Approach - diagram 3https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff202026-04-20T05:02:34.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">GEOLOGY &amp; THE SCIENTIFIC METHOD</text> <text x="450" y="75" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" letter-spacing="3">DECODING THE 4.54 BILLION YEAR NARRATIVE</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Left Column: The Dual Pillars --> <g transform="translate(40, 110)"> <rect width="260" height="190" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="20" y="30" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">PHYSICAL GEOLOGY</text> <text x="20" y="52" font-family="Arial, sans-serif" font-size="13" fill="#94a3b8">The "Mechanics" of the Planet</text> <!-- Physical Icon --> <path d="M 200 25 L 230 75 L 170 75 Z" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="200" cy="65" r="8" fill="#38bdf8" fill-opacity="0.3"/> <text x="20" y="90" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">• Plate Tectonics &amp; Volcanism</text> <text x="20" y="110" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">• Mineralogy &amp; Petrology</text> <text x="20" y="130" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">• Rock Formation &amp; Erosion</text> <rect x="20" y="150" width="220" height="25" rx="4" fill="#38bdf820"/> <text x="130" y="167" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-style="italic" fill="#38bdf8">Focus: Materials &amp; Processes</text> </g> <g transform="translate(40, 320)"> <rect width="260" height="190" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="20" y="30" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">HISTORICAL GEOLOGY</text> <text x="20" y="52" font-family="Arial, sans-serif" font-size="13" fill="#94a3b8">The Chronology of Earth</text> <!-- Historical Icon --> <path d="M 180 35 H 220 M 180 45 H 220 M 180 55 H 220" stroke="#f59e0b" stroke-width="3" stroke-linecap="round"/> <circle cx="200" cy="65" r="10" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="20" y="90" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">• Stratigraphy (Rock Layers)</text> <text x="20" y="110" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">• Paleontology (Fossils)</text> <text x="20" y="130" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">• Biological Evolution</text> <rect x="20" y="150" width="220" height="25" rx="4" fill="#f59e0b20"/> <text x="130" y="167" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-style="italic" fill="#f59e0b">Focus: Origin &amp; Development</text> </g> <!-- Center Column: Scientific Method --> <g transform="translate(320, 110)"> <rect width="260" height="400" rx="16" fill="#ffffff05" stroke="#e879f9" stroke-dasharray="4 4"/> <text x="130" y="35" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">SCIENTIFIC METHOD</text> <!-- Workflow Steps --> <g transform="translate(30, 60)"> <circle cx="20" cy="20" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="20" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">1</text> <text x="45" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">OBSERVATION</text> <text x="45" y="32" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Identify natural phenomena</text> <line x1="20" y1="35" x2="20" y2="65" stroke="#e879f9" stroke-width="1" stroke-dasharray="2 2"/> <g transform="translate(0, 70)"> <circle cx="20" cy="20" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="20" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">2</text> <text x="45" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">HYPOTHESIS</text> <text x="45" y="32" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Tentative explanation</text> </g> <line x1="20" y1="105" x2="20" y2="135" stroke="#e879f9" stroke-width="1" stroke-dasharray="2 2"/> <g transform="translate(0, 140)"> <circle cx="20" cy="20" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="20" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">3</text> <text x="45" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">TESTING</text> <text x="45" y="32" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Data &amp; Field Mapping</text> </g> <line x1="20" y1="175" x2="20" y2="205" stroke="#e879f9" stroke-width="1" stroke-dasharray="2 2"/> <g transform="translate(0, 210)"> <circle cx="20" cy="20" r="15" fill="#e879f9" stroke="#e879f9" stroke-width="2"/> <text x="20" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#0f172a">4</text> <text x="45" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">THEORY</text> <text x="45" y="32" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Confirmed explanation</text> </g> </g> <rect x="20" y="320" width="220" height="60" rx="8" fill="#ffffff10"/> <text x="130" y="340" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#e879f9">ABDUCTIVE REASONING</text> <text x="130" y="358" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">"Inference to the best explanation"</text> <text x="130" y="372" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">used for ancient events.</text> </g> <!-- Right Column: Earth System Science --> <g transform="translate(600, 110)"> <rect width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="130" y="35" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#4ade80">EARTH SYSTEM (ESS)</text> <!-- Sphere Grid --> <g transform="translate(30, 60)"> <!-- Geosphere --> <rect width="90" height="70" rx="8" fill="#38bdf815" stroke="#38bdf8" stroke-width="1"/> <text x="45" y="35" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#f8fafc">GEOSPHERE</text> <text x="45" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#94a3b8">Solid Earth</text> <!-- Atmosphere --> <rect x="110" width="90" height="70" rx="8" fill="#e879f915" stroke="#e879f9" stroke-width="1"/> <text x="155" y="35" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#f8fafc">ATMOSPHERE</text> <text x="155" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#94a3b8">Gases</text> <!-- Hydrosphere --> <rect y="85" width="90" height="70" rx="8" fill="#38bdf815" stroke="#38bdf8" stroke-width="1"/> <text x="45" y="120" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#f8fafc">HYDROSPHERE</text> <text x="45" y="135" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#94a3b8">Water/Ice</text> <!-- Biosphere --> <rect x="110" y="85" width="90" height="70" rx="8" fill="#4ade8015" stroke="#4ade80" stroke-width="1"/> <text x="155" y="120" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#f8fafc">BIOSPHERE</text> <text x="155" y="135" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#94a3b8">Life Forms</text> </g> <text x="25" y="240" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Interactions:</text> <path d="M 40 260 L 220 260" stroke="#4ade80" stroke-width="1" opacity="0.4"/> <text x="25" y="280" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">• Volcanism affects Atmosphere</text> <text x="25" y="300" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">• Water shapes the Geosphere</text> <text x="25" y="320" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">• Life alters chemical cycles</text> <!-- Central ESS Graphic --> <circle cx="130" cy="365" r="20" fill="none" stroke="#4ade80" stroke-width="1" stroke-dasharray="2 2"/> <circle cx="130" cy="365" r="12" fill="#4ade80" fill-opacity="0.2"/> </g> <!-- Footer Banner --> <rect x="0" y="525" width="900" height="35" fill="#00000040"/> <text x="450" y="547" text-anchor="middle" font-family="Georgia, serif" font-style="italic" font-size="14" fill="#f59e0b">"The present is the key to the past." — Uniformitarianism</text> </svg>Introduction to Geology and the Scientific Method image 1Introduction to Geology and the Scientific Method - Geology - image 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/introduction-to-geology/svg/1Introduction to Geology and the Scientific Method diagram 1Introduction to Geology and the Scientific Method - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/introduction-to-geology/svg/2Introduction to Geology and the Scientific Method diagram 2Introduction to Geology and the Scientific Method - Geology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="#f8fafc" letter-spacing="1">MINERALS: THE BUILDING BLOCKS OF EARTH</text> <text x="450" y="85" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2">A GEOLOGICAL OVERVIEW OF ATOMIC ARCHITECTURE</text> <line x1="300" y1="100" x2="600" y2="100" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Left Panel: Chemical Bonding --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="165" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">I. CHEMICAL BONDING</text> <!-- Ionic --> <circle cx="75" cy="205" r="12" fill="#f59e0b" opacity="0.8"/> <circle cx="105" cy="205" r="15" fill="#38bdf8" opacity="0.8"/> <text x="130" y="202" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Ionic</text> <text x="130" y="216" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Electrostatic (Halite)</text> <!-- Covalent --> <circle cx="78" cy="265" r="14" fill="#e879f9" opacity="0.6"/> <circle cx="102" cy="265" r="14" fill="#e879f9" opacity="0.6"/> <text x="130" y="262" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Covalent</text> <text x="130" y="276" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Shared Electrons (Diamond)</text> <!-- Metallic --> <rect x="65" y="320" width="45" height="30" rx="4" fill="#94a3b8" opacity="0.3"/> <circle cx="75" cy="330" r="3" fill="#f8fafc"/> <circle cx="85" cy="340" r="3" fill="#f8fafc"/> <circle cx="95" cy="330" r="3" fill="#f8fafc"/> <text x="130" y="325" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Metallic</text> <text x="130" y="339" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Electron Sea (Gold)</text> <!-- Van der Waals --> <line x1="65" y1="385" x2="110" y2="385" stroke="#94a3b8" stroke-width="2"/> <line x1="65" y1="395" x2="110" y2="395" stroke="#94a3b8" stroke-width="2" stroke-dasharray="2 2"/> <line x1="65" y1="405" x2="110" y2="405" stroke="#94a3b8" stroke-width="2"/> <text x="130" y="392" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Van der Waals</text> <text x="130" y="406" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Weak Dipoles (Graphite)</text> <!-- Center Panel: Pauling's Rules --> <rect x="320" y="130" width="260" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="165" text-anchor="middle" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">II. RADIUS RATIO RULE</text> <!-- Formula --> <rect x="360" y="185" width="180" height="45" rx="8" fill="#00000030"/> <text x="450" y="213" text-anchor="middle" font-family="serif" font-size="20" fill="#f8fafc" font-style="italic">Rr = Rc / Ra</text> <!-- Coordination Graphic --> <circle cx="450" cy="300" r="35" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 2"/> <circle cx="450" cy="300" r="8" fill="#f59e0b" filter="url(#glow)"/> <!-- Cation --> <circle cx="450" cy="265" r="12" fill="#38bdf8" opacity="0.6"/> <!-- Anions --> <circle cx="482" cy="315" r="12" fill="#38bdf8" opacity="0.6"/> <circle cx="418" cy="315" r="12" fill="#38bdf8" opacity="0.6"/> <text x="450" y="355" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Octahedral Coordination (CN=6)</text> <!-- Right Panel: Crystal Systems --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="165" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#e879f9">III. CRYSTAL SYSTEMS</text> <!-- Grid of Systems --> <!-- Cubic --> <rect x="625" y="190" width="30" height="30" fill="none" stroke="#f8fafc" stroke-width="1.5"/> <text x="670" y="202" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Cubic</text> <text x="670" y="215" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">a=b=c | 90°</text> <!-- Hexagonal --> <polygon points="640,250 655,258 655,275 640,283 625,275 625,258" fill="none" stroke="#f8fafc" stroke-width="1.5"/> <text x="670" y="262" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Hexagonal</text> <text x="670" y="275" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">a1=a2=a3≠c | 120°</text> <!-- Tetragonal --> <rect x="625" y="310" width="30" height="45" fill="none" stroke="#f8fafc" stroke-width="1.5"/> <text x="670" y="325" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Tetragonal</text> <text x="670" y="338" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">a=b≠c | 90°</text> <!-- Orthorhombic --> <rect x="625" y="380" width="40" height="25" fill="none" stroke="#f8fafc" stroke-width="1.5"/> <text x="680" y="392" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Orthorhombic</text> <text x="680" y="405" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">a≠b≠c | 90°</text> <!-- Monoclinic --> <polygon points="625,455 660,455 670,435 635,435" fill="none" stroke="#f8fafc" stroke-width="1.5"/> <text x="680" y="442" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Monoclinic</text> <text x="680" y="455" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">a≠b≠c | β≠90°</text> <!-- Bottom Process Bar --> <rect x="320" y="390" width="260" height="130" rx="16" fill="#38bdf815" stroke="#38bdf830"/> <text x="450" y="415" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#38bdf8">STRUCTURAL HIERARCHY</text> <g transform="translate(345, 440)"> <circle cx="0" cy="0" r="5" fill="#f8fafc"/> <text x="0" y="20" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">ATOM</text> <line x1="10" y1="0" x2="40" y2="0" stroke="#f8fafc" stroke-width="1"/> <circle cx="55" cy="0" r="8" fill="none" stroke="#f8fafc"/> <circle cx="55" cy="0" r="2" fill="#f8fafc"/> <text x="55" y="20" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">UNIT CELL</text> <line x1="70" y1="0" x2="100" y2="0" stroke="#f8fafc" stroke-width="1"/> <rect x="110" y="-8" width="16" height="16" fill="none" stroke="#f8fafc"/> <text x="118" y="20" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">LATTICE</text> <line x1="135" y1="0" x2="165" y2="0" stroke="#f8fafc" stroke-width="1"/> <path d="M 175,-10 L 195,-10 L 200,0 L 195,10 L 175,10 Z" fill="#f59e0b"/> <text x="188" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">MINERAL</text> </g> <!-- Decorative corner elements --> <path d="M 20 20 L 60 20 M 20 20 L 20 60" stroke="#38bdf8" stroke-width="2" fill="none" opacity="0.5"/> <path d="M 880 540 L 840 540 M 880 540 L 880 500" stroke="#e879f9" stroke-width="2" fill="none" opacity="0.5"/> </svg>Minerals: The Building Blocks of Earth image 1Minerals: The Building Blocks of Earth - Geology - image 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/minerals-and-gemology/svg/1Minerals: The Building Blocks of Earth diagram 1Minerals: The Building Blocks of Earth - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/minerals-and-gemology/svg/2Minerals: The Building Blocks of Earth diagram 2Minerals: The Building Blocks of Earth - Geology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="magmaGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#ef4444"/> </linearGradient> <linearGradient id="spectrumGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#fecaca"/> <!-- Felsic --> <stop offset="33%" stop-color="#94a3b8"/> <!-- Intermediate --> <stop offset="66%" stop-color="#475569"/> <!-- Mafic --> <stop offset="100%" stop-color="#0f172a"/> <!-- Ultramafic --> </linearGradient> <pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <path d="M 50 0 L 50 560 M 850 0 L 850 560" stroke="#ffffff05" stroke-width="1"/> <path d="M 0 80 L 900 80" stroke="#ffffff10" stroke-width="2"/> <!-- Header Section --> <text x="450" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">IGNEOUS PROCESSES &amp; VOLCANISM</text> <text x="450" y="68" text-anchor="middle" font-family="Arial, sans-serif" font-size="13" fill="#38bdf8" letter-spacing="3" font-weight="bold">THE THERMAL ENGINE OF CRUSTAL EVOLUTION</text> <!-- LEFT CARD: Magma Components --> <rect x="40" y="105" width="260" height="180" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="60" y="135" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">01. MAGMA ANATOMY</text> <text x="60" y="155" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">The parent material of all igneous rocks.</text> <circle cx="75" cy="185" r="12" fill="#ef4444" fill-opacity="0.8"/> <text x="95" y="182" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">MELT</text> <text x="95" y="195" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Mobile ions (Si, O, Al, Mg)</text> <rect x="63" y="210" width="24" height="24" rx="4" fill="#e879f9" fill-opacity="0.8"/> <text x="95" y="220" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">SOLIDS</text> <text x="95" y="233" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Crystallized silicate minerals</text> <path d="M 75 245 Q 85 255 75 265 Q 65 255 75 245" fill="#38bdf8" fill-opacity="0.8"/> <text x="95" y="255" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">VOLATILES</text> <text x="95" y="268" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Dissolved gases (H₂O, CO₂, SO₂)</text> <!-- CENTER CARD: Melting Triggers --> <rect x="320" y="105" width="260" height="180" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="340" y="135" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">02. MELTING TRIGGERS</text> <!-- Icon: Decompression --> <path d="M 340 170 L 360 150 L 380 170" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="390" y="165" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">DECOMPRESSION</text> <text x="390" y="178" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Pressure drop (Mid-ocean ridges)</text> <!-- Icon: Flux --> <circle cx="360" cy="205" r="8" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M 360 197 L 360 213 M 352 205 L 368 205" stroke="#38bdf8" stroke-width="2"/> <text x="390" y="205" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">FLUX MELTING</text> <text x="390" y="218" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Volatile addition (Subduction)</text> <!-- Icon: Heat --> <circle cx="360" cy="245" r="10" fill="url(#magmaGrad)"/> <text x="390" y="245" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">HEAT TRANSFER</text> <text x="390" y="258" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Rising plumes (Hotspots)</text> <!-- RIGHT CARD: Petrology --> <rect x="600" y="105" width="260" height="180" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="620" y="135" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">03. PETROLOGY</text> <rect x="620" y="155" width="100" height="40" rx="8" fill="#ffffff05" stroke="#ffffff20"/> <text x="670" y="175" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">INTRUSIVE</text> <text x="670" y="188" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Slow Cooling / Large Crystals</text> <rect x="730" y="155" width="100" height="40" rx="8" fill="#ffffff05" stroke="#ffffff20"/> <text x="780" y="175" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">EXTRUSIVE</text> <text x="780" y="188" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Fast Cooling / Fine Grained</text> <text x="620" y="220" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#e879f9">TEXTURES:</text> <text x="620" y="240" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">• Phaneritic (Visible)</text> <text x="620" y="255" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">• Aphanitic (Microscopic)</text> <text x="740" y="240" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">• Porphyritic</text> <text x="740" y="255" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">• Vitreous</text> <!-- BOTTOM CARD: Compositional Spectrum --> <rect x="40" y="305" width="820" height="220" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="60" y="335" font-family="Arial, sans-serif" font-weight="bold" font-size="20" fill="#f59e0b">THE COMPOSITIONAL SPECTRUM</text> <!-- Spectrum Bar --> <rect x="60" y="360" width="780" height="40" rx="20" fill="url(#spectrumGrad)"/> <!-- Spectrum Labels --> <g font-family="Arial, sans-serif" font-weight="bold" font-size="14"> <text x="157" y="420" text-anchor="middle" fill="#fecaca">FELSIC</text> <text x="352" y="420" text-anchor="middle" fill="#94a3b8">INTERMEDIATE</text> <text x="547" y="420" text-anchor="middle" fill="#64748b">MAFIC</text> <text x="742" y="420" text-anchor="middle" fill="#475569">ULTRAMAFIC</text> </g> <!-- Data Table Overlay --> <g font-family="Arial, sans-serif" font-size="11" fill="#f8fafc"> <text x="60" y="450" fill="#94a3b8" font-weight="bold">SILICA (SiO₂)</text> <text x="157" y="450" text-anchor="middle">&gt; 65%</text> <text x="352" y="450" text-anchor="middle">55 – 65%</text> <text x="547" y="450" text-anchor="middle">45 – 55%</text> <text x="742" y="450" text-anchor="middle">&lt; 45%</text> <text x="60" y="475" fill="#94a3b8" font-weight="bold">TEMP (°C)</text> <text x="157" y="475" text-anchor="middle">600 – 800</text> <text x="352" y="475" text-anchor="middle">800 – 1000</text> <text x="547" y="475" text-anchor="middle">1000 – 1200</text> <text x="742" y="475" text-anchor="middle">&gt; 1200</text> <text x="60" y="500" fill="#94a3b8" font-weight="bold">ROCK TYPE</text> <text x="157" y="500" text-anchor="middle">Rhyolite / Granite</text> <text x="352" y="500" text-anchor="middle">Andesite / Diorite</text> <text x="547" y="500" text-anchor="middle">Basalt / Gabbro</text> <text x="742" y="500" text-anchor="middle">Komatiite / Peridotite</text> </g> <!-- Bowen's Reaction Series Indicator --> <path d="M 60 535 L 840 535" stroke="#ffffff20" stroke-width="1" stroke-dasharray="4"/> <text x="450" y="550" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" letter-spacing="1">BOWEN'S REACTION SERIES: CRYSTALLIZATION SEQUENCE FROM RIGHT (HIGH T) TO LEFT (LOW T)</text> <!-- Decorative Accents --> <circle cx="860" cy="40" r="20" fill="#f59e0b" fill-opacity="0.1"/> <circle cx="860" cy="40" r="10" fill="#f59e0b" fill-opacity="0.2"/> <path d="M 30 30 L 50 30 M 40 20 L 40 40" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> </svg>Igneous Processes and Volcanism image 1Igneous Processes and Volcanism - Geology - image 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/igneous-rocks-and-volcanism/svg/1Igneous Processes and Volcanism diagram 1Igneous Processes and Volcanism - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/igneous-rocks-and-volcanism/svg/2Igneous Processes and Volcanism diagram 2Igneous Processes and Volcanism - Geology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Definitions for Gradients and Styles --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <linearGradient id="soilGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#4ade80" stop-opacity="0.2"/> <stop offset="100%" stop-color="#f59e0b" stop-opacity="0.1"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="bold" fill="#f8fafc" letter-spacing="1">THE EARTH'S SURFACE ARCHIVE</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">Weathering, Pedogenesis, and the Sedimentary Cycle</text> <rect x="350" y="85" width="200" height="2" fill="url(#accentGrad)" rx="1"/> <!-- Left Column: Weathering Engines --> <rect x="30" y="110" width="260" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="45" y="140" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">1. WEATHERING ENGINES</text> <!-- Mechanical Sub-section --> <g transform="translate(45, 160)"> <rect width="230" height="75" rx="8" fill="#ffffff05"/> <text x="10" y="20" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f59e0b">MECHANICAL (Physical)</text> <text x="10" y="38" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Frost Wedging (Ice expansion)</text> <text x="10" y="53" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Exfoliation (Pressure release)</text> <text x="10" y="68" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Thermal Expansion (Arid heat)</text> <!-- Icon: Cracked Rock --> <path d="M180 20 L210 20 L220 50 L170 50 Z" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <path d="M195 20 L190 35 L200 50" fill="none" stroke="#f59e0b" stroke-width="1.5"/> </g> <!-- Chemical Sub-section --> <g transform="translate(45, 245)"> <rect width="230" height="75" rx="8" fill="#ffffff05"/> <text x="10" y="20" font-family="sans-serif" font-size="13" font-weight="bold" fill="#e879f9">CHEMICAL (Decomposition)</text> <text x="10" y="38" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Oxidation (Rusting / Fe2O3)</text> <text x="10" y="53" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Hydrolysis (Silicate to Clay)</text> <text x="10" y="68" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Carbonation (Acid dissolution)</text> <!-- Icon: Beaker --> <path d="M190 25 L190 55 A5 5 0 0 0 200 55 L200 25" fill="none" stroke="#e879f9" stroke-width="1.5"/> <circle cx="195" cy="45" r="2" fill="#e879f9"/> <circle cx="192" cy="38" r="1.5" fill="#e879f9"/> </g> <!-- Surface Area Logic --> <g transform="translate(45, 330)"> <text x="0" y="20" font-family="sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">SURFACE AREA EFFECT</text> <rect x="0" y="30" width="30" height="30" fill="#38bdf833" stroke="#38bdf8"/> <text x="40" y="48" font-family="sans-serif" font-size="18" fill="#f8fafc">→</text> <g transform="translate(70, 30)"> <rect x="0" y="0" width="14" height="14" fill="#38bdf833" stroke="#38bdf8"/> <rect x="16" y="0" width="14" height="14" fill="#38bdf833" stroke="#38bdf8"/> <rect x="0" y="16" width="14" height="14" fill="#38bdf833" stroke="#38bdf8"/> <rect x="16" y="16" width="14" height="14" fill="#38bdf833" stroke="#38bdf8"/> </g> <text x="110" y="48" font-family="sans-serif" font-size="10" fill="#94a3b8">Fragmentation increases reaction sites</text> </g> <!-- Middle Column: Goldich Dissolution Series --> <rect x="310" y="110" width="280" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="325" y="140" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">2. GOLDICH SERIES</text> <text x="325" y="160" font-family="sans-serif" font-size="11" fill="#94a3b8">Mineral Stability at Surface Conditions</text> <!-- Stability Scale --> <g transform="translate(340, 180)"> <defs> <linearGradient id="stabilityGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#fb7185"/> <stop offset="100%" stop-color="#38bdf8"/> </linearGradient> </defs> <rect x="0" y="0" width="12" height="220" rx="6" fill="url(#stabilityGrad)"/> <!-- Labels --> <g font-family="sans-serif" font-size="11" font-weight="bold"> <text x="25" y="15" fill="#fb7185">OLIVINE (Least Stable)</text> <text x="25" y="55" fill="#f8fafc">Pyroxene</text> <text x="25" y="95" fill="#f8fafc">Amphibole</text> <text x="25" y="135" fill="#f8fafc">Biotite / Feldspar</text> <text x="25" y="175" fill="#f8fafc">Muscovite</text> <text x="25" y="215" fill="#38bdf8">QUARTZ (Most Stable)</text> </g> <!-- Arrow heads --> <path d="M-5 10 L6 -5 L17 10" fill="none" stroke="#fb7185" stroke-width="2"/> <path d="M-5 210 L6 225 L17 210" fill="none" stroke="#38bdf8" stroke-width="2"/> </g> <!-- Right Column: Pedogenesis (Soil) --> <rect x="610" y="110" width="260" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="625" y="140" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">3. SOIL HORIZONS</text> <!-- Soil Profile --> <g transform="translate(625, 160)"> <!-- O --> <rect x="0" y="0" width="60" height="15" fill="#1a2e05" stroke="#ffffff20"/> <text x="70" y="12" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">O: Organic</text> <!-- A --> <rect x="0" y="15" width="60" height="30" fill="#422006" stroke="#ffffff20"/> <text x="70" y="35" font-family="sans-serif" font-size="12" fill="#cbd5e1">A: Topsoil</text> <!-- E --> <rect x="0" y="45" width="60" height="25" fill="#94a3b8" stroke="#ffffff20"/> <text x="70" y="62" font-family="sans-serif" font-size="12" fill="#cbd5e1">E: Eluviated</text> <!-- B --> <rect x="0" y="70" width="60" height="45" fill="#92400e" stroke="#ffffff20"/> <text x="70" y="97" font-family="sans-serif" font-size="12" fill="#cbd5e1">B: Subsoil</text> <!-- C --> <rect x="0" y="115" width="60" height="40" fill="#78350f" stroke="#ffffff20" fill-opacity="0.6"/> <text x="70" y="140" font-family="sans-serif" font-size="12" fill="#cbd5e1">C: Regolith</text> <!-- R --> <rect x="0" y="155" width="60" height="40" fill="#334155" stroke="#ffffff20"/> <text x="70" y="180" font-family="sans-serif" font-size="12" fill="#cbd5e1">R: Bedrock</text> <!-- Grass on top --> <path d="M2 0 L5 -8 M10 0 L12 -6 M20 0 L18 -10 M30 0 L32 -7 M45 0 L43 -9 M55 0 L58 -6" stroke="#4ade80" stroke-width="1.5"/> </g> <!-- CLORPT Equation --> <g transform="translate(625, 375)"> <text x="0" y="0" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f59e0b">CLORPT EQUATION</text> <text x="0" y="25" font-family="sans-serif" font-size="16" fill="#f8fafc">S = f(Cl, O, R, P, T)</text> <text x="0" y="45" font-family="sans-serif" font-size="10" fill="#94a3b8">Climate, Organisms, Relief, Parent, Time</text> </g> <!-- Footer / Process Flow --> <rect x="30" y="450" width="840" height="80" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <g transform="translate(60, 495)"> <circle cx="0" cy="0" r="15" fill="#38bdf8"/> <text x="0" y="5" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a">1</text> <text x="25" y="5" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">WEATHERING</text> <line x1="130" y1="0" x2="180" y2="0" stroke="#94a3b8" stroke-dasharray="4"/> <circle cx="210" cy="0" r="15" fill="#38bdf8"/> <text x="210" y="5" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a">2</text> <text x="235" y="5" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">EROSION</text> <line x1="310" y1="0" x2="360" y2="0" stroke="#94a3b8" stroke-dasharray="4"/> <circle cx="390" cy="0" r="15" fill="#38bdf8"/> <text x="390" y="5" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a">3</text> <text x="415" y="5" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">TRANSPORT</text> <line x1="510" y1="0" x2="560" y2="0" stroke="#94a3b8" stroke-dasharray="4"/> <circle cx="590" cy="0" r="15" fill="#38bdf8"/> <text x="590" y="5" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a">4</text> <text x="615" y="5" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">DEPOSITION</text> <line x1="710" y1="0" x2="740" y2="0" stroke="#94a3b8" stroke-dasharray="4"/> <text x="755" y="5" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9">LITHIFICATION</text> </g> <!-- Decorative corner elements --> <path d="M880 20 L880 50 M850 20 L880 20" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M20 540 L20 510 M20 540 L50 540" fill="none" stroke="#38bdf8" stroke-width="2"/> </svg>Weathering, Sediments, and Sedimentary Rocks image 1Weathering, Sediments, and Sedimentary Rocks - Geology - image 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/weathering-and-sedimentary-rocks/svg/1Weathering, Sediments, and Sedimentary Rocks diagram 1Weathering, Sediments, and Sedimentary Rocks - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/weathering-and-sedimentary-rocks/svg/2Weathering, Sediments, and Sedimentary Rocks diagram 2Weathering, Sediments, and Sedimentary Rocks - Geology - diagram 2https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/weathering-and-sedimentary-rocks/svg/3Weathering, Sediments, and Sedimentary Rocks diagram 3Weathering, Sediments, and Sedimentary Rocks - Geology - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:#0f172a;stop-opacity:1" /> <stop offset="100%" style="stop-color:#1e1b4b;stop-opacity:1" /> </linearGradient> <linearGradient id="card-grad" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#ffffff15;stop-opacity:1" /> <stop offset="100%" style="stop-color:#ffffff05;stop-opacity:1" /> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)" /> <rect width="900" height="560" fill="url(#grid)" /> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">METAMORPHISM &amp; THE ROCK CYCLE</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="2">A THERMODYNAMIC NETWORK OF CRUSTAL TRANSFORMATION</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2" /> <!-- Main Central Network --> <!-- Igneous Node --> <rect x="360" y="120" width="180" height="70" rx="12" fill="url(#card-grad)" stroke="#f43f5e" stroke-width="2" /> <text x="450" y="150" text-anchor="middle" fill="#f43f5e" font-family="sans-serif" font-weight="700" font-size="18">IGNEOUS</text> <text x="450" y="170" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11">Crystallized Magma</text> <!-- Sedimentary Node --> <rect x="120" y="320" width="180" height="70" rx="12" fill="url(#card-grad)" stroke="#fbbf24" stroke-width="2" /> <text x="210" y="350" text-anchor="middle" fill="#fbbf24" font-family="sans-serif" font-weight="700" font-size="18">SEDIMENTARY</text> <text x="210" y="370" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11">Lithified Sediments</text> <!-- Metamorphic Node --> <rect x="600" y="320" width="180" height="70" rx="12" fill="url(#card-grad)" stroke="#a855f7" stroke-width="2" filter="url(#glow)" /> <text x="690" y="350" text-anchor="middle" fill="#a855f7" font-family="sans-serif" font-weight="700" font-size="18">METAMORPHIC</text> <text x="690" y="370" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11">Recrystallized Solid State</text> <!-- Transition Paths (Arrows) --> <path d="M 450 190 Q 450 355 600 355" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="5,5" marker-end="url(#arrow)" /> <path d="M 300 355 L 600 355" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="5,5" /> <path d="M 210 320 Q 210 155 360 155" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="5,5" /> <!-- Labels on Paths --> <rect x="410" y="250" width="80" height="20" rx="10" fill="#0f172a" /> <text x="450" y="264" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">HEAT + PRESSURE</text> <rect x="360" y="345" width="80" height="20" rx="10" fill="#0f172a" /> <text x="400" y="359" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">BURIAL</text> <!-- Left Sidebar: Drivers --> <rect x="30" y="120" width="220" height="160" rx="16" fill="#ffffff10" /> <text x="45" y="145" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="16">DRIVERS OF CHANGE</text> <!-- Driver 1: Heat --> <circle cx="55" cy="175" r="8" fill="#f43f5e" /> <text x="75" y="179" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Temperature (T)</text> <text x="75" y="192" fill="#94a3b8" font-family="sans-serif" font-size="10">Activation energy for reactions.</text> <!-- Driver 2: Pressure --> <rect x="47" y="210" width="16" height="16" rx="2" fill="#38bdf8" /> <text x="75" y="222" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Pressure (P)</text> <text x="75" y="235" fill="#94a3b8" font-family="sans-serif" font-size="10">Lithostatic &amp; Differential stress.</text> <!-- Driver 3: Fluids --> <path d="M 55 250 Q 63 265 55 265 Q 47 265 55 250" fill="#10b981" /> <text x="75" y="262" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Fluids (X)</text> <text x="75" y="275" fill="#94a3b8" font-family="sans-serif" font-size="10">Catalysts for ion migration.</text> <!-- Right Sidebar: The Rule --> <rect x="650" y="120" width="220" height="160" rx="16" fill="#ffffff10" /> <text x="665" y="145" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="16">THE SOLID STATE RULE</text> <text x="665" y="170" fill="#f8fafc" font-family="sans-serif" font-size="12" font-style="italic">"Metamorphism does not"</text> <text x="665" y="185" fill="#f8fafc" font-family="sans-serif" font-size="12" font-style="italic">"involve melting."</text> <line x1="665" y1="205" x2="850" y2="205" stroke="#ffffff20" stroke-width="1" /> <text x="665" y="225" fill="#94a3b8" font-family="sans-serif" font-size="11">If melting occurs → Anatexis</text> <text x="665" y="240" fill="#94a3b8" font-family="sans-serif" font-size="11">Result → Igneous Realm</text> <text x="665" y="265" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">P = ρ · g · h</text> <!-- Bottom Quote Panel --> <rect x="150" y="450" width="600" height="70" rx="35" fill="#ffffff08" stroke="#38bdf8" stroke-width="1" stroke-opacity="0.3" /> <text x="450" y="480" text-anchor="middle" fill="#f8fafc" font-family="serif" font-style="italic" font-size="15">"The Earth is a heat engine, and the rock cycle is the physical manifestation"</text> <text x="450" y="500" text-anchor="middle" fill="#f8fafc" font-family="serif" font-style="italic" font-size="15">"of the planet's attempt to reach thermodynamic equilibrium."</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="#f59e0b" fill-opacity="0.1" /> <circle cx="850" cy="50" r="15" fill="#f59e0b" fill-opacity="0.2" /> <circle cx="50" cy="510" r="20" fill="#38bdf8" fill-opacity="0.1" /> <!-- Markov Chain Dots (Subtle) --> <g opacity="0.4"> <circle cx="450" cy="220" r="3" fill="#f8fafc" /> <circle cx="470" cy="230" r="3" fill="#f8fafc" /> <circle cx="430" cy="230" r="3" fill="#f8fafc" /> <path d="M 430 230 L 450 220 L 470 230" stroke="#f8fafc" stroke-width="0.5" fill="none" /> </g> </svg>Metamorphism and the Rock Cycle image 1Metamorphism and the Rock Cycle - Geology - image 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/metamorphism-and-rock-cycle/svg/1Metamorphism and the Rock Cycle diagram 1Metamorphism and the Rock Cycle - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/metamorphism-and-rock-cycle/svg/2Metamorphism and the Rock Cycle diagram 2Metamorphism and the Rock Cycle - Geology - diagram 2https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/geologic-time-and-history/svg/1Measuring Geologic Time and Earth History diagram 1Measuring Geologic Time and Earth History - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/geologic-time-and-history/svg/2Measuring Geologic Time and Earth History diagram 2Measuring Geologic Time and Earth History - Geology - diagram 2https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/geologic-time-and-history/svg/3Measuring Geologic Time and Earth History diagram 3Measuring Geologic Time and Earth History - Geology - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="coreGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#fbbf24"/> <stop offset="100%" stop-color="#f59e0b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <line x1="0" y1="100" x2="900" y2="100"/> <line x1="0" y1="200" x2="900" y2="200"/> <line x1="0" y1="300" x2="900" y2="300"/> <line x1="0" y1="400" x2="900" y2="400"/> <line x1="0" y1="500" x2="900" y2="500"/> <line x1="100" y1="0" x2="100" y2="560"/> <line x1="300" y1="0" x2="300" y2="560"/> <line x1="500" y1="0" x2="500" y2="560"/> <line x1="700" y1="0" x2="700" y2="560"/> </g> <!-- Header --> <text x="40" y="55" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="-1">EARTH'S INTERIOR &amp; TECTONICS</text> <text x="40" y="80" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" text-transform="uppercase" letter-spacing="2">The Grand Unified Theory of Geology</text> <rect x="40" y="95" width="820" height="2" fill="#38bdf8" fill-opacity="0.3"/> <!-- Main Earth Slice Panel --> <rect x="40" y="120" width="440" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="150" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">I. STRATIFIED STRUCTURE</text> <!-- Earth Slice Illustration --> <g transform="translate(420, 340)"> <!-- Inner Core --> <circle r="40" fill="url(#coreGrad)" filter="url(#glow)"/> <!-- Outer Core --> <path d="M -80 0 A 80 80 0 0 1 80 0" fill="none" stroke="#f97316" stroke-width="30" stroke-opacity="0.6"/> <!-- Mantle --> <path d="M -150 0 A 150 150 0 0 1 150 0" fill="none" stroke="#ea580c" stroke-width="80" stroke-opacity="0.4"/> <!-- Crust --> <path d="M -195 0 A 195 195 0 0 1 195 0" fill="none" stroke="#38bdf8" stroke-width="8"/> <!-- Labels for Slice --> <g font-family="sans-serif" font-size="11" font-weight="600"> <text x="0" y="5" text-anchor="middle" fill="#0f172a">INNER CORE</text> <text x="0" y="-65" text-anchor="middle" fill="#f8fafc">OUTER CORE (LIQUID)</text> <text x="0" y="-130" text-anchor="middle" fill="#f8fafc">MANTLE (SOLID/DUCTILE)</text> <text x="0" y="-205" text-anchor="middle" fill="#38bdf8">LITHOSPHERE (RIGID)</text> </g> </g> <!-- Compositional vs Rheological Legend --> <g transform="translate(60, 410)" font-family="sans-serif"> <text y="0" font-size="13" font-weight="700" fill="#f8fafc">COMPOSITIONAL</text> <text y="18" font-size="11" fill="#94a3b8">Crust (Silicates) • Mantle (Peridotite) • Core (Fe-Ni)</text> <text y="50" font-size="13" font-weight="700" fill="#f8fafc">RHEOLOGICAL</text> <text y="68" font-size="11" fill="#94a3b8">Lithosphere (Brittle) • Asthenosphere (Plastic)</text> </g> <!-- Isostasy Panel --> <rect x="500" y="120" width="360" height="190" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="520" y="150" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">II. ISOSTASY</text> <!-- Isostasy Diagram --> <g transform="translate(520, 170)"> <rect x="0" y="60" width="320" height="40" fill="#ea580c" fill-opacity="0.2"/> <!-- Mantle --> <text x="5" y="90" font-family="sans-serif" font-size="10" fill="#ea580c">ASTHENOSPHERE (DENSE)</text> <!-- Oceanic Crust --> <rect x="20" y="55" width="80" height="10" fill="#38bdf8" rx="2"/> <text x="20" y="50" font-family="sans-serif" font-size="10" fill="#38bdf8">OCEANIC</text> <!-- Continental Crust + Root --> <path d="M 140 60 L 280 60 L 280 100 L 210 115 L 140 100 Z" fill="#94a3b8" fill-opacity="0.8"/> <rect x="140" y="30" width="140" height="30" fill="#94a3b8"/> <text x="145" y="25" font-family="sans-serif" font-size="10" fill="#f8fafc">CONTINENTAL (MTN)</text> <path d="M 210 65 L 210 110" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2,2"/> <text x="215" y="95" font-family="sans-serif" font-size="10" fill="#f59e0b">ROOT (r)</text> </g> <!-- Convection Panel --> <rect x="500" y="330" width="360" height="190" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="520" y="360" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">III. THE ENGINE</text> <!-- Convection Diagram --> <g transform="translate(680, 440)"> <!-- Heat Source --> <circle r="15" fill="#f97316" filter="url(#glow)"/> <text x="0" y="5" text-anchor="middle" font-family="sans-serif" font-size="8" font-weight="bold" fill="#f8fafc">HEAT</text> <!-- Convection Loops --> <g fill="none" stroke-width="3" stroke-linecap="round"> <!-- Left Loop --> <path d="M -25 -10 Q -60 -60 -100 -10 Q -60 40 -25 10" stroke="#f97316" stroke-opacity="0.6"> <animate attributeName="stroke-dashoffset" from="100" to="0" dur="3s" repeatCount="indefinite" /> </path> <!-- Right Loop --> <path d="M 25 -10 Q 60 -60 100 -10 Q 60 40 25 10" stroke="#f97316" stroke-opacity="0.6"/> </g> <text x="0" y="-65" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="600" fill="#f8fafc">MANTLE CONVECTION</text> <text x="0" y="-50" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Driving Plate Motion</text> <!-- Arrows --> <path d="M -80 -40 L -100 -50 L -120 -40" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="-100" y="-60" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#38bdf8">SLAB PULL</text> </g> <!-- Footer Info --> <text x="860" y="540" text-anchor="end" font-family="sans-serif" font-size="10" fill="#475569">GEOLOGY SERIES • VOL 01 • PLATE TECTONICS</text> </svg>Earth's Interior and Plate Tectonics image 1Earth's Interior and Plate Tectonics - Geology - image 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/plate-tectonics-and-interior/svg/1Earth's Interior and Plate Tectonics diagram 1Earth's Interior and Plate Tectonics - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/plate-tectonics-and-interior/svg/2Earth's Interior and Plate Tectonics diagram 2Earth's Interior and Plate Tectonics - Geology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-1">EARTHQUAKES &amp; GEOLOGICAL STRUCTURES</text> <text x="40" y="85" font-family="sans-serif" font-size="16" fill="#94a3b8" font-weight="400">The Mechanics of Crustal Deformation and Seismic Failure</text> <rect x="40" y="105" width="120" height="4" rx="2" fill="url(#accentGrad)"/> <!-- Left Column: The Physics of Failure --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">MECHANICS</text> <!-- Stress/Strain --> <g transform="translate(60, 190)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="11" y="21" font-family="serif" font-style="italic" font-size="16" fill="#38bdf8">σ</text> <text x="45" y="12" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Stress</text> <text x="45" y="28" font-family="sans-serif" font-size="11" fill="#94a3b8">Force applied per unit area.</text> </g> <g transform="translate(60, 240)"> <circle cx="15" cy="15" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <text x="11" y="21" font-family="serif" font-style="italic" font-size="16" fill="#e879f9">ε</text> <text x="45" y="12" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Strain</text> <text x="45" y="28" font-family="sans-serif" font-size="11" fill="#94a3b8">Resulting physical change.</text> </g> <!-- Mohr's Circle Mini-Graphic --> <g transform="translate(60, 310)"> <path d="M 0 60 L 180 60 M 20 0 L 20 70" stroke="#94a3b8" stroke-width="1"/> <circle cx="90" cy="60" r="30" fill="none" stroke="#38bdf8" stroke-width="2"/> <line x1="20" y1="50" x2="180" y2="10" stroke="#f43f5e" stroke-dasharray="4"/> <text x="125" y="15" font-family="sans-serif" font-size="9" fill="#f43f5e">FAILURE ENVELOPE</text> <text x="10" y="85" font-family="sans-serif" font-size="10" fill="#94a3b8" font-weight="600">MOHR-COULOMB CRITERION</text> </g> <!-- Middle Section: Deformation Stages --> <text x="330" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">DEFORMATION STAGES</text> <g transform="translate(330, 175)"> <!-- Stage 1 --> <rect width="530" height="60" rx="12" fill="#ffffff08"/> <circle cx="30" cy="30" r="15" fill="#10b981" /> <text x="26" y="35" font-family="sans-serif" font-weight="bold" font-size="14" fill="#fff">1</text> <text x="60" y="25" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Elastic Deformation</text> <text x="60" y="42" font-family="sans-serif" font-size="12" fill="#94a3b8">Temporary bending. Stores energy like a spring. Reversible.</text> <!-- Stage 2 --> <rect y="75" width="530" height="60" rx="12" fill="#ffffff08"/> <circle cx="30" cy="105" r="15" fill="#f59e0b" /> <text x="26" y="110" font-family="sans-serif" font-weight="bold" font-size="14" fill="#fff">2</text> <text x="60" y="100" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Ductile (Plastic) Flow</text> <text x="60" y="117" font-family="sans-serif" font-size="12" fill="#94a3b8">Permanent bending. Occurs at depth (high T/P). Forms Folds.</text> <!-- Stage 3 --> <rect y="150" width="530" height="60" rx="12" fill="#ffffff08"/> <circle cx="30" cy="180" r="15" fill="#f43f5e" /> <text x="26" y="185" font-family="sans-serif" font-weight="bold" font-size="14" fill="#fff">3</text> <text x="60" y="175" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Brittle Failure</text> <text x="60" y="192" font-family="sans-serif" font-size="12" fill="#94a3b8">Fracturing and displacement. Occurs near surface. Forms Faults.</text> </g> <!-- Bottom Section: Tectonic Regimes --> <g transform="translate(330, 410)"> <text y="-10" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">TECTONIC ENVIRONMENTS</text> <!-- Compression --> <g transform="translate(0, 10)"> <rect width="165" height="100" rx="12" fill="#f59e0b15" stroke="#f59e0b40"/> <text x="15" y="25" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f59e0b">COMPRESSION</text> <path d="M 40 55 L 20 55 M 30 45 L 40 55 L 30 65" stroke="#f59e0b" fill="none" stroke-width="2"/> <path d="M 125 55 L 145 55 M 135 45 L 125 55 L 135 65" stroke="#f59e0b" fill="none" stroke-width="2"/> <text x="15" y="75" font-family="sans-serif" font-size="11" fill="#f8fafc">Convergent Boundary</text> <text x="15" y="88" font-family="sans-serif" font-size="11" fill="#94a3b8" font-weight="600">Folds / Reverse Faults</text> </g> <!-- Tension --> <g transform="translate(182, 10)"> <rect width="165" height="100" rx="12" fill="#38bdf815" stroke="#38bdf840"/> <text x="15" y="25" font-family="sans-serif" font-weight="bold" font-size="13" fill="#38bdf8">TENSION</text> <path d="M 20 55 L 40 55 M 30 45 L 20 55 L 30 65" stroke="#38bdf8" fill="none" stroke-width="2"/> <path d="M 145 55 L 125 55 M 135 45 L 145 55 L 135 65" stroke="#38bdf8" fill="none" stroke-width="2"/> <text x="15" y="75" font-family="sans-serif" font-size="11" fill="#f8fafc">Divergent Boundary</text> <text x="15" y="88" font-family="sans-serif" font-size="11" fill="#94a3b8" font-weight="600">Normal Faults</text> </g> <!-- Shear --> <g transform="translate(365, 10)"> <rect width="165" height="100" rx="12" fill="#e879f915" stroke="#e879f940"/> <text x="15" y="25" font-family="sans-serif" font-weight="bold" font-size="13" fill="#e879f9">SHEAR</text> <path d="M 40 45 L 125 45 M 115 35 L 125 45 L 115 55" stroke="#e879f9" fill="none" stroke-width="2"/> <path d="M 125 65 L 40 65 M 50 55 L 40 65 L 50 75" stroke="#e879f9" fill="none" stroke-width="2"/> <text x="15" y="75" font-family="sans-serif" font-size="11" fill="#f8fafc">Transform Boundary</text> <text x="15" y="88" font-family="sans-serif" font-size="11" fill="#94a3b8" font-weight="600">Strike-Slip Faults</text> </g> </g> <!-- Decorative Element --> <path d="M 800 50 Q 850 100 800 150 T 800 250" fill="none" stroke="url(#accentGrad)" stroke-width="2" opacity="0.3"/> <circle cx="850" cy="480" r="60" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="850" cy="480" r="40" fill="#ffffff05" stroke="#ffffff10"/> </svg>Earthquakes and Geological Structures image 1Earthquakes and Geological Structures - Geology - image 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/earthquakes-and-structures/svg/1Earthquakes and Geological Structures diagram 1Earthquakes and Geological Structures - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/earthquakes-and-structures/svg/2Earthquakes and Geological Structures diagram 2Earthquakes and Geological Structures - Geology - diagram 2https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/earthquakes-and-structures/svg/3Earthquakes and Geological Structures diagram 3Earthquakes and Geological Structures - Geology - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="waterGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8" stop-opacity="0.8"/> <stop offset="100%" stop-color="#818cf8" stop-opacity="0.8"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">HYDROLOGY</text> <text x="245" y="50" font-family="sans-serif" font-weight="300" font-size="32" fill="#38bdf8">THE DYNAMICS OF WATER</text> <rect x="40" y="65" width="120" height="4" fill="#f59e0b" rx="2"/> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">STREAMS • FLOODS • GROUNDWATER</text> <!-- Left Panel: Surface Systems --> <rect x="40" y="110" width="400" height="280" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">SURFACE DYNAMICS</text> <!-- Stream Profile Graphic --> <path d="M 70 280 Q 150 280, 200 220 T 380 180" fill="none" stroke="#38bdf8" stroke-width="3" stroke-dasharray="4 2"/> <circle cx="75" cy="180" r="4" fill="#f59e0b"/> <text x="85" y="185" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">HEADWATERS</text> <text x="85" y="200" font-family="sans-serif" font-size="11" fill="#94a3b8">Erosional Dominance (V-Valleys)</text> <circle cx="210" cy="230" r="4" fill="#f59e0b"/> <text x="220" y="235" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">TRUNK STREAM</text> <text x="220" y="250" font-family="sans-serif" font-size="11" fill="#94a3b8">Transport Dominance (Meandering)</text> <circle cx="340" cy="280" r="4" fill="#f59e0b"/> <text x="240" y="310" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc" text-anchor="end">MOUTH / DELTA</text> <text x="240" y="325" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="end">Depositional Dominance</text> <!-- Manning's Snippet --> <rect x="60" y="340" width="360" height="35" rx="8" fill="#00000040"/> <text x="75" y="362" font-family="monospace" font-size="12" fill="#e879f9">v = (1/n) * R^(2/3) * S^(1/2)</text> <text x="310" y="362" font-family="sans-serif" font-size="10" fill="#94a3b8">MANNING'S EQUATION</text> <!-- Right Panel: Groundwater --> <rect x="460" y="110" width="400" height="280" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="480" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">THE HIDDEN RESERVOIR</text> <!-- Porosity/Permeability Visual --> <g transform="translate(480, 160)"> <!-- Porous Material --> <rect width="180" height="100" rx="8" fill="#1e293b" stroke="#38bdf820"/> <text x="10" y="-10" font-family="sans-serif" font-size="12" fill="#38bdf8">HIGH POROSITY</text> <circle cx="30" cy="30" r="12" fill="#94a3b830" stroke="#94a3b8"/> <circle cx="60" cy="30" r="12" fill="#94a3b830" stroke="#94a3b8"/> <circle cx="90" cy="30" r="12" fill="#94a3b830" stroke="#94a3b8"/> <circle cx="30" cy="70" r="12" fill="#94a3b830" stroke="#94a3b8"/> <circle cx="60" cy="70" r="12" fill="#94a3b830" stroke="#94a3b8"/> <circle cx="90" cy="70" r="12" fill="#94a3b830" stroke="#94a3b8"/> <path d="M 42 30 H 48 M 72 30 H 78 M 42 70 H 48" stroke="#f59e0b" stroke-width="2"/> <text x="115" y="55" font-family="sans-serif" font-size="10" fill="#94a3b8">Interconnected pores</text> <text x="115" y="70" font-family="sans-serif" font-size="10" fill="#94a3b8">allow fluid flow.</text> </g> <g transform="translate(480, 285)"> <text x="0" y="0" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">AQUIFER TYPES</text> <rect y="10" width="360" height="1" fill="#ffffff20"/> <text x="0" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">GRAVEL: 25-40% Porosity (Excellent)</text> <text x="0" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">SANDSTONE: 5-30% Porosity (Common)</text> <text x="0" y="70" font-family="sans-serif" font-size="11" fill="#94a3b8">CLAY: 40-70% Porosity (Aquitard - Low Permeability)</text> </g> <!-- Bottom Panel: The Water Table --> <rect x="40" y="410" width="820" height="120" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="440" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">CROSS-SECTION: THE WATER TABLE</text> <!-- Stylized Cross Section --> <path d="M 60 500 Q 200 460, 400 490 T 840 470" fill="none" stroke="#94a3b8" stroke-width="1"/> <path d="M 60 510 Q 200 475, 400 500 T 840 485" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="8 4"/> <text x="150" y="475" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">VADOSE ZONE (Unsaturated)</text> <text x="150" y="515" font-family="sans-serif" font-size="11" fill="#38bdf8" text-anchor="middle">PHREATIC ZONE (Saturated)</text> <rect x="450" y="445" width="380" height="70" rx="8" fill="#ffffff05"/> <text x="465" y="465" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">KEY FACT:</text> <text x="465" y="485" font-family="sans-serif" font-size="12" fill="#f8fafc">Groundwater represents 98% of Earth's liquid freshwater.</text> <text x="465" y="502" font-family="sans-serif" font-size="12" fill="#f8fafc">It moves through pores and fractures, not underground rivers.</text> <!-- Decorative elements --> <circle cx="850" cy="50" r="20" fill="none" stroke="#38bdf8" stroke-width="1" stroke-opacity="0.3"/> <circle cx="850" cy="50" r="12" fill="none" stroke="#f59e0b" stroke-width="1" stroke-opacity="0.3"/> <path d="M 840 50 H 860 M 850 40 V 60" stroke="#f8fafc" stroke-width="1" stroke-opacity="0.5"/> </svg>Hydrology: Streams, Floods, and Groundwater image 1Hydrology: Streams, Floods, and Groundwater - Geology - image 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/hydrology-streams-and-groundwater/svg/1Hydrology: Streams, Floods, and Groundwater diagram 1Hydrology: Streams, Floods, and Groundwater - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/hydrology-streams-and-groundwater/svg/2Hydrology: Streams, Floods, and Groundwater diagram 2Hydrology: Streams, Floods, and Groundwater - Geology - diagram 2https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/hydrology-streams-and-groundwater/svg/3Hydrology: Streams, Floods, and Groundwater diagram 3Hydrology: Streams, Floods, and Groundwater - Geology - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff1a"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="2">EARTH IN MOTION</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400">MECHANICS OF MASS WASTING &amp; GLACIATION</text> <rect x="400" y="85" width="100" height="3" fill="#f59e0b" rx="1.5"/> <!-- Left Panel: Mass Wasting --> <rect x="40" y="110" width="400" height="280" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="60" y="145" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="20">MASS WASTING</text> <text x="60" y="165" fill="#94a3b8" font-family="sans-serif" font-size="12">Gravity-driven transport of lithospheric material.</text> <!-- Slope Diagram --> <path d="M 80 340 L 320 340 L 320 200 Z" fill="#334155" stroke="#475569" stroke-width="2"/> <path d="M 120 340 L 320 220" stroke="#f59e0b" stroke-width="3" stroke-dasharray="4 2" opacity="0.6"/> <circle cx="220" cy="280" r="25" fill="#475569" stroke="#f8fafc" stroke-width="2"/> <!-- Forces --> <path d="M 220 280 L 220 320" stroke="#f8fafc" stroke-width="2" marker-end="url(#arrow)"/> <!-- Gravity --> <path d="M 220 280 L 260 255" stroke="#e879f9" stroke-width="2"/> <!-- Shear --> <text x="230" y="325" fill="#f8fafc" font-family="sans-serif" font-size="10">G</text> <text x="265" y="250" fill="#e879f9" font-family="sans-serif" font-size="10">Shear Stress</text> <!-- Right Panel: Glaciation --> <rect x="460" y="110" width="400" height="280" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="480" y="145" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="20">GLACIATION</text> <text x="480" y="165" fill="#94a3b8" font-family="sans-serif" font-size="12">Plastic flow of crystalline H₂O under pressure.</text> <!-- Glacier Diagram --> <path d="M 500 220 Q 650 200 820 340 L 500 340 Z" fill="#0ea5e9" opacity="0.3"/> <path d="M 500 220 Q 650 200 820 340" stroke="#38bdf8" stroke-width="3" fill="none"/> <!-- Flow Arrows --> <path d="M 550 250 Q 600 260 650 280" stroke="#f8fafc" stroke-width="2" fill="none" opacity="0.8"/> <path d="M 560 280 Q 610 290 660 310" stroke="#f8fafc" stroke-width="2" fill="none" opacity="0.8"/> <circle cx="750" cy="320" r="15" fill="#f8fafc20" stroke="#38bdf8" stroke-dasharray="2 1"/> <text x="710" y="355" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">PLASTIC DEFORMATION</text> <!-- Bottom Panel: Physics --> <rect x="40" y="410" width="820" height="120" rx="16" fill="#ffffff08" stroke="#ffffff10" stroke-width="1"/> <!-- Formula Section --> <text x="70" y="445" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="16">THE FACTOR OF SAFETY (Fs)</text> <rect x="70" y="460" width="280" height="50" rx="8" fill="#00000030"/> <text x="85" y="492" fill="#f8fafc" font-family="serif" font-style="italic" font-size="22">Fs = Σ Resisting / Σ Driving</text> <!-- Status Indicators --> <g transform="translate(400, 440)"> <circle cx="20" cy="20" r="12" fill="#22c55e" opacity="0.2"/> <circle cx="20" cy="20" r="5" fill="#22c55e"/> <text x="45" y="25" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Fs &gt; 1.0 : STABLE</text> <circle cx="20" cy="55" r="12" fill="#ef4444" opacity="0.2"/> <circle cx="20" cy="55" r="5" fill="#ef4444"/> <text x="45" y="60" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Fs ≤ 1.0 : FAILURE</text> </g> <!-- Parameters --> <g transform="translate(620, 435)"> <text x="0" y="15" fill="#94a3b8" font-family="sans-serif" font-size="11" font-weight="bold">KEY VARIABLES</text> <text x="0" y="35" fill="#f8fafc" font-family="sans-serif" font-size="12">• Slope Angle (α)</text> <text x="0" y="55" fill="#f8fafc" font-family="sans-serif" font-size="12">• Pore Pressure (u)</text> <text x="0" y="75" fill="#f8fafc" font-family="sans-serif" font-size="12">• Cohesion (c)</text> <text x="130" y="35" fill="#f8fafc" font-family="sans-serif" font-size="12">• Friction (φ)</text> <text x="130" y="55" fill="#f8fafc" font-family="sans-serif" font-size="12">• Vegetation</text> <text x="130" y="75" fill="#f8fafc" font-family="sans-serif" font-size="12">• Seismicity</text> </g> <!-- Markers --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#f8fafc" /> </marker> </defs> </svg>Mass Wasting and Glaciation image 1Mass Wasting and Glaciation - Geology - image 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/mass-wasting-and-glaciation/svg/1Mass Wasting and Glaciation diagram 1Mass Wasting and Glaciation - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/mass-wasting-and-glaciation/svg/2Mass Wasting and Glaciation diagram 2Mass Wasting and Glaciation - Geology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="oceanGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#38bdf8" stop-opacity="0.2"/> <stop offset="100%" stop-color="#38bdf8" stop-opacity="0.05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Subtle Grid --> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 100h900M0 200h900M0 300h900M0 400h900M0 500h900"/> <path d="M100 0v560M200 0v560M300 0v560M400 0v560M500 0v560M600 0v560M700 0v560M800 0v560"/> </g> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">GEOLOGY OF THE OCEANS</text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">A TECTONIC AND PETROLOGICAL OVERVIEW</text> <rect x="40" y="85" width="120" height="4" rx="2" fill="#38bdf8"/> <!-- Key Stat Card --> <rect x="680" y="30" width="180" height="60" rx="12" fill="#ffffff10"/> <text x="770" y="55" font-family="sans-serif" font-weight="bold" font-size="24" fill="#f59e0b" text-anchor="middle">71%</text> <text x="770" y="75" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">SURFACE SUBMERGED</text> <!-- Comparison Panels --> <!-- Active Margin --> <rect x="40" y="110" width="400" height="160" rx="16" fill="#ffffff08" stroke="#e879f933"/> <circle cx="70" cy="140" r="12" fill="#e879f9"/> <path d="M65 140l10 0M70 135l0 10" stroke="white" stroke-width="2"/> <text x="95" y="145" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">ACTIVE MARGINS</text> <text x="70" y="175" font-family="sans-serif" font-size="13" fill="#cbd5e1">• High Tectonic Activity (Subduction)</text> <text x="70" y="195" font-family="sans-serif" font-size="13" fill="#cbd5e1">• Narrow Continental Shelves</text> <text x="70" y="215" font-family="sans-serif" font-size="13" fill="#cbd5e1">• Deep-Ocean Trenches present</text> <text x="70" y="245" font-family="sans-serif" font-weight="bold" font-size="11" fill="#e879f9" letter-spacing="1">EXAMPLE: WEST COAST, SOUTH AMERICA</text> <!-- Passive Margin --> <rect x="460" y="110" width="400" height="160" rx="16" fill="#ffffff08" stroke="#38bdf833"/> <circle cx="490" cy="140" r="12" fill="#38bdf8"/> <path d="M485 140l10 0" stroke="white" stroke-width="2"/> <text x="515" y="145" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">PASSIVE MARGINS</text> <text x="490" y="175" font-family="sans-serif" font-size="13" fill="#cbd5e1">• Minimal Activity (Intraplate)</text> <text x="490" y="195" font-family="sans-serif" font-size="13" fill="#cbd5e1">• Broad Continental Shelves</text> <text x="490" y="215" font-family="sans-serif" font-size="13" fill="#cbd5e1">• Thick Sedimentary Clastic Wedges</text> <text x="490" y="245" font-family="sans-serif" font-weight="bold" font-size="11" fill="#38bdf8" letter-spacing="1">EXAMPLE: EAST COAST, USA</text> <!-- Main Illustration Area --> <rect x="40" y="290" width="820" height="240" rx="16" fill="#00000020"/> <!-- Ocean Floor Profile --> <path d="M40 350 L120 355 L180 420 L220 480 L250 470 L300 475 L450 475 L500 430 L530 460 L560 410 L600 475 L750 475 L800 530 L830 400 L860 350" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <path d="M40 350 L120 355 L180 420 L220 480 L250 470 L300 475 L450 475 L500 430 L530 460 L560 410 L600 475 L750 475 L800 530 L830 400 L860 350 V530 H40 Z" fill="url(#oceanGrad)"/> <!-- Annotations for Diagram --> <g font-family="sans-serif" font-size="11" font-weight="bold"> <!-- Passive Side --> <text x="80" y="340" fill="#94a3b8" text-anchor="middle">SHELF</text> <line x1="120" y1="355" x2="120" y2="330" stroke="#94a3b8" stroke-dasharray="2,2"/> <text x="160" y="390" fill="#94a3b8" transform="rotate(35 160 390)">SLOPE</text> <text x="230" y="505" fill="#38bdf8" text-anchor="middle">CONTINENTAL RISE</text> <path d="M230 495 l0 -15" stroke="#38bdf8" stroke-width="1"/> <!-- Abyssal Plain --> <text x="375" y="505" fill="#f8fafc" text-anchor="middle">ABYSSAL PLAIN</text> <text x="375" y="520" fill="#94a3b8" text-anchor="middle" font-weight="normal" font-size="9">PELAGIC SEDIMENT SINK</text> <!-- Mid-Ocean Ridge --> <text x="530" y="390" fill="#f59e0b" text-anchor="middle">MID-OCEAN RIDGE</text> <path d="M530 400 l0 20" stroke="#f59e0b" stroke-width="1"/> <text x="530" y="375" fill="#94a3b8" text-anchor="middle" font-weight="normal" font-size="9">SEAFLOOR SPREADING</text> <!-- Active Side --> <text x="815" y="550" fill="#e879f9" text-anchor="middle">TRENCH</text> <path d="M815 535 l0 -15" stroke="#e879f9" stroke-width="1"/> <text x="815" y="340" fill="#94a3b8" text-anchor="middle">ACTIVE MARGIN</text> </g> <!-- Depth Scale --> <g stroke="#94a3b8" stroke-width="1" opacity="0.5"> <line x1="55" y1="350" x2="65" y2="350"/> <line x1="55" y1="410" x2="65" y2="410"/> <line x1="55" y1="475" x2="65" y2="475"/> <line x1="55" y1="530" x2="65" y2="530"/> </g> <g font-family="sans-serif" font-size="9" fill="#94a3b8"> <text x="70" y="353">0m</text> <text x="70" y="413">2,000m</text> <text x="70" y="478">5,000m</text> <text x="70" y="533">11,000m</text> </g> <!-- Crust Composition Labels --> <rect x="280" y="305" width="340" height="35" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="300" y="327" font-family="sans-serif" font-size="12" fill="#f8fafc"> <tspan font-weight="bold" fill="#f59e0b">CRUST:</tspan> <tspan fill="#cbd5e1" dx="10">Continental (Granitic / Thick)</tspan> <tspan fill="#38bdf8" dx="20">Oceanic (Basaltic / Thin)</tspan> </text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="850" cy="50" r="15" fill="none" stroke="#ffffff05" stroke-width="4"/> </svg>Geology of the Oceans and Shorelines image 1Geology of the Oceans and Shorelines - Geology - image 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/oceans-and-shorelines/svg/1Geology of the Oceans and Shorelines diagram 1Geology of the Oceans and Shorelines - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/oceans-and-shorelines/svg/2Geology of the Oceans and Shorelines diagram 2Geology of the Oceans and Shorelines - Geology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Texture --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <g stroke="#ffffff0a" stroke-width="1"> <line x1="0" y1="100" x2="900" y2="100" /> <line x1="0" y1="200" x2="900" y2="200" /> <line x1="0" y1="300" x2="900" y2="300" /> <line x1="0" y1="400" x2="900" y2="400" /> <line x1="0" y1="500" x2="900" y2="500" /> </g> <!-- Header Section --> <text x="40" y="55" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.5">CLIMATE CHANGE &amp; ENVIRONMENTAL GEOLOGY</text> <text x="40" y="80" font-family="sans-serif" font-weight="400" font-size="14" fill="#94a3b8" text-transform="uppercase" letter-spacing="2">Earth System Science (ESS) &amp; Radiative Dynamics</text> <rect x="40" y="95" width="120" height="4" rx="2" fill="#f59e0b" /> <!-- Column 1: The Earth System (Spheres) --> <rect x="40" y="120" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE EARTH SYSTEM</text> <!-- Sphere: Atmosphere --> <g transform="translate(60, 170)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M8 12 Q15 8 22 12 M8 18 Q15 14 22 18" stroke="#38bdf8" fill="none" stroke-linecap="round"/> <text x="40" y="12" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Atmosphere</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Heat transport &amp; insulation</text> </g> <!-- Sphere: Hydrosphere --> <g transform="translate(60, 225)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M8 18 Q11 12 15 18 T22 18" stroke="#38bdf8" fill="none" stroke-linecap="round"/> <text x="40" y="12" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Hydrosphere</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Thermal inertia &amp; CO2 sink</text> </g> <!-- Sphere: Cryosphere --> <g transform="translate(60, 280)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M15 8 L15 22 M8 15 L22 15 M10 10 L20 20 M10 20 L20 10" stroke="#38bdf8" fill="none" stroke-linecap="round"/> <text x="40" y="12" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Cryosphere</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Albedo &amp; sea-level storage</text> </g> <!-- Sphere: Geosphere --> <g transform="translate(60, 335)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M8 22 L15 8 L22 22 Z" stroke="#38bdf8" fill="none" stroke-linecap="round"/> <text x="40" y="12" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Geosphere</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Long-term carbon storage</text> </g> <!-- Sphere: Biosphere --> <g transform="translate(60, 390)"> <circle cx="15" cy="15" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M15 22 C15 22 22 15 22 10 C22 5 15 5 15 5 C15 5 8 5 8 10 C8 15 15 22 15 22" stroke="#38bdf8" fill="none" stroke-linecap="round"/> <text x="40" y="12" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Biosphere</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Rapid carbon cycling</text> </g> <!-- Column 2: Radiative Balance (Greenhouse Effect) --> <rect x="320" y="120" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="340" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">RADIATIVE BALANCE</text> <!-- Greenhouse Diagram --> <g transform="translate(340, 180)"> <!-- Sun --> <circle cx="30" cy="30" r="15" fill="#f59e0b" filter="glow"/> <g stroke="#f59e0b" stroke-width="2"> <line x1="30" y1="5" x2="30" y2="10"/> <line x1="30" y1="50" x2="30" y2="55"/> <line x1="5" y1="30" x2="10" y2="30"/> <line x1="50" y1="30" x2="55" y2="30"/> </g> <!-- Earth Surface --> <path d="M20 180 Q110 160 200 180" stroke="#94a3b8" stroke-width="4" fill="none"/> <path d="M20 150 Q110 130 200 150" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4" fill="none" opacity="0.5"/> <text x="100" y="145" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle">Atmosphere Layer</text> <!-- Incoming Solar --> <path d="M45 45 L100 165" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrow-gold)"/> <text x="55" y="100" font-family="sans-serif" font-size="10" fill="#f59e0b" transform="rotate(65 55 100)">Shortwave (UV/Vis)</text> <!-- Outgoing Terrestrial --> <path d="M110 165 L130 145 Q150 120 130 100" stroke="#e879f9" stroke-width="3" fill="none"/> <path d="M130 145 L160 165" stroke="#e879f9" stroke-width="3" fill="none"/> <text x="140" y="90" font-family="sans-serif" font-size="10" fill="#e879f9">Longwave (IR) Trapped</text> </g> <!-- Stefan-Boltzmann Formula --> <rect x="340" y="400" width="220" height="100" rx="8" fill="#00000030"/> <text x="355" y="425" font-family="serif" font-style="italic" font-size="16" fill="#f8fafc">P = σ A T⁴</text> <text x="355" y="445" font-family="sans-serif" font-size="11" fill="#94a3b8">σ = 5.67 × 10⁻⁸ W m⁻² K⁻⁴</text> <text x="355" y="465" font-family="sans-serif" font-size="11" fill="#f8fafc">Natural GHE: +33°C</text> <text x="355" y="480" font-family="sans-serif" font-size="10" fill="#94a3b8">Keeps Earth habitable (15°C avg)</text> <!-- Column 3: Feedback & Proxies --> <rect x="600" y="120" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="620" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">FEEDBACK LOOPS</text> <!-- Positive Feedback --> <g transform="translate(620, 170)"> <rect width="220" height="70" rx="8" fill="#f43f5e15" stroke="#f43f5e" stroke-width="1"/> <text x="10" y="20" font-family="sans-serif" font-weight="700" font-size="12" fill="#f43f5e">POSITIVE (Amplifying)</text> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#f8fafc">Ice-Albedo: Temp ↑ → Ice ↓</text> <text x="10" y="55" font-family="sans-serif" font-size="11" fill="#f8fafc">→ Albedo ↓ → Absorption ↑</text> <path d="M190 20 L210 20 L210 50 L190 50" stroke="#f43f5e" fill="none" stroke-width="2"/> <path d="M190 50 L195 45 M190 50 L195 55" stroke="#f43f5e" fill="none" stroke-width="2"/> </g> <!-- Negative Feedback --> <g transform="translate(620, 255)"> <rect width="220" height="70" rx="8" fill="#10b98115" stroke="#10b981" stroke-width="1"/> <text x="10" y="20" font-family="sans-serif" font-weight="700" font-size="12" fill="#10b981">NEGATIVE (Stabilizing)</text> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#f8fafc">CO2 Greening: CO2 ↑ → Plant ↑</text> <text x="10" y="55" font-family="sans-serif" font-size="11" fill="#f8fafc">→ Photosynthesis ↑ → CO2 ↓</text> <path d="M210 20 L190 20 L190 50 L210 50" stroke="#10b981" fill="none" stroke-width="2"/> <path d="M210 50 L205 45 M210 50 L205 55" stroke="#10b981" fill="none" stroke-width="2"/> </g> <!-- Paleoclimate Proxies --> <text x="620" y="360" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">GEOLOGIC PROXIES</text> <g transform="translate(620, 380)"> <rect width="220" height="120" rx="8" fill="#ffffff05" stroke="#ffffff10" stroke-width="1"/> <text x="10" y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">δ¹⁸O Isotope Ratios</text> <text x="10" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Heavy oxygen (¹⁸O) enrichment</text> <text x="10" y="60" font-family="sans-serif" font-size="11" fill="#94a3b8">in oceans indicates glacial growth.</text> <line x1="10" y1="80" x2="210" y2="80" stroke="#ffffff20" stroke-width="1"/> <text x="10" y="100" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">Ice Cores</text> <text x="10" y="112" font-family="sans-serif" font-size="11" fill="#94a3b8">Trapped gas bubbles (CO2, CH4)</text> </g> <!-- Markers --> <defs> <marker id="arrow-gold" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#f59e0b" /> </marker> </defs> </svg>Climate Change and Environmental Geology image 1Climate Change and Environmental Geology - Geology - image 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/climate-change-and-environmental-geology/svg/1Climate Change and Environmental Geology diagram 1Climate Change and Environmental Geology - Geology - diagram 1https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/climate-change-and-environmental-geology/svg/2Climate Change and Environmental Geology diagram 2Climate Change and Environmental Geology - Geology - diagram 2https://www.getlykke.com/explore/public/geology-6ae93dc4-518d-4048-acd3-523e6d6aff20/media/climate-change-and-environmental-geology/svg/3Climate Change and Environmental Geology diagram 3Climate Change and Environmental Geology - Geology - diagram 3https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d06692026-04-20T05:02:13.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" width="25" height="25" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff0a"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="bold" fill="#f8fafc" letter-spacing="1">FOUNDATIONS &amp; THE SCIENTIFIC METHOD</text> <rect x="350" y="65" width="200" height="3" fill="#38bdf8" rx="1.5"/> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Systematic Study of Our Environment and Proper Place Within It</text> <!-- Left Panel: The Scientific Method (Iterative Process) --> <rect x="30" y="110" width="410" height="420" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="50" y="140" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">THE SCIENTIFIC METHOD</text> <text x="50" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">An iterative framework to minimize bias and maximize reliability.</text> <!-- Process Flow --> <g transform="translate(60, 180)"> <!-- Step 1 --> <circle cx="30" cy="30" r="22" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="30" y="35" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#38bdf8">1</text> <text x="65" y="25" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Observation</text> <text x="65" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Identifying patterns in the natural world.</text> <!-- Step 2 --> <circle cx="30" cy="85" r="22" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="30" y="90" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#38bdf8">2</text> <text x="65" y="80" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Question &amp; Hypothesis</text> <text x="65" y="95" font-family="sans-serif" font-size="11" fill="#94a3b8">Formulating falsifiable, testable queries.</text> <!-- Step 3 --> <circle cx="30" cy="140" r="22" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="30" y="145" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#38bdf8">3</text> <text x="65" y="135" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Experimentation</text> <text x="65" y="150" font-family="sans-serif" font-size="11" fill="#94a3b8">Controlled tests: Independent vs. Dependent variables.</text> <!-- Step 4 --> <circle cx="30" cy="195" r="22" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="30" y="200" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#38bdf8">4</text> <text x="65" y="190" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Data Analysis</text> <text x="65" y="205" font-family="sans-serif" font-size="11" fill="#94a3b8">Statistical tools to reject the Null Hypothesis (H₀).</text> <!-- Step 5 --> <circle cx="30" cy="250" r="22" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="30" y="255" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#38bdf8">5</text> <text x="65" y="245" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Peer Review</text> <text x="65" y="260" font-family="sans-serif" font-size="11" fill="#94a3b8">Critique and replication by the global community.</text> <!-- Connectors --> <line x1="30" y1="52" x2="30" y2="63" stroke="#38bdf840" stroke-width="2"/> <line x1="30" y1="107" x2="30" y2="118" stroke="#38bdf840" stroke-width="2"/> <line x1="30" y1="162" x2="30" y2="173" stroke="#38bdf840" stroke-width="2"/> <line x1="30" y1="217" x2="30" y2="228" stroke="#38bdf840" stroke-width="2"/> <!-- Loop back arrow --> <path d="M 30 272 L 30 300 L -15 300 L -15 30 L 8 30" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <polygon points="8,25 15,30 8,35" fill="#f59e0b"/> <text x="0" y="315" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">ITERATIVE REFINEMENT</text> </g> <!-- Right Top: Reasoning Paradigms --> <rect x="460" y="110" width="410" height="160" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="480" y="140" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">REASONING PARADIGMS</text> <!-- Inductive --> <rect x="480" y="155" width="180" height="95" rx="8" fill="#ffffff05"/> <text x="490" y="175" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Inductive (Bottom-Up)</text> <text x="490" y="192" font-family="sans-serif" font-size="11" fill="#94a3b8">Specific obs. → General rule</text> <path d="M 570 235 L 570 205" stroke="#e879f9" stroke-width="2" marker-end="url(#arrowhead)"/> <circle cx="570" cy="235" r="3" fill="#e879f9"/> <!-- Deductive --> <rect x="675" y="155" width="180" height="95" rx="8" fill="#ffffff05"/> <text x="685" y="175" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Deductive (Top-Down)</text> <text x="685" y="192" font-family="sans-serif" font-size="11" fill="#94a3b8">General principle → Prediction</text> <path d="M 765 205 L 765 235" stroke="#e879f9" stroke-width="2"/> <circle cx="765" cy="205" r="3" fill="#e879f9"/> <polygon points="760,230 765,238 770,230" fill="#e879f9"/> <!-- Right Bottom: Meta-Discipline & IPAT --> <rect x="460" y="285" width="410" height="245" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="480" y="315" font-family="sans-serif" font-size="18" font-weight="bold" fill="#10b981">THE INTERDISCIPLINARY NEXUS</text> <!-- Venn Diagram Concept --> <g transform="translate(520, 330)"> <circle cx="60" cy="60" r="50" fill="#38bdf820" stroke="#38bdf880" stroke-width="1"/> <circle cx="100" cy="60" r="50" fill="#e879f920" stroke="#e879f980" stroke-width="1"/> <circle cx="80" cy="95" r="50" fill="#f59e0b20" stroke="#f59e0b80" stroke-width="1"/> <text x="80" y="75" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">ENV. SCIENCE</text> <text x="35" y="50" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Biology</text> <text x="125" y="50" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Chemistry</text> <text x="80" y="130" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Social/Ethics</text> </g> <!-- IPAT Box --> <rect x="680" y="340" width="170" height="110" rx="12" fill="#10b98115" stroke="#10b98140"/> <text x="765" y="365" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#10b981">IPAT Equation</text> <text x="765" y="390" text-anchor="middle" font-family="sans-serif" font-size="20" font-weight="bold" fill="#f8fafc">I = P × A × T</text> <text x="765" y="410" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Impact = Population ×</text> <text x="765" y="422" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Affluence × Technology</text> <!-- Footer Stats/Labels --> <g transform="translate(480, 475)"> <rect width="370" height="40" rx="8" fill="#ffffff05"/> <circle cx="20" cy="20" r="5" fill="#f59e0b"/> <text x="35" y="24" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Empiricism:</text> <text x="110" y="24" font-family="sans-serif" font-size="12" fill="#94a3b8">Knowledge based on real, tangible phenomena.</text> </g> <!-- Decorative grid lines --> <line x1="30" y1="545" x2="870" y2="545" stroke="#ffffff10" stroke-width="1"/> <line x1="450" y1="110" x2="450" y2="530" stroke="#ffffff05" stroke-width="1" stroke-dasharray="5 5"/> </svg>Foundations and the Scientific Method image 1Foundations and the Scientific Method - Environmental Science (Ha and Schleiger) - image 1https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d0669/media/foundations-scientific-method/svg/1Foundations and the Scientific Method diagram 1Foundations and the Scientific Method - Environmental Science (Ha and Schleiger) - diagram 1https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d0669/media/foundations-scientific-method/svg/2Foundations and the Scientific Method diagram 2Foundations and the Scientific Method - Environmental Science (Ha and Schleiger) - diagram 2https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d0669/media/foundations-scientific-method/svg/3Foundations and the Scientific Method diagram 3Foundations and the Scientific Method - Environmental Science (Ha and Schleiger) - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">ECOLOGY &amp; CONSERVATION BIOLOGY</text> <rect x="350" y="62" width="200" height="2" fill="#38bdf8"/> <text x="450" y="82" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" letter-spacing="2">THE SCIENCE OF INTERACTION &amp; PRESERVATION</text> <!-- Left Card: Hierarchy of Life --> <rect x="25" y="110" width="260" height="425" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="45" y="140" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">Biological Hierarchy</text> <g transform="translate(45, 165)"> <!-- Biosphere --> <circle cx="20" cy="10" r="12" fill="#e879f9" fill-opacity="0.8"/> <text x="45" y="15" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Biosphere</text> <text x="45" y="30" fill="#94a3b8" font-family="sans-serif" font-size="11">The global sum of all ecosystems</text> <!-- Ecosystem --> <circle cx="20" cy="70" r="10" fill="#38bdf8" fill-opacity="0.8"/> <text x="45" y="75" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Ecosystem</text> <text x="45" y="90" fill="#94a3b8" font-family="sans-serif" font-size="11">Biotic &amp; Abiotic interactions</text> <!-- Community --> <circle cx="20" cy="130" r="8" fill="#4ade80" fill-opacity="0.8"/> <text x="45" y="135" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Community</text> <text x="45" y="150" fill="#94a3b8" font-family="sans-serif" font-size="11">Interacting species in one area</text> <!-- Population --> <circle cx="20" cy="190" r="6" fill="#f59e0b" fill-opacity="0.8"/> <text x="45" y="195" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Population</text> <text x="45" y="210" fill="#94a3b8" font-family="sans-serif" font-size="11">Group of the same species</text> <!-- Organism --> <circle cx="20" cy="250" r="4" fill="#f43f5e" fill-opacity="0.8"/> <text x="45" y="255" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Organism</text> <text x="45" y="270" fill="#94a3b8" font-family="sans-serif" font-size="11">Individual survival adaptations</text> <!-- Connecting Line --> <line x1="20" y1="22" x2="20" y2="240" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4 4"/> </g> <!-- Center Top: Trophic Dynamics --> <rect x="305" y="110" width="290" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="140" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="18">Trophic Energy Flow</text> <!-- Pyramid --> <path d="M 350 320 L 550 320 L 450 160 Z" fill="#ffffff05" stroke="#ffffff20"/> <!-- Base: Producers --> <path d="M 350 320 L 550 320 L 525 280 L 375 280 Z" fill="#10b981" fill-opacity="0.6"/> <text x="450" y="305" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">PRODUCERS (100%)</text> <!-- Mid: Consumers --> <path d="M 375 280 L 525 280 L 500 240 L 400 240 Z" fill="#f59e0b" fill-opacity="0.6"/> <text x="450" y="265" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">HERBIVORES (10%)</text> <!-- Top: Predators --> <path d="M 400 240 L 500 240 L 450 160 Z" fill="#f43f5e" fill-opacity="0.6"/> <text x="450" y="215" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">APEX (1%)</text> <text x="450" y="340" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10" font-style="italic">The 10% Rule: Energy loss at every level</text> <!-- Center Bottom: Population Growth --> <rect x="305" y="365" width="290" height="170" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="325" y="395" fill="#4ade80" font-family="sans-serif" font-weight="700" font-size="16">Logistic Growth</text> <!-- Graph --> <line x1="330" y1="510" x2="560" y2="510" stroke="#94a3b8" stroke-width="1"/> <!-- X axis --> <line x1="330" y1="510" x2="330" y2="410" stroke="#94a3b8" stroke-width="1"/> <!-- Y axis --> <line x1="330" y1="425" x2="560" y2="425" stroke="#f43f5e" stroke-width="1" stroke-dasharray="4 2"/> <!-- K line --> <text x="565" y="428" fill="#f43f5e" font-family="sans-serif" font-size="10" font-weight="bold">K</text> <!-- S-Curve --> <path d="M 330 505 C 400 505, 420 425, 560 425" fill="none" stroke="#4ade80" stroke-width="3" filter="url(#glow)"/> <text x="340" y="415" fill="#94a3b8" font-family="sans-serif" font-size="9">Population (N)</text> <text x="520" y="525" fill="#94a3b8" font-family="sans-serif" font-size="9">Time (t)</text> <text x="445" y="395" fill="#f8fafc" font-family="serif" font-size="12" font-style="italic">dN/dt = rN(1 - N/K)</text> <!-- Right Card: Conservation & Biodiversity --> <rect x="615" y="110" width="260" height="425" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="635" y="140" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">Conservation Biology</text> <!-- Sixth Extinction Callout --> <rect x="630" y="160" width="230" height="60" rx="8" fill="#f43f5e20" stroke="#f43f5e40"/> <text x="640" y="180" fill="#f43f5e" font-family="sans-serif" font-weight="800" font-size="13">THE SIXTH EXTINCTION</text> <text x="640" y="198" fill="#f8fafc" font-family="sans-serif" font-size="11">Anthropogenic drivers are causing</text> <text x="640" y="212" fill="#f8fafc" font-family="sans-serif" font-size="11">unprecedented biodiversity loss.</text> <!-- Biodiversity Metrics --> <text x="635" y="255" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="15">Measuring Diversity</text> <text x="635" y="275" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Shannon-Wiener Index (H')</text> <rect x="635" y="285" width="220" height="40" rx="4" fill="#00000030"/> <text x="745" y="310" text-anchor="middle" fill="#4ade80" font-family="serif" font-size="16" font-weight="bold">H' = -Σ pi ln(pi)</text> <g transform="translate(635, 345)"> <circle cx="5" cy="5" r="3" fill="#38bdf8"/> <text x="15" y="9" fill="#94a3b8" font-family="sans-serif" font-size="11"><tspan fill="#f8fafc" font-weight="bold">Richness:</tspan> Total species count</text> <circle cx="5" cy="25" r="3" fill="#38bdf8"/> <text x="15" y="29" fill="#94a3b8" font-family="sans-serif" font-size="11"><tspan fill="#f8fafc" font-weight="bold">Evenness:</tspan> Relative abundance</text> </g> <!-- Ecosystem Services --> <text x="635" y="405" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="15">Ecosystem Services</text> <g transform="translate(635, 425)"> <rect width="105" height="40" rx="4" fill="#ffffff08"/> <text x="52" y="18" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10" font-weight="bold">PROVISIONING</text> <text x="52" y="32" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Food, Water, Fuel</text> <rect x="115" width="105" height="40" rx="4" fill="#ffffff08"/> <text x="167" y="18" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10" font-weight="bold">REGULATING</text> <text x="167" y="32" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Climate, Disease</text> <rect y="50" width="105" height="40" rx="4" fill="#ffffff08"/> <text x="52" y="68" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10" font-weight="bold">SUPPORTING</text> <text x="52" y="82" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Nutrient Cycling</text> <rect x="115" y="50" width="105" height="40" rx="4" fill="#ffffff08"/> <text x="167" y="68" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10" font-weight="bold">CULTURAL</text> <text x="167" y="82" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Aesthetic, Spiritual</text> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="50" cy="510" r="20" fill="none" stroke="#ffffff05" stroke-width="4"/> </svg>Ecology and Conservation Biology image 1Ecology and Conservation Biology - Environmental Science (Ha and Schleiger) - image 1https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d0669/media/ecology-conservation/svg/1Ecology and Conservation Biology diagram 1Ecology and Conservation Biology - Environmental Science (Ha and Schleiger) - diagram 1https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d0669/media/ecology-conservation/svg/2Ecology and Conservation Biology diagram 2Ecology and Conservation Biology - Environmental Science (Ha and Schleiger) - diagram 2https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d0669/media/ecology-conservation/svg/3Ecology and Conservation Biology diagram 3Ecology and Conservation Biology - Environmental Science (Ha and Schleiger) - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="1">THE ANTHROPOCENE</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="500" fill="#38bdf8" letter-spacing="4">HUMAN IMPACTS &amp; ENVIRONMENTAL HEALTH</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 4"/> <!-- Left Panel: The IPAT Equation --> <rect x="40" y="110" width="395" height="210" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">THE IPAT EQUATION</text> <text x="60" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">Quantifying Environmental Degradation</text> <!-- IPAT Visual --> <g transform="translate(60, 185)"> <text x="0" y="40" font-family="serif" font-size="48" font-weight="bold" fill="#f8fafc">I = P × A × T</text> <g transform="translate(0, 65)"> <circle cx="10" cy="10" r="8" fill="#38bdf8"/> <text x="25" y="15" font-family="sans-serif" font-size="11" fill="#f8fafc"><tspan font-weight="bold">P</tspan>opulation: Total headcount</text> <circle cx="10" cy="35" r="8" fill="#f59e0b"/> <text x="25" y="40" font-family="sans-serif" font-size="11" fill="#f8fafc"><tspan font-weight="bold">A</tspan>ffluence: Consumption per capita</text> <circle cx="10" cy="60" r="8" fill="#e879f9"/> <text x="25" y="65" font-family="sans-serif" font-size="11" fill="#f8fafc"><tspan font-weight="bold">T</tspan>echnology: Impact per unit of consumption</text> </g> </g> <!-- Right Panel: Demographic Transition --> <rect x="465" y="110" width="395" height="210" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="485" y="140" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">DEMOGRAPHIC TRANSITION</text> <!-- DTM Sparkline/Icons --> <g transform="translate(485, 160)"> <!-- Stage markers --> <line x1="0" y1="100" x2="350" y2="100" stroke="#94a3b8" stroke-width="1"/> <path d="M 0 20 Q 80 20 120 50 T 240 80 T 350 85" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <!-- Birth Rate --> <path d="M 0 25 Q 40 25 80 80 T 200 85 T 350 85" fill="none" stroke="#e879f9" stroke-width="3" filter="url(#glow)"/> <!-- Death Rate --> <text x="0" y="115" font-family="sans-serif" font-size="9" fill="#94a3b8">STAGE 1</text> <text x="85" y="115" font-family="sans-serif" font-size="9" fill="#94a3b8">STAGE 2</text> <text x="170" y="115" font-family="sans-serif" font-size="9" fill="#94a3b8">STAGE 3</text> <text x="255" y="115" font-family="sans-serif" font-size="9" fill="#94a3b8">STAGE 4</text> <text x="320" y="115" font-family="sans-serif" font-size="9" fill="#94a3b8">S5</text> <text x="355" y="82" font-family="sans-serif" font-size="10" fill="#f59e0b">Birth</text> <text x="355" y="95" font-family="sans-serif" font-size="10" fill="#e879f9">Death</text> </g> <!-- Bottom Panel: Carrying Capacity & Verhulst Model --> <rect x="40" y="340" width="820" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <g transform="translate(70, 370)"> <text x="0" y="10" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">CARRYING CAPACITY (K)</text> <text x="0" y="30" font-family="sans-serif" font-size="12" fill="#94a3b8">The Logistic Growth Model: dP/dt = rP(1 - P/K)</text> <!-- Graph --> <g transform="translate(0, 50)"> <!-- Axes --> <line x1="0" y1="80" x2="400" y2="80" stroke="#94a3b8" stroke-width="1"/> <line x1="0" y1="0" x2="0" y2="80" stroke="#94a3b8" stroke-width="1"/> <!-- K Line --> <line x1="0" y1="20" x2="400" y2="20" stroke="#f8fafc" stroke-width="1" stroke-dasharray="5 5"/> <text x="410" y="23" font-family="sans-serif" font-size="10" fill="#f8fafc">K (Limit)</text> <!-- Growth Curve --> <path d="M 0 75 Q 100 75 150 45 T 300 20 L 400 20" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <!-- Degradation Zone --> <path d="M 300 20 L 400 35" stroke="#ef4444" stroke-width="2" stroke-dasharray="3 3"/> <text x="320" y="55" font-family="sans-serif" font-size="10" fill="#ef4444" font-weight="bold">RESOURCE DEGRADATION</text> </g> <!-- Info Text --> <g transform="translate(500, 10)"> <rect width="280" height="110" rx="8" fill="#ffffff05"/> <text x="15" y="25" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Ecosystem Services at Risk:</text> <text x="15" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">• Water Purification (Chemical Integrity)</text> <text x="15" y="70" font-family="sans-serif" font-size="11" fill="#94a3b8">• Climate Regulation (Anthropogenic CO2)</text> <text x="15" y="90" font-family="sans-serif" font-size="11" fill="#94a3b8">• Disease Regulation (Epidemiology)</text> </g> </g> <!-- Decorative Corner Elements --> <g opacity="0.4"> <circle cx="40" cy="40" r="3" fill="#38bdf8"/> <circle cx="860" cy="40" r="3" fill="#38bdf8"/> <circle cx="40" cy="520" r="3" fill="#38bdf8"/> <circle cx="860" cy="520" r="3" fill="#38bdf8"/> </g> <text x="850" y="545" text-anchor="end" font-family="monospace" font-size="10" fill="#475569">SYS_REF: ANTHRO_01 // SCALE: GLOBAL</text> </svg>Human Impacts and Environmental Health image 1Human Impacts and Environmental Health - Environmental Science (Ha and Schleiger) - image 1https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d0669/media/human-impacts-environmental-health/svg/1Human Impacts and Environmental Health diagram 1Human Impacts and Environmental Health - Environmental Science (Ha and Schleiger) - diagram 1https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d0669/media/human-impacts-environmental-health/svg/2Human Impacts and Environmental Health diagram 2Human Impacts and Environmental Health - Environmental Science (Ha and Schleiger) - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <linearGradient id="accent-grad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background and Decoration --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <circle cx="850" cy="50" r="150" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="100" fill="#f59e0b" fill-opacity="0.05"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">ENERGY RESOURCES &amp; SUSTAINABLE FUTURES</text> <rect x="350" y="75" width="200" height="4" rx="2" fill="url(#accent-grad)"/> <text x="450" y="100" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">A SYSTEMIC TRANSITION FROM EXTRACTION TO REGENERATION</text> <!-- Left Panel: The Hydrocarbon Era --> <rect x="40" y="130" width="260" height="260" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE EXTRACTIVE ERA</text> <text x="60" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">Non-renewable &amp; High Carbon</text> <!-- Fossil Icon --> <path d="M 70 230 L 110 230 L 90 200 Z" fill="#64748b"/> <rect x="75" y="230" width="30" height="15" fill="#475569"/> <circle cx="90" cy="215" r="4" fill="#0f172a"/> <text x="60" y="270" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Fossil Fuels (Ancient Sunlight)</text> <text x="60" y="290" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="60" dy="0">• Coal: High carbon intensity</tspan> <tspan x="60" dy="18">• Petroleum: Global logistics hub</tspan> <tspan x="60" dy="18">• Natural Gas: Methane leakage risk</tspan> </text> <text x="60" y="360" font-family="sans-serif" font-size="11" font-style="italic" fill="#94a3b8">Linear "Take-Make-Waste" model</text> <!-- Middle Panel: Thermodynamics --> <rect x="320" y="130" width="260" height="260" rx="16" fill="#ffffff15" stroke="#38bdf844"/> <text x="450" y="165" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THERMODYNAMIC PIVOT</text> <!-- EROI Graphic --> <circle cx="450" cy="225" r="35" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <text x="450" y="220" text-anchor="middle" font-family="serif" font-size="18" font-weight="bold" fill="#f8fafc">EROI</text> <path d="M 425 230 L 475 230" stroke="#f8fafc" stroke-width="1"/> <text x="450" y="245" text-anchor="middle" font-family="serif" font-size="12" fill="#f8fafc">E_in / E_out</text> <text x="340" y="290" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">The Entropy Constraint</text> <text x="340" y="310" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="340" dy="0">Energy is never created, only</tspan> <tspan x="340" dy="18">transformed. Efficiency is limited</tspan> <tspan x="340" dy="18">by the Second Law (Entropy).</tspan> </text> <rect x="340" y="365" width="220" height="1" fill="#38bdf833"/> <!-- Right Panel: Sustainable Future --> <rect x="600" y="130" width="260" height="260" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="620" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">REGENERATIVE FUTURE</text> <text x="620" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">Renewable &amp; Carbon Neutral</text> <!-- Sun/Wind Icon --> <circle cx="650" cy="220" r="12" fill="#f59e0b"/> <path d="M 650 200 L 650 205 M 650 235 L 650 240 M 630 220 L 635 220 M 665 220 L 670 220" stroke="#f59e0b" stroke-width="2"/> <path d="M 690 240 L 690 200 M 690 210 L 710 205 M 690 210 L 675 200" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="620" y="270" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">The Harvesting Paradigm</text> <text x="620" y="290" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="620" dy="0">• Solar/Wind: Low carbon intensity</tspan> <tspan x="620" dy="18">• Nuclear: High density baseload</tspan> <tspan x="620" dy="18">• Storage: Solving intermittency</tspan> </text> <text x="620" y="360" font-family="sans-serif" font-size="11" font-style="italic" fill="#94a3b8">Circular "Harvest-Store-Use" model</text> <!-- Bottom Comparison Table --> <rect x="40" y="415" width="820" height="110" rx="16" fill="#00000044" stroke="#ffffff10"/> <text x="60" y="440" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc" letter-spacing="0.5">RESOURCE COMPARISON METRICS</text> <!-- Table Headers --> <text x="60" y="465" font-family="sans-serif" font-size="11" font-weight="bold" fill="#94a3b8">FUEL SOURCE</text> <text x="250" y="465" font-family="sans-serif" font-size="11" font-weight="bold" fill="#94a3b8">ENERGY DENSITY (MJ/kg)</text> <text x="500" y="465" font-family="sans-serif" font-size="11" font-weight="bold" fill="#94a3b8">CARBON INTENSITY (g CO2/kWh)</text> <text x="750" y="465" font-family="sans-serif" font-size="11" font-weight="bold" fill="#94a3b8">PRIMARY USE</text> <!-- Table Row 1 --> <text x="60" y="485" font-family="sans-serif" font-size="12" fill="#cbd5e1">Coal (Anthracite)</text> <text x="250" y="485" font-family="sans-serif" font-size="12" fill="#cbd5e1">24 – 35</text> <rect x="500" y="477" width="100" height="8" rx="2" fill="#ef4444"/> <text x="610" y="485" font-family="sans-serif" font-size="11" fill="#94a3b8">820–1000</text> <text x="750" y="485" font-family="sans-serif" font-size="11" fill="#cbd5e1">Electricity</text> <!-- Table Row 2 --> <text x="60" y="505" font-family="sans-serif" font-size="12" fill="#cbd5e1">Uranium-235</text> <text x="250" y="505" font-family="sans-serif" font-size="12" fill="#e879f9" font-weight="bold">3,900,000</text> <rect x="500" y="497" width="12" height="8" rx="2" fill="#22c55e"/> <text x="520" y="505" font-family="sans-serif" font-size="11" fill="#94a3b8">12–110</text> <text x="750" y="505" font-family="sans-serif" font-size="11" fill="#cbd5e1">Baseload</text> <!-- Transition Arrow --> <path d="M 280 115 Q 450 85 620 115" fill="none" stroke="url(#accent-grad)" stroke-width="2" stroke-dasharray="5 5"/> <polygon points="625,115 615,110 615,120" fill="#e879f9"/> </svg>Energy Resources and Sustainable Futures image 1Energy Resources and Sustainable Futures - Environmental Science (Ha and Schleiger) - image 1https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d0669/media/energy-sustainability-future/svg/1Energy Resources and Sustainable Futures diagram 1Energy Resources and Sustainable Futures - Environmental Science (Ha and Schleiger) - diagram 1https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d0669/media/energy-sustainability-future/svg/2Energy Resources and Sustainable Futures diagram 2Energy Resources and Sustainable Futures - Environmental Science (Ha and Schleiger) - diagram 2https://www.getlykke.com/explore/public/environmental-science-ha-and-schleiger-a29b7243-7e25-487c-82eb-885dbc3d0669/media/energy-sustainability-future/svg/3Energy Resources and Sustainable Futures diagram 3Energy Resources and Sustainable Futures - Environmental Science (Ha and Schleiger) - diagram 3https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb2026-04-20T05:01:52.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentBlue" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#818cf8"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <text x="40" y="60" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">FUNDAMENTALS OF 1D MOTION</text> <text x="40" y="85" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">KINEMATICS: THE GEOMETRY OF PURE MOTION</text> <rect x="40" y="100" width="120" height="4" fill="#f59e0b" rx="2"/> <!-- Main Axis Visualization (Center) --> <g transform="translate(450, 280)"> <!-- The 1D Track --> <line x1="-380" y1="0" x2="380" y2="0" stroke="#ffffff20" stroke-width="2" stroke-dasharray="8 4"/> <circle cx="-350" cy="0" r="4" fill="#38bdf8"/> <circle cx="350" cy="0" r="4" fill="#38bdf8"/> <text x="-350" y="25" font-family="monospace" font-size="12" fill="#94a3b8" text-anchor="middle">-x (Left)</text> <text x="350" y="25" font-family="monospace" font-size="12" fill="#94a3b8" text-anchor="middle">+x (Right)</text> <text x="0" y="25" font-family="monospace" font-size="12" fill="#f59e0b" text-anchor="middle">Origin (0)</text> <circle cx="0" cy="0" r="6" fill="#f59e0b" filter="url(#glow)"/> <!-- Motion Path Illustration --> <path d="M -200, -40 Q -100, -80 0, -40 T 150, -40" fill="none" stroke="#e879f9" stroke-width="3" stroke-linecap="round" opacity="0.6"/> <circle cx="-200" cy="-40" r="4" fill="#e879f9"/> <circle cx="150" cy="-40" r="4" fill="#e879f9"/> <text x="-200" y="-55" font-family="Arial" font-size="11" fill="#e879f9" text-anchor="middle">Start (xi)</text> <text x="150" y="-55" font-family="Arial" font-size="11" fill="#e879f9" text-anchor="middle">End (xf)</text> </g> <!-- Panel 1: Distance vs Displacement --> <rect x="40" y="130" width="260" height="180" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="160" font-family="Arial" font-weight="bold" font-size="18" fill="#38bdf8">Path Metrics</text> <g transform="translate(60, 185)"> <circle cx="8" cy="8" r="6" fill="#f59e0b"/> <text x="25" y="13" font-family="Arial" font-size="14" font-weight="bold" fill="#f8fafc">Distance (d)</text> <text x="25" y="30" font-family="Arial" font-size="12" fill="#94a3b8">Scalar: Total path length covered.</text> <text x="25" y="45" font-family="Arial" font-size="12" fill="#94a3b8">Always positive. Path-dependent.</text> </g> <g transform="translate(60, 245)"> <path d="M 0,8 L 16,8 M 10,2 L 16,8 L 10,14" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="25" y="13" font-family="Arial" font-size="14" font-weight="bold" fill="#f8fafc">Displacement (Δx)</text> <text x="25" y="30" font-family="Arial" font-size="12" fill="#94a3b8">Vector: Net change in position.</text> <text x="25" y="45" font-family="Arial" font-size="12" font-weight="bold" fill="#e879f9">Δx = xf - xi</text> </g> <!-- Panel 2: Velocity --> <rect x="600" y="130" width="260" height="180" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="620" y="160" font-family="Arial" font-weight="bold" font-size="18" fill="#38bdf8">Velocity (v)</text> <text x="620" y="190" font-family="Arial" font-size="13" fill="#f8fafc" font-weight="bold">Average Velocity</text> <text x="620" y="208" font-family="Arial" font-size="12" fill="#94a3b8">Rate of displacement over time.</text> <text x="620" y="225" font-family="serif" font-size="16" fill="#38bdf8" font-style="italic">v_avg = Δx / Δt</text> <line x1="620" y1="240" x2="840" y2="240" stroke="#ffffff10" stroke-width="1"/> <text x="620" y="265" font-family="Arial" font-size="13" fill="#f8fafc" font-weight="bold">Instantaneous Velocity</text> <text x="620" y="283" font-family="Arial" font-size="12" fill="#94a3b8">The derivative of position.</text> <text x="620" y="300" font-family="serif" font-size="16" fill="#38bdf8" font-style="italic">v(t) = dx / dt</text> <!-- Panel 3: Acceleration (Bottom Wide) --> <rect x="40" y="380" width="820" height="140" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <g transform="translate(70, 410)"> <text x="0" y="20" font-family="Arial" font-weight="bold" font-size="22" fill="#f59e0b">Acceleration (a)</text> <text x="0" y="45" font-family="Arial" font-size="14" fill="#94a3b8">The rate at which velocity changes over time.</text> <!-- Formula Box --> <rect x="0" y="65" width="180" height="45" rx="8" fill="#00000030"/> <text x="90" y="95" font-family="serif" font-size="20" fill="#f8fafc" text-anchor="middle" font-style="italic">a = dv / dt = d²x / dt²</text> <!-- Infographic elements --> <g transform="translate(350, 10)"> <text x="0" y="10" font-family="Arial" font-size="13" font-weight="bold" fill="#38bdf8">POSITIVE ACCEL (a &gt; 0)</text> <path d="M 0,30 L 100,30" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2 2"/> <circle cx="10" cy="30" r="3" fill="#38bdf8"/> <circle cx="40" cy="30" r="4" fill="#38bdf8"/> <circle cx="85" cy="30" r="6" fill="#38bdf8"/> <text x="0" y="50" font-family="Arial" font-size="11" fill="#94a3b8">Object speeds up in + direction</text> </g> <g transform="translate(550, 10)"> <text x="0" y="10" font-family="Arial" font-size="13" font-weight="bold" fill="#e879f9">NEGATIVE ACCEL (a &lt; 0)</text> <path d="M 0,30 L 100,30" stroke="#e879f9" stroke-width="2" stroke-dasharray="2 2"/> <circle cx="10" cy="30" r="6" fill="#e879f9"/> <circle cx="55" cy="30" r="4" fill="#e879f9"/> <circle cx="85" cy="30" r="3" fill="#e879f9"/> <text x="0" y="50" font-family="Arial" font-size="11" fill="#94a3b8">Object slows down (Deceleration)</text> </g> </g> <!-- Decorative Corner Element --> <path d="M 850 50 L 880 50 L 880 80" fill="none" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <circle cx="880" cy="50" r="3" fill="#38bdf8"/> <!-- Footer Label --> <text x="450" y="545" font-family="Arial" font-size="10" fill="#ffffff30" text-anchor="middle" letter-spacing="2">PHYSICS CORE SERIES // MODULE 01: KINEMATICS</text> </svg>Fundamentals of One-Dimensional Motion image 1Fundamentals of One-Dimensional Motion - High School Physics - image 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/kinematics-1d-fundamentals/svg/1Fundamentals of One-Dimensional Motion diagram 1Fundamentals of One-Dimensional Motion - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/kinematics-1d-fundamentals/svg/2Fundamentals of One-Dimensional Motion diagram 2Fundamentals of One-Dimensional Motion - High School Physics - diagram 2https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/kinematics-1d-fundamentals/svg/3Fundamentals of One-Dimensional Motion diagram 3Fundamentals of One-Dimensional Motion - High School Physics - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560"/> </g> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">GRAPHICAL ANALYSIS OF MOTION</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">KINEMATIC HIERARCHY • CALCULUS BY SIGHT</text> <rect x="40" y="100" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Main Hierarchy Panel --> <rect x="40" y="130" width="380" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE KINEMATIC HIERARCHY</text> <!-- Hierarchy Nodes --> <g transform="translate(60, 180)"> <!-- Position --> <rect width="340" height="60" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="35" font-family="serif" font-style="italic" font-size="24" fill="#f8fafc">x(t)</text> <text x="60" y="28" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">POSITION</text> <text x="60" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">The object's location over time.</text> <!-- Velocity --> <g transform="translate(0, 100)"> <rect width="340" height="60" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="35" font-family="serif" font-style="italic" font-size="24" fill="#f59e0b">v(t)</text> <text x="60" y="28" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">VELOCITY</text> <text x="60" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Rate of change of position.</text> </g> <!-- Acceleration --> <g transform="translate(0, 200)"> <rect width="340" height="60" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="35" font-family="serif" font-style="italic" font-size="24" fill="#e879f9">a(t)</text> <text x="60" y="28" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">ACCELERATION</text> <text x="60" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Rate of change of velocity.</text> </g> <!-- Connecting Arrows (Down: Slope) --> <path d="M35 65 L35 95" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow-blue)"/> <text x="45" y="85" font-family="sans-serif" font-size="10" fill="#38bdf8" font-weight="bold">SLOPE (d/dt)</text> <path d="M35 165 L35 195" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow-blue)"/> <text x="45" y="185" font-family="sans-serif" font-size="10" fill="#38bdf8" font-weight="bold">SLOPE (d/dt)</text> <!-- Connecting Arrows (Up: Area) --> <path d="M305 195 L305 165" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrow-orange)"/> <text x="210" y="185" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold" text-anchor="end">AREA (∫ dt)</text> <path d="M305 95 L305 65" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrow-orange)"/> <text x="210" y="85" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold" text-anchor="end">AREA (∫ dt)</text> </g> <!-- Right Panel: Visual Interpretation --> <rect x="440" y="130" width="420" height="185" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="460" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE SLOPE RULE</text> <!-- Slope Visuals --> <g transform="translate(460, 180)"> <path d="M0 80 L100 80 M10 90 L10 10" stroke="#94a3b8" stroke-width="1" fill="none"/> <path d="M10 80 Q 40 75, 90 20" stroke="#38bdf8" stroke-width="2" fill="none"/> <line x1="40" y1="75" x2="80" y2="35" stroke="#f8fafc" stroke-width="1" stroke-dasharray="2"/> <text x="105" y="30" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Steeper Slope = Higher Velocity</text> <text x="105" y="48" font-family="sans-serif" font-size="11" fill="#94a3b8">On an x vs t graph, the gradient</text> <text x="105" y="62" font-family="sans-serif" font-size="11" fill="#94a3b8">at any point is the instantaneous v.</text> <circle cx="60" cy="55" r="3" fill="#e879f9" filter="glow"/> </g> <!-- Bottom Right Panel: Area Interpretation --> <rect x="440" y="335" width="420" height="185" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="460" y="365" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">THE AREA RULE</text> <!-- Area Visuals --> <g transform="translate(460, 385)"> <path d="M0 80 L100 80 M10 90 L10 10" stroke="#94a3b8" stroke-width="1" fill="none"/> <path d="M10 60 L40 60 L80 20 L90 20" stroke="#f59e0b" stroke-width="2" fill="none"/> <path d="M10 80 L10 60 L40 60 L80 20 L80 80 Z" fill="#f59e0b30"/> <text x="105" y="30" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Area = Displacement (Δx)</text> <text x="105" y="48" font-family="sans-serif" font-size="11" fill="#94a3b8">The integral of velocity over time</text> <text x="105" y="62" font-family="sans-serif" font-size="11" fill="#94a3b8">gives the total change in position.</text> <text x="30" y="75" font-family="sans-serif" font-size="9" fill="#f59e0b" font-weight="bold">RECT</text> <text x="55" y="75" font-family="sans-serif" font-size="9" fill="#f59e0b" font-weight="bold">TRAP</text> </g> <!-- Markers --> <defs> <marker id="arrow-blue" markerWidth="10" markerHeight="10" refX="5" refY="5" orient="auto"> <path d="M0,0 L10,5 L0,10 Z" fill="#38bdf8" /> </marker> <marker id="arrow-orange" markerWidth="10" markerHeight="10" refX="5" refY="5" orient="auto"> <path d="M0,0 L10,5 L0,10 Z" fill="#f59e0b" /> </marker> </defs> <!-- Footer / Legend --> <text x="450" y="545" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#475569">PHYSICS KINEMATICS SERIES • MODULE 04: GRAPHICAL ANALYSIS</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="20" fill="#38bdf810" stroke="#38bdf840" stroke-width="1"/> <path d="M840 50 L860 50 M850 40 L850 60" stroke="#38bdf8" stroke-width="1"/> </svg>Graphical Analysis of Motion image 1Graphical Analysis of Motion - High School Physics - image 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/graphical-analysis-motion/svg/1Graphical Analysis of Motion diagram 1Graphical Analysis of Motion - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/graphical-analysis-motion/svg/2Graphical Analysis of Motion diagram 2Graphical Analysis of Motion - High School Physics - diagram 2https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/graphical-analysis-motion/svg/3Graphical Analysis of Motion diagram 3Graphical Analysis of Motion - High School Physics - diagram 3https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/newtons-laws-dynamics/svg/1Newton's Laws of Motion diagram 1Newton's Laws of Motion - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/newtons-laws-dynamics/svg/2Newton's Laws of Motion diagram 2Newton's Laws of Motion - High School Physics - diagram 2https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/newtons-laws-dynamics/svg/3Newton's Laws of Motion diagram 3Newton's Laws of Motion - High School Physics - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">TWO-DIMENSIONAL MOTION &amp; VECTORS</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Mechanics of Objects Moving Through a Plane</text> <line x1="350" y1="90" x2="550" y2="90" stroke="url(#accentGrad)" stroke-width="2" stroke-linecap="round"/> <!-- Left Panel: Vector Analysis --> <rect x="30" y="110" width="260" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="50" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">VECTOR ANALYSIS</text> <text x="50" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">The Language of 2D Space</text> <!-- Vector Diagram --> <g transform="translate(60, 260)"> <!-- Axes --> <line x1="0" y1="0" x2="150" y2="0" stroke="#ffffff30" stroke-width="1" stroke-dasharray="4"/> <line x1="0" y1="0" x2="0" y2="-120" stroke="#ffffff30" stroke-width="1" stroke-dasharray="4"/> <!-- Components --> <line x1="0" y1="0" x2="110" y2="0" stroke="#38bdf8" stroke-width="3" marker-end="url(#arrowBlue)"/> <line x1="0" y1="0" x2="0" y2="-70" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrowAmber)"/> <!-- Resultant --> <line x1="0" y1="0" x2="110" y2="-70" stroke="#e879f9" stroke-width="4" filter="url(#glow)"/> <!-- Angle --> <path d="M 30 0 A 30 30 0 0 0 23 -18" fill="none" stroke="#f8fafc" stroke-width="1"/> <text x="35" y="-10" font-family="sans-serif" font-size="12" fill="#f8fafc">θ</text> <!-- Labels --> <text x="115" y="-75" font-family="sans-serif" font-weight="bold" font-size="14" fill="#e879f9">V</text> <text x="50" y="18" font-family="sans-serif" font-size="11" fill="#38bdf8">Vx = V cos(θ)</text> <text x="-55" y="-35" font-family="sans-serif" font-size="11" fill="#f59e0b" transform="rotate(-90 -55 -35)">Vy = V sin(θ)</text> </g> <text x="50" y="410" font-family="sans-serif" font-size="11" fill="#94a3b8" width="220"> <tspan x="50" dy="0">Vectors are decomposed into</tspan> <tspan x="50" dy="16">independent orthonormal</tspan> <tspan x="50" dy="16">components (x and y).</tspan> </text> <!-- Center Visual: Projectile Arc --> <g transform="translate(320, 110)"> <rect width="260" height="340" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="130" y="30" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">THE PARABOLIC PATH</text> <!-- Ground --> <line x1="30" y1="280" x2="230" y2="280" stroke="#ffffff20" stroke-width="2"/> <!-- Trajectory --> <path d="M 40 280 Q 130 50 220 280" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="6 4" opacity="0.6"/> <!-- Ball Positions & Velocity Vectors --> <!-- Start --> <circle cx="40" cy="280" r="5" fill="#f8fafc"/> <line x1="40" y1="280" x2="70" y2="220" stroke="#e879f9" stroke-width="2"/> <!-- Peak --> <circle cx="130" cy="165" r="5" fill="#f8fafc"/> <line x1="130" y1="165" x2="165" y2="165" stroke="#38bdf8" stroke-width="2"/> <text x="130" y="150" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">Vy = 0 at peak</text> <!-- End --> <circle cx="220" cy="280" r="5" fill="#f8fafc"/> <line x1="220" y1="280" x2="250" y2="340" stroke="#e879f9" stroke-width="2" opacity="0.4"/> <!-- Gravity Icon --> <g transform="translate(200, 50)"> <line x1="0" y1="0" x2="0" y2="30" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrowAmberSmall)"/> <text x="10" y="20" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">g</text> </g> </g> <!-- Right Panel: Kinematics Comparison --> <rect x="610" y="110" width="260" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="630" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">DYNAMICS</text> <!-- Horizontal Card --> <rect x="625" y="160" width="230" height="85" rx="8" fill="#38bdf815"/> <text x="635" y="180" font-family="sans-serif" font-weight="bold" font-size="13" fill="#38bdf8">HORIZONTAL (X)</text> <text x="635" y="200" font-family="monospace" font-size="12" fill="#f8fafc">ax = 0</text> <text x="635" y="218" font-family="monospace" font-size="12" fill="#f8fafc">vx = v0 * cos(θ)</text> <text x="635" y="236" font-family="monospace" font-size="12" fill="#f8fafc">Δx = vx * t</text> <!-- Vertical Card --> <rect x="625" y="260" width="230" height="105" rx="8" fill="#f59e0b15"/> <text x="635" y="280" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f59e0b">VERTICAL (Y)</text> <text x="635" y="300" font-family="monospace" font-size="12" fill="#f8fafc">ay = -g (-9.81 m/s²)</text> <text x="635" y="318" font-family="monospace" font-size="12" fill="#f8fafc">vy = v0y - gt</text> <text x="635" y="336" font-family="monospace" font-size="12" fill="#f8fafc">Δy = v0y*t - 0.5gt²</text> <!-- Bridge: Time --> <g transform="translate(625, 380)"> <rect width="230" height="50" rx="8" fill="#e879f915" stroke="#e879f930"/> <text x="115" y="22" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#e879f9">SCALAR LINK: TIME (t)</text> <text x="115" y="40" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">The only variable shared by both axes.</text> </g> <!-- Footer: Principle of Superposition --> <rect x="30" y="470" width="840" height="70" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="450" y="495" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">THE PRINCIPLE OF SUPERPOSITION</text> <text x="450" y="518" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#94a3b8">Horizontal and vertical motions are independent. The net response is the vector sum of individual components.</text> <!-- Markers --> <marker id="arrowBlue" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#38bdf8" /> </marker> <marker id="arrowAmber" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#f59e0b" /> </marker> <marker id="arrowAmberSmall" markerWidth="6" markerHeight="6" refX="5" refY="3" orient="auto"> <path d="M0,0 L0,6 L6,3 z" fill="#f59e0b" /> </marker> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="url(#accentGrad)" opacity="0.1"/> <circle cx="50" cy="510" r="20" fill="#38bdf8" opacity="0.1"/> </svg>Two-Dimensional Motion and Vectors image 1Two-Dimensional Motion and Vectors - High School Physics - image 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/2d-motion-vectors/svg/1Two-Dimensional Motion and Vectors diagram 1Two-Dimensional Motion and Vectors - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/2d-motion-vectors/svg/2Two-Dimensional Motion and Vectors diagram 2Two-Dimensional Motion and Vectors - High School Physics - diagram 2https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/2d-motion-vectors/svg/3Two-Dimensional Motion and Vectors diagram 3Two-Dimensional Motion and Vectors - High School Physics - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:#0f172a;stop-opacity:1" /> <stop offset="100%" style="stop-color:#1e1b4b;stop-opacity:1" /> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff" stroke-width="0.5" stroke-opacity="0.05"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <linearGradient id="accent-amber" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#f59e0b;stop-opacity:1" /> <stop offset="100%" style="stop-color:#fbbf24;stop-opacity:1" /> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)" /> <rect width="900" height="560" fill="url(#grid)" /> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.025em"> WORK, ENERGY &amp; POWER </text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8"> The Scalar Accounting System of Classical Mechanics </text> <rect x="40" y="105" width="120" height="4" fill="#38bdf8" rx="2" /> <!-- Main Conceptual Map: Work --> <rect x="40" y="130" width="260" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1" /> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">I. WORK (W)</text> <text x="60" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">Energy transfer via force</text> <!-- Work Diagram --> <g transform="translate(60, 210)"> <line x1="0" y1="60" x2="180" y2="60" stroke="#475569" stroke-dasharray="4 4" /> <rect x="40" y="30" width="40" height="30" fill="#334155" stroke="#94a3b8" /> <!-- Force Vector --> <line x1="60" y1="45" x2="130" y2="15" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrow-amber)" /> <path d="M 90 45 A 30 30 0 0 0 85 35" fill="none" stroke="#f59e0b" stroke-width="1" /> <text x="95" y="38" font-family="serif" font-style="italic" font-size="12" fill="#f59e0b">θ</text> <text x="135" y="15" font-family="serif" font-weight="bold" font-size="14" fill="#f59e0b">F</text> <!-- Displacement Vector --> <line x1="85" y1="75" x2="160" y2="75" stroke="#38bdf8" stroke-width="3" /> <text x="165" y="80" font-family="serif" font-weight="bold" font-size="14" fill="#38bdf8">d</text> </g> <text x="60" y="330" font-family="serif" font-size="18" fill="#f8fafc">W = Fd cos θ</text> <g font-family="sans-serif" font-size="11" fill="#cbd5e1"> <text x="60" y="360" font-weight="bold" fill="#fbbf24">θ = 0°</text> <text x="120" y="360">Max Positive Work</text> <text x="60" y="385" font-weight="bold" fill="#94a3b8">θ = 90°</text> <text x="120" y="385">Zero Work (Normal)</text> <text x="60" y="410" font-weight="bold" fill="#ef4444">θ = 180°</text> <text x="120" y="410">Negative Work (Friction)</text> </g> <!-- Main Conceptual Map: Energy --> <rect x="320" y="130" width="260" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1" /> <text x="340" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">II. ENERGY (K)</text> <text x="340" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">The capacity to do work</text> <!-- Kinetic Energy Visual --> <g transform="translate(340, 210)"> <circle cx="40" cy="45" r="20" fill="#1e293b" stroke="#38bdf8" stroke-width="2" /> <path d="M 70 35 L 100 35 M 70 45 L 115 45 M 70 55 L 100 55" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" opacity="0.6" /> <text x="35" y="50" font-family="serif" font-size="12" fill="#38bdf8">m</text> <text x="120" y="50" font-family="serif" font-weight="bold" font-size="16" fill="#38bdf8">v</text> </g> <text x="340" y="330" font-family="serif" font-size="18" fill="#f8fafc">K = ½mv²</text> <rect x="340" y="350" width="220" height="130" rx="8" fill="#38bdf810" /> <text x="350" y="375" font-family="sans-serif" font-weight="bold" font-size="12" fill="#38bdf8">THE WORK-ENERGY THEOREM</text> <text x="350" y="395" font-family="sans-serif" font-size="11" fill="#cbd5e1">The net work done on an object</text> <text x="350" y="410" font-family="sans-serif" font-size="11" fill="#cbd5e1">equals its change in kinetic energy.</text> <text x="350" y="450" font-family="serif" font-size="20" fill="#f8fafc" filter="url(#glow)">W<tspan baseline-shift="sub" font-size="12">net</tspan> = ΔK</text> <!-- Main Conceptual Map: Power --> <rect x="600" y="130" width="260" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1" /> <text x="620" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">III. POWER (P)</text> <text x="620" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">The time-rate of doing work</text> <!-- Power Visual: Clock/Speed --> <g transform="translate(620, 210)"> <circle cx="45" cy="45" r="35" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="2 2" /> <line x1="45" y1="45" x2="45" y2="20" stroke="#e879f9" stroke-width="3" stroke-linecap="round" /> <line x1="45" y1="45" x2="65" y2="45" stroke="#e879f9" stroke-width="2" stroke-linecap="round" /> <path d="M 100 20 L 140 20 L 130 70 L 90 70 Z" fill="#e879f920" stroke="#e879f9" stroke-width="1" /> <text x="105" y="50" font-family="sans-serif" font-weight="bold" font-size="10" fill="#e879f9">JOULES</text> <text x="108" y="62" font-family="sans-serif" font-size="8" fill="#e879f9">per sec</text> </g> <text x="620" y="330" font-family="serif" font-size="18" fill="#f8fafc">P = dW / dt</text> <text x="620" y="360" font-family="serif" font-size="18" fill="#f8fafc">P = F · v</text> <g font-family="sans-serif" font-size="11" fill="#cbd5e1"> <text x="620" y="400" font-weight="bold" fill="#e879f9">Unit: Watt (W)</text> <text x="620" y="420">1 Watt = 1 Joule / second</text> <text x="620" y="445" font-style="italic">"How fast the energy</text> <text x="620" y="460" font-style="italic">accounting changes."</text> </g> <!-- Footer / Decor --> <text x="450" y="540" font-family="sans-serif" font-size="10" fill="#475569" text-anchor="middle" letter-spacing="0.1em"> SCALAR QUANTITIES • JOULES (J) • WATTS (W) • CONSERVATION OF ENERGY </text> <!-- Markers --> <marker id="arrow-amber" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#f59e0b" /> </marker> </svg>Work, Energy, and Power image 1Work, Energy, and Power - High School Physics - image 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/work-energy-power/svg/1Work, Energy, and Power diagram 1Work, Energy, and Power - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/work-energy-power/svg/2Work, Energy, and Power diagram 2Work, Energy, and Power - High School Physics - diagram 2https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/momentum-collisions/svg/1Linear Momentum and Collisions diagram 1Linear Momentum and Collisions - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/momentum-collisions/svg/2Linear Momentum and Collisions diagram 2Linear Momentum and Collisions - High School Physics - diagram 2https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/momentum-collisions/svg/3Linear Momentum and Collisions diagram 3Linear Momentum and Collisions - High School Physics - diagram 3https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/simple-harmonic-motion/svg/1Simple Harmonic Motion diagram 1Simple Harmonic Motion - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/simple-harmonic-motion/svg/2Simple Harmonic Motion diagram 2Simple Harmonic Motion - High School Physics - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff1a"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="2">MECHANICAL WAVES &amp; PROPERTIES</text> <text x="450" y="75" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">ENERGY PROPAGATION THROUGH ELASTIC MEDIA</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <!-- Left Card: Transverse --> <rect x="40" y="110" width="400" height="240" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="60" y="145" font-family="Arial, sans-serif" font-weight="bold" font-size="20" fill="#38bdf8">TRANSVERSE WAVES</text> <text x="60" y="165" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Particle motion is perpendicular to propagation</text> <!-- Transverse Illustration --> <path d="M 70 240 Q 100 170 130 240 T 190 240 T 250 240 T 310 240 T 370 240" fill="none" stroke="#38bdf8" stroke-width="3" stroke-linecap="round"/> <circle cx="130" cy="175" r="4" fill="#f59e0b"/> <!-- Crest --> <text x="130" y="165" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#f59e0b" font-weight="bold">CREST</text> <circle cx="190" cy="305" r="4" fill="#f59e0b"/> <!-- Trough --> <text x="190" y="320" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#f59e0b" font-weight="bold">TROUGH</text> <!-- Transverse Motion Arrows --> <path d="M 80 210 L 80 270" stroke="#f8fafc" stroke-width="2" marker-start="url(#arrow)" marker-end="url(#arrow)"/> <text x="85" y="245" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc" transform="rotate(-90 85 245)">OSCILLATION</text> <path d="M 340 240 L 400 240" stroke="#e879f9" stroke-width="2" stroke-dasharray="4"/> <text x="340" y="230" font-family="Arial, sans-serif" font-size="10" fill="#e879f9">PROPAGATION</text> <!-- Right Card: Longitudinal --> <rect x="460" y="110" width="400" height="240" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="480" y="145" font-family="Arial, sans-serif" font-weight="bold" font-size="20" fill="#fbbf24">LONGITUDINAL WAVES</text> <text x="480" y="165" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Particle motion is parallel to propagation</text> <!-- Longitudinal Illustration --> <g transform="translate(480, 220)"> <!-- Compressions --> <rect x="10" y="0" width="5" height="60" fill="#fbbf24" opacity="0.8"/> <rect x="18" y="0" width="5" height="60" fill="#fbbf24" opacity="0.8"/> <rect x="26" y="0" width="5" height="60" fill="#fbbf24" opacity="0.8"/> <text x="18" y="-10" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#fbbf24">COMPRESSION</text> <!-- Rarefactions --> <rect x="70" y="0" width="2" height="60" fill="#94a3b8" opacity="0.4"/> <rect x="110" y="0" width="2" height="60" fill="#94a3b8" opacity="0.4"/> <text x="90" y="-10" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">RAREFACTION</text> <!-- More Compressions --> <rect x="150" y="0" width="5" height="60" fill="#fbbf24" opacity="0.8"/> <rect x="158" y="0" width="5" height="60" fill="#fbbf24" opacity="0.8"/> <rect x="166" y="0" width="5" height="60" fill="#fbbf24" opacity="0.8"/> <!-- Motion Arrows --> <path d="M 250 30 L 310 30" stroke="#f8fafc" stroke-width="2"/> <path d="M 280 20 L 280 40" stroke="#f8fafc" stroke-width="2"/> <text x="280" y="55" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">PARALLEL MOTION</text> </g> <!-- Bottom Card: Wave Equation --> <rect x="40" y="370" width="820" height="160" rx="16" fill="#ffffff15" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 4"/> <g transform="translate(80, 410)"> <text x="0" y="30" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">THE WAVE SPEED EQUATION</text> <text x="0" y="55" font-family="Arial, sans-serif" font-size="13" fill="#94a3b8" font-style="italic">Determined by the properties of the medium</text> <!-- Large Formula --> <g transform="translate(400, 60)"> <text x="0" y="0" font-family="Georgia, serif" font-size="64" fill="#f8fafc" text-anchor="middle"> <tspan fill="#38bdf8">v</tspan> = <tspan fill="#e879f9">f</tspan> <tspan fill="#fbbf24">λ</tspan> </text> <!-- Labels --> <g font-family="Arial, sans-serif" font-size="12" text-anchor="middle"> <text x="-80" y="40" fill="#38bdf8">VELOCITY (m/s)</text> <text x="0" y="40" fill="#e879f9">FREQUENCY (Hz)</text> <text x="85" y="40" fill="#fbbf24">WAVELENGTH (m)</text> </g> </g> <!-- Key Fact Box --> <g transform="translate(620, 10)"> <rect width="140" height="100" rx="8" fill="#00000030"/> <text x="70" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8" font-weight="bold">QUICK FACT</text> <text x="15" y="55" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc"> <tspan x="15" dy="0">Mechanical waves</tspan> <tspan x="15" dy="15">CANNOT travel</tspan> <tspan x="15" dy="15">through a vacuum.</tspan> </text> </g> </g> <!-- Decorative Corner Elements --> <circle cx="40" cy="40" r="20" fill="none" stroke="#38bdf8" stroke-width="1" opacity="0.3"/> <circle cx="40" cy="40" r="10" fill="#38bdf8" opacity="0.2"/> <circle cx="860" cy="520" r="30" fill="none" stroke="#e879f9" stroke-width="1" opacity="0.3"/> </svg>Mechanical Waves and Properties image 1Mechanical Waves and Properties - High School Physics - image 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/mechanical-waves/svg/1Mechanical Waves and Properties diagram 1Mechanical Waves and Properties - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/mechanical-waves/svg/2Mechanical Waves and Properties diagram 2Mechanical Waves and Properties - High School Physics - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Subtle Grid Pattern --> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Circles --> <circle cx="850" cy="50" r="100" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#e879f9" fill-opacity="0.05"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" filter="url(#glow)">THE PHYSICS OF SOUND</text> <rect x="40" y="75" width="320" height="4" fill="url(#accentGrad)" rx="2"/> <text x="40" y="95" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">MECHANICAL WAVES &amp; ACOUSTIC RESONANCE</text> <!-- Panel 1: Wave Propagation --> <rect x="40" y="120" width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">01. PROPAGATION</text> <text x="60" y="170" font-family="sans-serif" font-size="12" fill="#94a3b8">Longitudinal Pressure Waves</text> <!-- Wave Animation/Diagram --> <g transform="translate(60, 200)"> <!-- Rarefaction/Compression visual --> <rect width="220" height="60" fill="#00000033" rx="8"/> <g stroke="#38bdf8" stroke-width="2" stroke-linecap="round"> <!-- Compression --> <line x1="20" y1="10" x2="20" y2="50" opacity="0.8"/> <line x1="23" y1="10" x2="23" y2="50" opacity="0.8"/> <line x1="26" y1="10" x2="26" y2="50" opacity="0.8"/> <!-- Rarefaction --> <line x1="50" y1="10" x2="50" y2="50" opacity="0.3"/> <line x1="80" y1="10" x2="80" y2="50" opacity="0.3"/> <!-- Compression --> <line x1="110" y1="10" x2="110" y2="50" opacity="0.8"/> <line x1="113" y1="10" x2="113" y2="50" opacity="0.8"/> <line x1="116" y1="10" x2="116" y2="50" opacity="0.8"/> <!-- Rarefaction --> <line x1="140" y1="10" x2="140" y2="50" opacity="0.3"/> <line x1="170" y1="10" x2="170" y2="50" opacity="0.3"/> <!-- Compression --> <line x1="200" y1="10" x2="200" y2="50" opacity="0.8"/> <line x1="203" y1="10" x2="203" y2="50" opacity="0.8"/> </g> <text x="15" y="75" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">COMPRESSION</text> <text x="135" y="75" font-family="sans-serif" font-size="10" fill="#38bdf8" font-weight="bold">RAREFACTION</text> </g> <text x="60" y="310" font-family="sans-serif" font-size="13" fill="#f8fafc" width="220"> <tspan x="60" dy="1.4em">Sound travels via the periodic</tspan> <tspan x="60" dy="1.4em">displacement of molecules.</tspan> <tspan x="60" dy="1.4em">Unlike light, it requires a</tspan> <tspan x="60" dy="1.4em">physical medium to exist.</tspan> </text> <!-- Panel 2: Speed of Sound --> <rect x="320" y="120" width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">02. VELOCITY</text> <!-- Formula Box --> <rect x="340" y="170" width="220" height="80" rx="12" fill="#00000044"/> <text x="450" y="210" font-family="serif" font-style="italic" font-size="24" fill="#f8fafc" text-anchor="middle"> v = √ (B / ρ) </text> <text x="450" y="235" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">BULK MODULUS / DENSITY</text> <!-- Speed Comparison --> <g transform="translate(340, 270)"> <text x="0" y="20" font-family="sans-serif" font-size="12" fill="#94a3b8">MEDIUM VARIANCE (m/s)</text> <rect x="0" y="35" width="220" height="8" rx="4" fill="#ffffff11"/> <rect x="0" y="35" width="40" height="8" rx="4" fill="#38bdf8"/> <text x="0" y="58" font-family="sans-serif" font-size="11" fill="#f8fafc">AIR (20°C) ~343</text> <rect x="0" y="75" width="220" height="8" rx="4" fill="#ffffff11"/> <rect x="0" y="75" width="120" height="8" rx="4" fill="#e879f9"/> <text x="0" y="98" font-family="sans-serif" font-size="11" fill="#f8fafc">WATER ~1,480</text> <rect x="0" y="115" width="220" height="8" rx="4" fill="#ffffff11"/> <rect x="0" y="115" width="200" height="8" rx="4" fill="#f59e0b"/> <text x="0" y="138" font-family="sans-serif" font-size="11" fill="#f8fafc">STEEL ~5,960</text> </g> <text x="340" y="450" font-family="sans-serif" font-size="13" fill="#f8fafc"> <tspan x="340" dy="1.4em">Speed increases with stiffness</tspan> <tspan x="340" dy="1.4em">(Bulk Modulus) and decreases</tspan> <tspan x="340" dy="1.4em">with density.</tspan> </text> <!-- Panel 3: Standing Waves --> <rect x="600" y="120" width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">03. RESONANCE</text> <!-- Tube Diagrams --> <g transform="translate(620, 180)"> <!-- Open-Open --> <text x="0" y="15" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8">OPEN-OPEN TUBE (f₁)</text> <rect x="0" y="25" width="220" height="40" fill="none" stroke="#94a3b8" stroke-width="1.5" rx="4"/> <path d="M 0 25 Q 110 65 220 25 M 0 65 Q 110 25 220 65" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="110" cy="45" r="4" fill="#f59e0b"/> <!-- Node --> <text x="115" y="42" font-family="sans-serif" font-size="9" fill="#f59e0b">NODE</text> <!-- Open-Closed --> <text x="0" y="100" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8">OPEN-CLOSED TUBE (f₁)</text> <path d="M 0 110 H 220 V 150 H 0" fill="none" stroke="#94a3b8" stroke-width="1.5"/> <line x1="220" y1="110" x2="220" y2="150" stroke="#f8fafc" stroke-width="4"/> <!-- Closed end --> <path d="M 0 110 Q 220 130 220 130 M 0 150 Q 220 130 220 130" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <text x="180" y="125" font-family="sans-serif" font-size="9" fill="#f59e0b" text-anchor="end">NODE</text> </g> <g transform="translate(620, 360)"> <rect width="220" height="130" rx="12" fill="#00000033"/> <text x="10" y="25" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Harmonic Series</text> <text x="10" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Open-Open: n = 1, 2, 3...</text> <text x="10" y="65" font-family="serif" font-style="italic" font-size="14" fill="#38bdf8">fₙ = nv / 2L</text> <text x="10" y="95" font-family="sans-serif" font-size="11" fill="#94a3b8">Open-Closed: n = 1, 3, 5...</text> <text x="10" y="110" font-family="serif" font-style="italic" font-size="14" fill="#38bdf8">fₙ = nv / 4L</text> </g> <!-- Footer / Branding --> <text x="450" y="545" font-family="sans-serif" font-size="10" fill="#475569" text-anchor="middle" letter-spacing="2">WIKI EDUCATIONAL SERIES • PHYSICS DEPT</text> </svg>The Physics of Sound image 1The Physics of Sound - High School Physics - image 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/physics-of-sound/svg/1The Physics of Sound diagram 1The Physics of Sound - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/physics-of-sound/svg/2The Physics of Sound diagram 2The Physics of Sound - High School Physics - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Decorative Elements --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff0a" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">STATIC ELECTRICITY &amp; ELECTRIC FORCE</text> <rect x="380" y="68" width="140" height="3" fill="#38bdf8" rx="1.5"/> <text x="450" y="90" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="500" letter-spacing="3">THE PHYSICS OF STATIONARY CHARGES</text> <!-- Left Column: The Building Blocks --> <rect x="40" y="120" width="260" height="260" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="150" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="18">THE ATOMIC SCALE</text> <!-- Proton --> <circle cx="80" cy="190" r="12" fill="#f59e0b" filter="url(#glow)"/> <text x="80" y="195" text-anchor="middle" fill="#000" font-family="sans-serif" font-weight="bold" font-size="14">+</text> <text x="105" y="188" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Proton</text> <text x="105" y="202" fill="#94a3b8" font-family="sans-serif" font-size="11">Charge: +1.602 × 10⁻¹⁹ C</text> <!-- Electron --> <circle cx="80" cy="240" r="12" fill="#38bdf8" filter="url(#glow)"/> <text x="80" y="244" text-anchor="middle" fill="#000" font-family="sans-serif" font-weight="bold" font-size="16">-</text> <text x="105" y="238" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Electron</text> <text x="105" y="252" fill="#94a3b8" font-family="sans-serif" font-size="11">Charge: -1.602 × 10⁻¹⁹ C</text> <!-- Neutron --> <circle cx="80" cy="290" r="12" fill="#64748b"/> <text x="80" y="295" text-anchor="middle" fill="#000" font-family="sans-serif" font-weight="bold" font-size="12">0</text> <text x="105" y="288" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Neutron</text> <text x="105" y="302" fill="#94a3b8" font-family="sans-serif" font-size="11">Charge: Neutral (0)</text> <!-- Middle Section: Interaction (Coulomb's Law) --> <rect x="320" y="120" width="260" height="260" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="150" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="18">COULOMB'S LAW</text> <!-- Interaction Visual --> <circle cx="390" cy="220" r="20" fill="#f59e0b" opacity="0.8"/> <circle cx="510" cy="220" r="20" fill="#38bdf8" opacity="0.8"/> <text x="390" y="225" text-anchor="middle" fill="#fff" font-family="sans-serif" font-weight="bold" font-size="16">q₁</text> <text x="510" y="225" text-anchor="middle" fill="#fff" font-family="sans-serif" font-weight="bold" font-size="16">q₂</text> <!-- Attraction Arrows --> <path d="M 415 220 L 445 220" stroke="#e879f9" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 485 220 L 455 220" stroke="#e879f9" stroke-width="2" marker-end="url(#arrow)"/> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="5" orientation="auto"> <path d="M0,0 L10,5 L0,10 Z" fill="#e879f9" /> </marker> </defs> <text x="450" y="280" text-anchor="middle" fill="#f8fafc" font-family="serif" font-style="italic" font-size="22">F = k · |q₁q₂| / r²</text> <text x="450" y="310" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12">Force is proportional to charge</text> <text x="450" y="325" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12">and inverse to distance squared.</text> <!-- Right Column: Material Behavior --> <rect x="600" y="120" width="260" height="260" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="150" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="18">CONDUCTIVITY</text> <!-- Conductor Box --> <rect x="620" y="170" width="220" height="70" rx="8" fill="#ffffff05" stroke="#38bdf844"/> <text x="630" y="190" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="13">CONDUCTORS</text> <text x="630" y="208" fill="#f8fafc" font-family="sans-serif" font-size="11">Electrons move freely in a "sea".</text> <text x="630" y="224" fill="#94a3b8" font-family="sans-serif" font-size="11">Ex: Copper, Gold, Aluminum</text> <!-- Insulator Box --> <rect x="620" y="255" width="220" height="70" rx="8" fill="#ffffff05" stroke="#f59e0b44"/> <text x="630" y="275" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="13">INSULATORS</text> <text x="630" y="293" fill="#f8fafc" font-family="sans-serif" font-size="11">Electrons are tightly bound.</text> <text x="630" y="309" fill="#94a3b8" font-family="sans-serif" font-size="11">Ex: Rubber, Glass, Plastic</text> <!-- Bottom Panel: Quantization & Conservation --> <rect x="40" y="400" width="820" height="120" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <g transform="translate(80, 435)"> <text x="0" y="20" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="16">QUANTIZATION PRINCIPLE</text> <text x="0" y="45" fill="#38bdf8" font-family="serif" font-size="28" font-weight="bold">q = ne</text> <text x="0" y="70" fill="#94a3b8" font-family="sans-serif" font-size="12">Charge exists only in discrete integer multiples.</text> </g> <line x1="450" y1="420" x2="450" y2="500" stroke="#ffffff15" stroke-width="1"/> <g transform="translate(490, 435)"> <text x="0" y="20" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="16">CONSERVATION OF CHARGE</text> <text x="0" y="45" fill="#94a3b8" font-family="sans-serif" font-size="13" line-height="1.4"> <tspan x="0" dy="0">Net electric charge of an isolated system</tspan> <tspan x="0" dy="18">remains constant. Charge is transferred,</tspan> <tspan x="0" dy="18">never created or destroyed.</tspan> </text> </g> <!-- Decorative corner accents --> <path d="M 20 20 L 60 20 M 20 20 L 20 60" stroke="#38bdf8" stroke-width="2" fill="none" opacity="0.5"/> <path d="M 880 540 L 840 540 M 880 540 L 880 500" stroke="#f59e0b" stroke-width="2" fill="none" opacity="0.5"/> </svg>Static Electricity and Electric Force image 1Static Electricity and Electric Force - High School Physics - image 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/static-electricity/svg/1Static Electricity and Electric Force diagram 1Static Electricity and Electric Force - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/static-electricity/svg/2Static Electricity and Electric Force diagram 2Static Electricity and Electric Force - High School Physics - diagram 2https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/static-electricity/svg/3Static Electricity and Electric Force diagram 3Static Electricity and Electric Force - High School Physics - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">DIRECT CURRENT <tspan fill="#38bdf8">CIRCUITS</tspan></text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8">The foundational architecture of modern electronics and digital logic.</text> <line x1="40" y1="95" x2="860" y2="95" stroke="#ffffff20" stroke-width="1"/> <!-- Panel 1: The Holy Trinity (Ohm's Law) --> <rect x="40" y="115" width="260" height="200" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">OHM'S LAW</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">The governing equation of linear resistance.</text> <!-- Ohm's Triangle Graphic --> <path d="M 170 185 L 220 270 L 120 270 Z" fill="none" stroke="#38bdf8" stroke-width="2"/> <line x1="120" y1="235" x2="220" y2="235" stroke="#38bdf8" stroke-width="2"/> <line x1="170" y1="235" x2="170" y2="270" stroke="#38bdf8" stroke-width="2"/> <text x="163" y="220" font-family="serif" font-weight="bold" font-size="24" fill="#f8fafc">V</text> <text x="138" y="260" font-family="serif" font-weight="bold" font-size="20" fill="#f59e0b">I</text> <text x="185" y="260" font-family="serif" font-weight="bold" font-size="20" fill="#e879f9">R</text> <text x="60" y="300" font-family="serif" font-size="16" fill="#f8fafc">V = I · R</text> <!-- Panel 2: The Flow Dynamics --> <rect x="320" y="115" width="540" height="200" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="340" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">FLOW DYNAMICS</text> <!-- Circuit Diagram --> <rect x="420" y="180" width="120" height="80" rx="4" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Battery --> <line x1="420" y1="210" x2="420" y2="230" stroke="#f8fafc" stroke-width="4"/> <line x1="410" y1="215" x2="430" y2="215" stroke="#f8fafc" stroke-width="2"/> <line x1="415" y1="225" x2="425" y2="225" stroke="#f8fafc" stroke-width="2"/> <!-- Resistor --> <path d="M 540 200 L 540 210 L 530 215 L 550 225 L 530 235 L 550 245 L 540 250 L 540 260" fill="none" stroke="#e879f9" stroke-width="2"/> <!-- Current Arrows --> <path d="M 450 180 L 510 180" fill="none" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrow)"/> <defs> <marker id="arrow" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="4" markerHeight="4" orient="auto-start-reverse"> <path d="M 0 0 L 10 5 L 0 10 z" fill="#f59e0b" /> </marker> </defs> <text x="600" y="180" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">CONVENTIONAL CURRENT</text> <text x="600" y="195" font-family="sans-serif" font-size="11" fill="#94a3b8">Positive to Negative flow (+ → -)</text> <text x="600" y="230" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">ELECTRON FLOW</text> <text x="600" y="245" font-family="sans-serif" font-size="11" fill="#94a3b8">Actual movement of charge (- → +)</text> <text x="340" y="295" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"Charge cannot build up at a point; what goes in must come out."</text> <!-- Panel 3: Kirchhoff's Laws --> <rect x="40" y="335" width="410" height="190" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="60" y="365" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">KIRCHHOFF'S LAWS</text> <!-- KCL --> <circle cx="100" cy="420" r="4" fill="#f8fafc"/> <path d="M 70 420 L 95 420 M 105 420 L 130 400 M 105 420 L 130 440" stroke="#f59e0b" stroke-width="2" fill="none"/> <text x="145" y="415" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">KCL (Current)</text> <text x="145" y="430" font-family="sans-serif" font-size="11" fill="#94a3b8">Σ I_in = Σ I_out</text> <text x="145" y="445" font-family="sans-serif" font-size="10" fill="#38bdf8">Conservation of Charge</text> <!-- KVL --> <circle cx="100" cy="485" r="15" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2 2"/> <path d="M 100 470 L 105 470 L 100 465" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="145" y="480" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">KVL (Voltage)</text> <text x="145" y="495" font-family="sans-serif" font-size="11" fill="#94a3b8">Σ V_loop = 0</text> <text x="145" y="510" font-family="sans-serif" font-size="10" fill="#38bdf8">Conservation of Energy</text> <!-- Panel 4: Series vs Parallel --> <rect x="470" y="335" width="390" height="190" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="490" y="365" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">TOPOLOGIES</text> <!-- Series --> <g transform="translate(490, 390)"> <rect width="170" height="55" rx="8" fill="#ffffff08"/> <text x="10" y="20" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">SERIES</text> <text x="10" y="35" font-family="sans-serif" font-size="11" fill="#f8fafc">R_eq = R1 + R2 + ...</text> <text x="10" y="48" font-family="sans-serif" font-size="10" fill="#94a3b8">Current is constant throughout.</text> <path d="M 120 25 H 130 L 133 20 L 137 30 L 141 20 L 145 30 L 148 25 H 160" fill="none" stroke="#f59e0b" stroke-width="1.5"/> </g> <!-- Parallel --> <g transform="translate(490, 455)"> <rect width="170" height="55" rx="8" fill="#ffffff08"/> <text x="10" y="20" font-family="sans-serif" font-weight="bold" font-size="12" fill="#38bdf8">PARALLEL</text> <text x="10" y="35" font-family="sans-serif" font-size="11" fill="#f8fafc">1/R_eq = Σ (1/Ri)</text> <text x="10" y="48" font-family="sans-serif" font-size="10" fill="#94a3b8">Voltage is constant across branches.</text> <path d="M 130 15 H 150 M 130 35 H 150 M 140 10 V 40" fill="none" stroke="#38bdf8" stroke-width="1.5"/> </g> <!-- Decorative Elements --> <circle cx="830" cy="50" r="20" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="824" y="56" font-family="serif" font-weight="bold" font-size="18" fill="#f59e0b">DC</text> <path d="M 860 560 L 900 520 L 900 560 Z" fill="#38bdf830"/> </svg>Direct Current (DC) Circuits image 1Direct Current (DC) Circuits - High School Physics - image 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/dc-circuits/svg/1Direct Current (DC) Circuits diagram 1Direct Current (DC) Circuits - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/dc-circuits/svg/2Direct Current (DC) Circuits diagram 2Direct Current (DC) Circuits - High School Physics - diagram 2https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/dc-circuits/svg/3Direct Current (DC) Circuits diagram 3Direct Current (DC) Circuits - High School Physics - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="60" font-family="Inter, system-ui, sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="-0.02em">COURSE CHALLENGE &amp; MASTERY</text> <text x="40" y="85" font-family="Inter, system-ui, sans-serif" font-size="14" fill="#94a3b8" font-weight="400">The terminal phase of the pedagogical lifecycle: From modular instruction to global synthesis.</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Left Column: Mastery Tiers --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="160" font-family="Inter, sans-serif" font-size="18" font-weight="700" fill="#38bdf8">Mastery Tier Hierarchy</text> <!-- Tier L3 --> <rect x="55" y="180" width="230" height="65" rx="12" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="70" y="205" font-family="Inter, sans-serif" font-size="14" font-weight="bold" fill="#e879f9">L3: MASTERED (100%)</text> <text x="70" y="225" font-family="Inter, sans-serif" font-size="11" fill="#f8fafc">Synthesis &amp; long-term retention.</text> <!-- Tier L2 --> <rect x="55" y="255" width="230" height="65" rx="12" fill="#38bdf815" stroke="#38bdf8" stroke-width="1"/> <text x="70" y="280" font-family="Inter, sans-serif" font-size="14" font-weight="bold" fill="#38bdf8">L2: PROFICIENT (70-90%)</text> <text x="70" y="300" font-family="Inter, sans-serif" font-size="11" fill="#f8fafc">Consistent unit-level accuracy.</text> <!-- Tier L1 --> <rect x="55" y="330" width="230" height="65" rx="12" fill="#f59e0b15" stroke="#f59e0b" stroke-width="1"/> <text x="70" y="355" font-family="Inter, sans-serif" font-size="14" font-weight="bold" fill="#f59e0b">L1: FAMILIAR (40-60%)</text> <text x="70" y="375" font-family="Inter, sans-serif" font-size="11" fill="#f8fafc">Basic problem solving with prompting.</text> <!-- Tier L0 --> <rect x="55" y="405" width="230" height="65" rx="12" fill="#94a3b810" stroke="#94a3b8" stroke-width="1"/> <text x="70" y="430" font-family="Inter, sans-serif" font-size="14" font-weight="bold" fill="#94a3b8">L0: NOT STARTED</text> <text x="70" y="450" font-family="Inter, sans-serif" font-size="11" fill="#f8fafc">No engagement or failed diagnostics.</text> <!-- Center: The Challenge Hub --> <circle cx="450" cy="280" r="80" fill="#ffffff05" stroke="url(#accentGrad)" stroke-width="2" stroke-dasharray="8 4"/> <circle cx="450" cy="280" r="60" fill="url(#accentGrad)" opacity="0.1" filter="url(#glow)"/> <text x="450" y="275" font-family="Inter, sans-serif" font-size="16" font-weight="800" fill="#f8fafc" text-anchor="middle">COURSE</text> <text x="450" y="295" font-family="Inter, sans-serif" font-size="16" font-weight="800" fill="#f8fafc" text-anchor="middle">CHALLENGE</text> <text x="450" y="315" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">THE GATEKEEPER</text> <!-- Right Column: Learning Mechanics --> <rect x="600" y="130" width="260" height="185" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="160" font-family="Inter, sans-serif" font-size="18" font-weight="700" fill="#f59e0b">Interleaving Effect</text> <!-- Blocked vs Interleaved Visual --> <text x="620" y="185" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Blocked (Unit Tests)</text> <rect x="620" y="195" width="20" height="20" rx="4" fill="#38bdf8"/> <rect x="645" y="195" width="20" height="20" rx="4" fill="#38bdf8"/> <rect x="670" y="195" width="20" height="20" rx="4" fill="#38bdf8"/> <rect x="705" y="195" width="20" height="20" rx="4" fill="#e879f9"/> <rect x="730" y="195" width="20" height="20" rx="4" fill="#e879f9"/> <text x="620" y="240" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Interleaved (Course Challenge)</text> <rect x="620" y="250" width="20" height="20" rx="4" fill="#38bdf8"/> <rect x="645" y="250" width="20" height="20" rx="4" fill="#e879f9"/> <rect x="670" y="250" width="20" height="20" rx="4" fill="#f59e0b"/> <rect x="695" y="250" width="20" height="20" rx="4" fill="#38bdf8"/> <rect x="720" y="250" width="20" height="20" rx="4" fill="#e879f9"/> <text x="620" y="290" font-family="Inter, sans-serif" font-size="10" fill="#f8fafc" font-style="italic">Forces active retrieval from long-term memory.</text> <!-- Bottom Right: Synthesis Pipeline --> <rect x="600" y="335" width="260" height="185" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="365" font-family="Inter, sans-serif" font-size="18" font-weight="700" fill="#e879f9">Synthesis Pipeline</text> <g transform="translate(620, 385)"> <circle cx="10" cy="10" r="8" fill="#e879f9" opacity="0.2"/> <text x="10" y="14" font-family="Inter, sans-serif" font-size="10" font-weight="bold" fill="#e879f9" text-anchor="middle">1</text> <text x="25" y="14" font-family="Inter, sans-serif" font-size="12" fill="#f8fafc">Deconstruction</text> <circle cx="10" cy="35" r="8" fill="#e879f9" opacity="0.2"/> <text x="10" y="39" font-family="Inter, sans-serif" font-size="10" font-weight="bold" fill="#e879f9" text-anchor="middle">2</text> <text x="25" y="39" font-family="Inter, sans-serif" font-size="12" fill="#f8fafc">Domain Mapping</text> <circle cx="10" cy="60" r="8" fill="#e879f9" opacity="0.2"/> <text x="10" y="64" font-family="Inter, sans-serif" font-size="10" font-weight="bold" fill="#e879f9" text-anchor="middle">3</text> <text x="25" y="64" font-family="Inter, sans-serif" font-size="12" fill="#f8fafc">Variable Bridging</text> <circle cx="10" cy="85" r="8" fill="#e879f9" opacity="0.2"/> <text x="10" y="89" font-family="Inter, sans-serif" font-size="10" font-weight="bold" fill="#e879f9" text-anchor="middle">4</text> <text x="25" y="89" font-family="Inter, sans-serif" font-size="12" fill="#f8fafc">Execution &amp; Validation</text> </g> <!-- Connecting Lines (Visualizing Synthesis) --> <path d="M300 280 Q450 200 600 280" fill="none" stroke="#ffffff10" stroke-width="2" stroke-dasharray="5 5"/> <path d="M300 360 Q450 450 600 360" fill="none" stroke="#ffffff10" stroke-width="2" stroke-dasharray="5 5"/> <!-- Ballistic Pendulum Icon (Small Detail) --> <g transform="translate(420, 430) scale(0.8)"> <line x1="0" y1="0" x2="60" y2="0" stroke="#94a3b8" stroke-width="2"/> <line x1="30" y1="0" x2="30" y2="50" stroke="#94a3b8" stroke-width="1"/> <circle cx="30" cy="55" r="8" fill="#38bdf8"/> <rect x="-20" y="50" width="15" height="8" rx="2" fill="#f59e0b"/> <path d="M-5 54 L15 54" stroke="#f59e0b" stroke-dasharray="2 2"/> <text x="30" y="85" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Synthesis Example</text> </g> <!-- Footer Info --> <text x="40" y="540" font-family="Inter, sans-serif" font-size="10" fill="#475569">MASTERY THEOREM: Retention over time + Transferability of skill = Global Proficiency.</text> </svg>Course Challenge and Mastery image 1Course Challenge and Mastery - High School Physics - image 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/course-challenge-final/svg/1Course Challenge and Mastery diagram 1Course Challenge and Mastery - High School Physics - diagram 1https://www.getlykke.com/explore/public/high-school-physics-060065c2-a6bb-4d4e-a0a1-42b95ab5e1eb/media/course-challenge-final/svg/2Course Challenge and Mastery diagram 2Course Challenge and Mastery - High School Physics - diagram 2https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea792026-04-20T05:01:03.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <filter id="softGlow"> <feGaussianBlur stdDeviation="1.5" result="blur"/> <feMerge> <feMergeNode in="blur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.5">SUBATOMIC ARCHITECTURE</text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400" letter-spacing="1">THE FUNDAMENTAL BUILDING BLOCKS OF MATTER</text> <rect x="40" y="90" width="120" height="4" rx="2" fill="#f59e0b"/> <!-- Main Content Panels --> <!-- Panel 1: The Trinity --> <rect x="40" y="120" width="260" height="320" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE TRINITY</text> <!-- Proton --> <circle cx="75" cy="190" r="12" fill="#f59e0b" filter="url(#glow)"/> <text x="75" y="195" font-family="sans-serif" font-weight="bold" font-size="14" fill="#0f172a" text-anchor="middle">+</text> <text x="100" y="188" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Proton (p⁺)</text> <text x="100" y="202" font-family="sans-serif" font-size="11" fill="#94a3b8">Mass: 1 amu | Charge: +1</text> <!-- Neutron --> <circle cx="75" cy="240" r="12" fill="#64748b"/> <text x="75" y="245" font-family="sans-serif" font-weight="bold" font-size="14" fill="#0f172a" text-anchor="middle">0</text> <text x="100" y="238" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Neutron (n⁰)</text> <text x="100" y="252" font-family="sans-serif" font-size="11" fill="#94a3b8">Mass: 1 amu | Charge: 0</text> <!-- Electron --> <circle cx="75" cy="290" r="8" fill="#38bdf8" filter="url(#glow)"/> <text x="75" y="294" font-family="sans-serif" font-weight="bold" font-size="12" fill="#0f172a" text-anchor="middle">-</text> <text x="100" y="288" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Electron (e⁻)</text> <text x="100" y="302" font-family="sans-serif" font-size="11" fill="#94a3b8">Mass: ~0 amu | Charge: -1</text> <text x="60" y="340" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"The nucleus holds the mass,"</text> <text x="60" y="358" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"the cloud holds the volume."</text> <!-- Panel 2: Central Visualization --> <g transform="translate(450, 280)"> <!-- Orbitals --> <ellipse cx="0" cy="0" rx="140" ry="60" fill="none" stroke="#38bdf833" stroke-width="1.5" transform="rotate(0)"/> <ellipse cx="0" cy="0" rx="140" ry="60" fill="none" stroke="#38bdf833" stroke-width="1.5" transform="rotate(60)"/> <ellipse cx="0" cy="0" rx="140" ry="60" fill="none" stroke="#38bdf833" stroke-width="1.5" transform="rotate(120)"/> <!-- Electrons on paths --> <circle cx="140" cy="0" r="5" fill="#38bdf8" filter="url(#softGlow)"/> <circle cx="-70" cy="52" r="5" fill="#38bdf8" filter="url(#softGlow)"/> <circle cx="-70" cy="-52" r="5" fill="#38bdf8" filter="url(#softGlow)"/> <!-- Nucleus --> <circle cx="0" cy="0" r="35" fill="#ffffff05" stroke="#ffffff20" stroke-dasharray="4 2"/> <circle cx="-6" cy="-6" r="10" fill="#f59e0b"/> <circle cx="8" cy="-4" r="10" fill="#64748b"/> <circle cx="2" cy="8" r="10" fill="#f59e0b"/> <circle cx="-8" cy="6" r="10" fill="#64748b"/> <circle cx="0" cy="0" r="10" fill="#f59e0b"/> <text y="180" font-family="sans-serif" font-weight="800" font-size="20" fill="#f8fafc" text-anchor="middle">THE ATOMIC CORE</text> <text y="200" font-family="sans-serif" font-size="13" fill="#94a3b8" text-anchor="middle">Z = Protons | N = Neutrons | A = Mass Number</text> </g> <!-- Panel 3: Variations --> <rect x="600" y="120" width="260" height="150" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">ISOTOPES</text> <text x="620" y="175" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Varying Neutrons (N)</text> <text x="620" y="195" font-family="sans-serif" font-size="12" fill="#94a3b8">Same element, different mass.</text> <!-- Isotope mini-graphic --> <g transform="translate(630, 225)"> <circle cx="0" cy="0" r="15" fill="#ffffff10" stroke="#64748b"/> <text x="0" y="4" font-family="sans-serif" font-size="10" fill="#f8fafc" text-anchor="middle">¹²C</text> <path d="M 30 0 L 50 0" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrow)"/> <circle cx="80" cy="0" r="15" fill="#ffffff10" stroke="#e879f9" stroke-width="2"/> <text x="80" y="4" font-family="sans-serif" font-size="10" fill="#f8fafc" text-anchor="middle">¹⁴C</text> <text x="110" y="4" font-family="sans-serif" font-size="10" fill="#e879f9">+2n⁰</text> </g> <rect x="600" y="290" width="260" height="150" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="320" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">IONS</text> <text x="620" y="345" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Varying Electrons (e⁻)</text> <text x="620" y="365" font-family="sans-serif" font-size="12" fill="#94a3b8">Electrostatic charge imbalance.</text> <!-- Ion mini-graphic --> <g transform="translate(630, 400)"> <text x="0" y="5" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Na</text> <path d="M 30 0 L 50 0" stroke="#38bdf8" stroke-width="1"/> <text x="80" y="5" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">Na⁺</text> <text x="110" y="5" font-family="sans-serif" font-size="10" fill="#38bdf8">-1e⁻</text> <text x="110" y="20" font-family="sans-serif" font-size="9" fill="#94a3b8">Cation</text> </g> <!-- Footer: The Identity Principle --> <rect x="40" y="470" width="820" height="60" rx="12" fill="#f59e0b15" stroke="#f59e0b44"/> <text x="450" y="495" font-family="sans-serif" font-weight="800" font-size="18" fill="#f59e0b" text-anchor="middle">THE IDENTITY PRINCIPLE</text> <text x="450" y="515" font-family="sans-serif" font-size="14" fill="#f8fafc" text-anchor="middle">The number of <tspan fill="#f59e0b" font-weight="bold">Protons (Z)</tspan> uniquely defines the element. Change the protons, change the identity.</text> <!-- Decorative accents --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff08" stroke-width="8"/> <circle cx="850" cy="50" r="15" fill="none" stroke="#ffffff08" stroke-width="4"/> </svg>Fundamental Building Blocks: Atoms, Isotopes, and Ions image 1Fundamental Building Blocks: Atoms, Isotopes, and Ions - High School Chemistry - image 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/atoms-isotopes-ions/svg/1Fundamental Building Blocks: Atoms, Isotopes, and Ions diagram 1Fundamental Building Blocks: Atoms, Isotopes, and Ions - High School Chemistry - diagram 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/atoms-isotopes-ions/svg/2Fundamental Building Blocks: Atoms, Isotopes, and Ions diagram 2Fundamental Building Blocks: Atoms, Isotopes, and Ions - High School Chemistry - diagram 2https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/atoms-isotopes-ions/svg/3Fundamental Building Blocks: Atoms, Isotopes, and Ions diagram 3Fundamental Building Blocks: Atoms, Isotopes, and Ions - High School Chemistry - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="bohr-grad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#1d4ed8"/> </linearGradient> <radialGradient id="cloud-grad" cx="50%" cy="50%" r="50%"> <stop offset="0%" stop-color="#e879f9" stop-opacity="0.8"/> <stop offset="60%" stop-color="#e879f9" stop-opacity="0.2"/> <stop offset="100%" stop-color="#e879f9" stop-opacity="0"/> </radialGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">MODERN ATOMIC THEORY</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">From Defined Orbits to Quantum Probability</text> <!-- Comparison Panels --> <!-- Left Panel: Bohr --> <rect x="40" y="100" width="390" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="135" font-family="sans-serif" font-weight="700" font-size="20" fill="#38bdf8">1913 | The Bohr Model</text> <text x="60" y="155" font-family="sans-serif" font-size="12" fill="#94a3b8">"The Miniature Solar System"</text> <!-- Bohr Illustration --> <circle cx="235" cy="250" r="8" fill="#f59e0b"/> <!-- Nucleus --> <circle cx="235" cy="250" r="40" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 2"/> <circle cx="235" cy="250" r="70" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <circle cx="235" cy="250" r="100" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 2"/> <circle cx="235" cy="180" r="5" fill="#f8fafc"/> <!-- Electron --> <!-- Photon Emission --> <path d="M 235 180 Q 260 160 280 180 T 320 180" fill="none" stroke="#f59e0b" stroke-width="2"> <animate attributeName="stroke-dashoffset" from="20" to="0" dur="2s" repeatCount="indefinite" /> </path> <text x="325" y="185" font-family="serif" font-size="12" fill="#f59e0b">E = hν</text> <text x="60" y="380" font-family="sans-serif" font-size="13" fill="#f8fafc">• Electrons in fixed circular orbits</text> <text x="60" y="400" font-family="sans-serif" font-size="13" fill="#f8fafc">• Quantized angular momentum (L = nħ)</text> <text x="60" y="420" font-family="sans-serif" font-size="13" fill="#f8fafc">• Discrete spectral lines (Rydberg)</text> <!-- Right Panel: Quantum --> <rect x="470" y="100" width="390" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="490" y="135" font-family="sans-serif" font-weight="700" font-size="20" fill="#e879f9">1926 | Quantum Mechanical</text> <text x="490" y="155" font-family="sans-serif" font-size="12" fill="#94a3b8">"The Wave-Function Model"</text> <!-- Quantum Illustration --> <circle cx="665" cy="250" r="60" fill="url(#cloud-grad)"/> <!-- P-orbital shape --> <path d="M 665 250 Q 695 200 665 180 Q 635 200 665 250 Q 695 300 665 320 Q 635 300 665 250" fill="#e879f9" fill-opacity="0.3" stroke="#e879f9" stroke-width="1"/> <circle cx="665" cy="250" r="4" fill="#f59e0b"/> <!-- Nucleus --> <text x="490" y="380" font-family="sans-serif" font-size="13" fill="#f8fafc">• Probability distributions (Orbitals)</text> <text x="490" y="400" font-family="sans-serif" font-size="13" fill="#f8fafc">• Heisenberg Uncertainty Principle</text> <text x="490" y="420" font-family="sans-serif" font-size="13" fill="#f8fafc">• Schrödinger Equation: Ĥψ = Eψ</text> <!-- Bottom Section: Quantum Numbers --> <rect x="40" y="460" width="820" height="80" rx="12" fill="#ffffff05" stroke="#ffffff10" stroke-width="1"/> <g transform="translate(60, 485)"> <circle r="15" cx="15" cy="15" fill="#38bdf8" fill-opacity="0.2"/> <text x="15" y="20" text-anchor="middle" font-family="serif" font-weight="bold" fill="#38bdf8" font-size="16">n</text> <text x="40" y="12" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Principal</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Size/Energy</text> </g> <g transform="translate(260, 485)"> <circle r="15" cx="15" cy="15" fill="#e879f9" fill-opacity="0.2"/> <text x="15" y="20" text-anchor="middle" font-family="serif" font-weight="bold" fill="#e879f9" font-size="16">l</text> <text x="40" y="12" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Angular</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Orbital Shape</text> </g> <g transform="translate(460, 485)"> <circle r="15" cx="15" cy="15" fill="#f59e0b" fill-opacity="0.2"/> <text x="15" y="20" text-anchor="middle" font-family="serif" font-weight="bold" fill="#f59e0b" font-size="16">mₗ</text> <text x="40" y="12" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Magnetic</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Orientation</text> </g> <g transform="translate(660, 485)"> <circle r="15" cx="15" cy="15" fill="#2dd4bf" fill-opacity="0.2"/> <text x="15" y="20" text-anchor="middle" font-family="serif" font-weight="bold" fill="#2dd4bf" font-size="16">mₛ</text> <text x="40" y="12" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Spin</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Electron Rotation</text> </g> <!-- Paradigm Shift Arrow --> <path d="M 435 270 L 465 270" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowhead)"/> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#94a3b8" /> </marker> </defs> <text x="450" y="260" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#94a3b8" transform="rotate(-90 450 260)">SHIFT</text> </svg>Modern Atomic Theory and Periodicity image 1Modern Atomic Theory and Periodicity - High School Chemistry - image 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/atomic-models-periodicity/svg/1Modern Atomic Theory and Periodicity diagram 1Modern Atomic Theory and Periodicity - High School Chemistry - diagram 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/atomic-models-periodicity/svg/2Modern Atomic Theory and Periodicity diagram 2Modern Atomic Theory and Periodicity - High School Chemistry - diagram 2<svg viewBox="0 0 900 560" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="ionicGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8" stop-opacity="0.2"/> <stop offset="100%" stop-color="#38bdf8" stop-opacity="0.05"/> </linearGradient> <linearGradient id="covalentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#e879f9" stop-opacity="0.2"/> <stop offset="100%" stop-color="#e879f9" stop-opacity="0.05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">CHEMICAL BONDING &amp; MOLECULAR STRUCTURE</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400">The thermodynamic drive toward energy minimization and stability</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#f59e0b" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <!-- Left Panel: Ionic --> <rect x="40" y="110" width="380" height="300" rx="16" fill="url(#ionicGrad)" stroke="#38bdf833" stroke-width="1"/> <text x="60" y="145" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="20">IONIC BONDING</text> <text x="60" y="165" fill="#94a3b8" font-family="sans-serif" font-size="12">Electrostatic Lattice &amp; Electron Transfer</text> <!-- Ionic Illustration --> <g transform="translate(100, 230)"> <!-- Lattice --> <circle cx="0" cy="0" r="15" fill="#38bdf8" filter="url(#glow)"/> <text x="0" y="5" text-anchor="middle" fill="#0f172a" font-family="sans-serif" font-weight="bold" font-size="14">+</text> <circle cx="40" cy="0" r="12" fill="#94a3b8"/> <text x="40" y="4" text-anchor="middle" fill="#0f172a" font-family="sans-serif" font-weight="bold" font-size="12">-</text> <circle cx="0" cy="40" r="12" fill="#94a3b8"/> <circle cx="40" cy="40" r="15" fill="#38bdf8" filter="url(#glow)"/> <circle cx="80" cy="0" r="15" fill="#38bdf8" filter="url(#glow)"/> <circle cx="80" cy="40" r="12" fill="#94a3b8"/> <!-- Transfer Arrow --> <path d="M140,-20 Q160,-40 180,-20" stroke="#f59e0b" fill="none" stroke-width="2" marker-end="url(#arrowhead)"/> <circle cx="130" cy="-10" r="8" fill="#38bdf8" opacity="0.5"/> <circle cx="190" cy="-10" r="10" fill="#94a3b8" opacity="0.5"/> <circle cx="145" cy="-25" r="3" fill="#f59e0b"/> </g> <g font-family="sans-serif" font-size="12" fill="#f8fafc"> <text x="60" y="330">• Complete electron transfer</text> <text x="60" y="350">• Non-directional Coulombic forces</text> <text x="60" y="370">• High melting points &amp; brittleness</text> <text x="60" y="390">• Lattice Energy (Born-Landé Eq.)</text> </g> <!-- Right Panel: Covalent --> <rect x="480" y="110" width="380" height="300" rx="16" fill="url(#covalentGrad)" stroke="#e879f933" stroke-width="1"/> <text x="500" y="145" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="20">COVALENT BONDING</text> <text x="500" y="165" fill="#94a3b8" font-family="sans-serif" font-size="12">Shared Electron Model &amp; Directional Orbitals</text> <!-- Covalent Illustration --> <g transform="translate(600, 230)"> <circle cx="0" cy="20" r="35" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="50" cy="20" r="35" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="25" cy="12" r="4" fill="#f59e0b" filter="url(#glow)"/> <circle cx="25" cy="28" r="4" fill="#f59e0b" filter="url(#glow)"/> <circle cx="0" cy="20" r="6" fill="#f8fafc"/> <circle cx="50" cy="20" r="6" fill="#f8fafc"/> <text x="25" y="70" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="11" font-style="italic">Orbital Overlap</text> </g> <g font-family="sans-serif" font-size="12" fill="#f8fafc"> <text x="500" y="330">• Electron pair sharing</text> <text x="500" y="350">• Directional &amp; discrete molecules</text> <text x="500" y="370">• Valence Bond &amp; MO Theory</text> <text x="500" y="390">• Octet Rule stability</text> </g> <!-- Bottom Section: Morse Potential --> <rect x="40" y="430" width="820" height="100" rx="16" fill="#ffffff05" stroke="#ffffff11" stroke-width="1"/> <text x="60" y="460" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="16">THE THERMODYNAMIC DRIVE</text> <text x="60" y="485" fill="#94a3b8" font-family="sans-serif" font-size="12" width="400"> Bonding occurs when the system reaches a lower potential energy state (ΔG &lt; 0). </text> <!-- Morse Curve Mini-Graph --> <g transform="translate(550, 445)"> <path d="M0,10 Q20,10 40,60 T80,75 T150,20 T250,20" fill="none" stroke="#f59e0b" stroke-width="2" opacity="0.8"/> <line x1="0" y1="20" x2="250" y2="20" stroke="#94a3b8" stroke-width="1" stroke-dasharray="2 2"/> <circle cx="80" cy="75" r="4" fill="#f59e0b"/> <text x="85" y="90" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="bold">Stable Bond Length (r₀)</text> <text x="200" y="15" fill="#94a3b8" font-family="sans-serif" font-size="9">Energy (E)</text> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="#38bdf8" opacity="0.05"/> <circle cx="50" cy="510" r="20" fill="#e879f9" opacity="0.05"/> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#f59e0b" /> </marker> </defs> </svg>Chemical Bonding and Molecular Structure image 1Chemical Bonding and Molecular Structure - High School Chemistry - image 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/chemical-bonding/svg/1Chemical Bonding and Molecular Structure diagram 1Chemical Bonding and Molecular Structure - High School Chemistry - diagram 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/chemical-bonding/svg/2Chemical Bonding and Molecular Structure diagram 2Chemical Bonding and Molecular Structure - High School Chemistry - diagram 2https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/chemical-bonding/svg/3Chemical Bonding and Molecular Structure diagram 3Chemical Bonding and Molecular Structure - High School Chemistry - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header --> <text x="40" y="60" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">IONIC NOMENCLATURE</text> <text x="40" y="85" font-family="Arial, sans-serif" font-size="14" fill="#38bdf8" letter-spacing="1">THE STANDARDIZED PROTOCOL FOR CHEMICAL INFORMATICS</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Panel 1: Charge Neutrality (The Unit Test) --> <rect x="40" y="130" width="260" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="160" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">The Principle of Neutrality</text> <text x="60" y="185" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">The "Unit Test" for chemical viability.</text> <!-- Balance Visual --> <circle cx="110" cy="240" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="110" y="245" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">Cation</text> <circle cx="230" cy="240" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="230" y="245" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#e879f9">Anion</text> <path d="M140 240 L200 240" stroke="#f8fafc" stroke-width="2" stroke-dasharray="4"/> <text x="170" y="230" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">Σ Charge = 0</text> <!-- Panel 2: Binary Logic (Fixed vs Variable) --> <rect x="320" y="130" width="540" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="160" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">Binary Compounds: The Pipeline</text> <!-- Type I --> <rect x="340" y="180" width="240" height="100" rx="8" fill="#ffffff05"/> <text x="350" y="200" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">TYPE I: Fixed Charge</text> <text x="350" y="220" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Groups 1, 2, &amp; Aluminum</text> <text x="350" y="245" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">NaCl → Sodium Chloride</text> <text x="350" y="265" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Charge is implied by position.</text> <!-- Type II --> <rect x="600" y="180" width="240" height="100" rx="8" fill="#ffffff05"/> <text x="610" y="200" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#e879f9">TYPE II: Variable Charge</text> <text x="610" y="220" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Transition Metals (Stock System)</text> <text x="610" y="245" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">FeCl₃ → Iron(III) Chloride</text> <text x="610" y="265" font-family="Arial, sans-serif" font-size="11" fill="#f59e0b">Numeral = Charge, not subscript.</text> <!-- Panel 3: Oxyanion Hierarchy (The Ladder) --> <rect x="40" y="330" width="420" height="200" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="360" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">The Oxyanion Series</text> <!-- Ladder --> <g transform="translate(60, 380)"> <line x1="10" y1="0" x2="10" y2="120" stroke="#ffffff20" stroke-width="2"/> <circle cx="10" cy="10" r="4" fill="#f59e0b"/> <text x="25" y="14" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">per-___-ate</text> <text x="140" y="14" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Highest Oxygen (ClO₄⁻)</text> <circle cx="10" cy="40" r="4" fill="#f8fafc"/> <text x="25" y="44" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">___-ate</text> <text x="140" y="44" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Standard Form (ClO₃⁻)</text> <circle cx="10" cy="70" r="4" fill="#f8fafc"/> <text x="25" y="74" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">___-ite</text> <text x="140" y="74" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">One Less Oxygen (ClO₂⁻)</text> <circle cx="10" cy="100" r="4" fill="#38bdf8"/> <text x="25" y="104" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">hypo-___-ite</text> <text x="140" y="104" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Lowest Oxygen (ClO⁻)</text> </g> <!-- Panel 4: Polyatomic "Structs" --> <rect x="480" y="330" width="380" height="200" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="500" y="360" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">Essential Polyatomic Library</text> <g transform="translate(500, 380)"> <rect x="0" y="0" width="170" height="35" rx="6" fill="#ffffff05"/> <text x="10" y="22" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">Ammonium</text> <text x="110" y="22" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">NH₄⁺</text> <rect x="180" y="0" width="170" height="35" rx="6" fill="#ffffff05"/> <text x="190" y="22" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#e879f9">Hydroxide</text> <text x="300" y="22" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">OH⁻</text> <rect x="0" y="45" width="170" height="35" rx="6" fill="#ffffff05"/> <text x="10" y="67" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">Sulfate</text> <text x="110" y="67" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">SO₄²⁻</text> <rect x="180" y="45" width="170" height="35" rx="6" fill="#ffffff05"/> <text x="190" y="67" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">Nitrate</text> <text x="300" y="67" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">NO₃⁻</text> <rect x="0" y="90" width="170" height="35" rx="6" fill="#ffffff05"/> <text x="10" y="112" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">Carbonate</text> <text x="110" y="112" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">CO₃²⁻</text> <rect x="180" y="90" width="170" height="35" rx="6" fill="#ffffff05"/> <text x="190" y="112" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">Phosphate</text> <text x="300" y="112" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">PO₄³⁻</text> </g> <!-- Decorative Elements --> <circle cx="840" cy="60" r="20" fill="none" stroke="#f59e0b" stroke-width="2" opacity="0.5"/> <circle cx="840" cy="60" r="12" fill="#f59e0b" opacity="0.2"/> <path d="M830 60 L850 60 M840 50 L840 70" stroke="#f59e0b" stroke-width="2"/> <!-- Footer Label --> <text x="450" y="550" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#475569" letter-spacing="2">IUPAC STANDARD PROTOCOL // CHEMISTRY CORE v1.0</text> </svg>Ionic Nomenclature and Polyatomic Ions image 1Ionic Nomenclature and Polyatomic Ions - High School Chemistry - image 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/nomenclature-polyatomic-ions/svg/1Ionic Nomenclature and Polyatomic Ions diagram 1Ionic Nomenclature and Polyatomic Ions - High School Chemistry - diagram 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/nomenclature-polyatomic-ions/svg/2Ionic Nomenclature and Polyatomic Ions diagram 2Ionic Nomenclature and Polyatomic Ions - High School Chemistry - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">STOICHIOMETRY &amp; THE MOLE</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="3">THE QUANTITATIVE ENGINE OF CHEMISTRY</text> <rect x="350" y="95" width="200" height="2" fill="url(#accentGrad)" rx="1"/> <!-- The Bridge Concept (Main Visual) --> <!-- Left Side: Microscopic --> <rect x="40" y="140" width="260" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="170" y="175" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">MICROSCOPIC</text> <text x="170" y="195" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Individual Entities</text> <!-- Atom Cluster Icon --> <g transform="translate(145, 230)"> <circle cx="10" cy="10" r="8" fill="#38bdf8" fill-opacity="0.6"/> <circle cx="40" cy="15" r="6" fill="#38bdf8" fill-opacity="0.4"/> <circle cx="25" cy="40" r="10" fill="#38bdf8" fill-opacity="0.8"/> <circle cx="50" cy="45" r="7" fill="#38bdf8" fill-opacity="0.5"/> <path d="M10,10 L25,40 M25,40 L40,15 M40,15 L50,45" stroke="#38bdf8" stroke-width="1" stroke-dasharray="2,2"/> </g> <text x="170" y="320" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#f8fafc">Atoms, Ions, &amp; Molecules</text> <text x="170" y="340" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Measured in Atomic Mass Units (amu)</text> <!-- Right Side: Macroscopic --> <rect x="600" y="140" width="260" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="730" y="175" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">MACROSCOPIC</text> <text x="730" y="195" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Measurable Quantities</text> <!-- Beaker/Scale Icon --> <g transform="translate(705, 230)"> <path d="M0,50 L50,50 L50,10 L40,10 L40,40 L10,40 L10,10 L0,10 Z" fill="#f59e0b" fill-opacity="0.3"/> <rect x="5" y="35" width="40" height="10" fill="#f59e0b" fill-opacity="0.6"/> <path d="M15,0 L35,0 M25,0 L25,30" stroke="#f59e0b" stroke-width="2"/> </g> <text x="730" y="320" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#f8fafc">Grams, Liters, &amp; Moles</text> <text x="730" y="340" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Laboratory Scale Measurements</text> <!-- The Bridge (Center) --> <path d="M300,250 Q450,180 600,250" fill="none" stroke="url(#accentGrad)" stroke-width="4" stroke-dasharray="8,4"/> <path d="M300,270 Q450,340 600,270" fill="none" stroke="url(#accentGrad)" stroke-width="4" stroke-dasharray="8,4"/> <rect x="360" y="225" width="180" height="70" rx="12" fill="#1e293b" stroke="#e879f9" stroke-width="2"/> <text x="450" y="250" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="20" fill="#f8fafc">THE MOLE</text> <text x="450" y="275" text-anchor="middle" font-family="sans-serif" font-weight="600" font-size="14" fill="#e879f9">6.022 × 10²³</text> <!-- Bottom Info Cards --> <!-- Card 1: Molar Mass --> <rect x="40" y="400" width="260" height="120" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="70" cy="430" r="15" fill="#38bdf8" fill-opacity="0.2"/> <text x="70" y="435" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">M</text> <text x="100" y="432" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">Molar Mass</text> <text x="65" y="465" font-family="sans-serif" font-size="12" fill="#94a3b8">The mass of 1 mole of a</text> <text x="65" y="482" font-family="sans-serif" font-size="12" fill="#94a3b8">substance in grams (g/mol).</text> <text x="65" y="505" font-family="sans-serif" font-weight="bold" font-size="12" fill="#38bdf8">Σ (Atomic Masses)</text> <!-- Card 2: Molar Volume --> <rect x="320" y="400" width="260" height="120" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="350" cy="430" r="15" fill="#e879f9" fill-opacity="0.2"/> <text x="350" y="435" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#e879f9">V</text> <text x="380" y="432" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">Molar Volume</text> <text x="345" y="465" font-family="sans-serif" font-size="12" fill="#94a3b8">Volume of 1 mole of ideal</text> <text x="345" y="482" font-family="sans-serif" font-size="12" fill="#94a3b8">gas at STP (0°C, 1 atm).</text> <text x="345" y="505" font-family="sans-serif" font-weight="bold" font-size="13" fill="#e879f9">22.414 L/mol</text> <!-- Card 3: Conservation --> <rect x="600" y="400" width="260" height="120" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="630" cy="430" r="15" fill="#f59e0b" fill-opacity="0.2"/> <text x="630" y="435" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">=</text> <text x="660" y="432" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">Conservation</text> <text x="625" y="465" font-family="sans-serif" font-size="12" fill="#94a3b8">Mass is neither created nor</text> <text x="625" y="482" font-family="sans-serif" font-size="12" fill="#94a3b8">destroyed in a reaction.</text> <text x="625" y="505" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">Reactants = Products</text> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="50" cy="510" r="20" fill="none" stroke="#ffffff05" stroke-width="4"/> </svg>Stoichiometry and the Mole image 1Stoichiometry and the Mole - High School Chemistry - image 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/stoichiometry-mole/svg/1Stoichiometry and the Mole diagram 1Stoichiometry and the Mole - High School Chemistry - diagram 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/stoichiometry-mole/svg/2Stoichiometry and the Mole diagram 2Stoichiometry and the Mole - High School Chemistry - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dot-pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <linearGradient id="accent-grad" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg-grad)"/> <rect width="900" height="560" fill="url(#dot-pattern)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" filter="url(#glow)">STATES OF MATTER</text> <text x="40" y="90" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8" letter-spacing="1">The Tug-of-War: Kinetic Energy vs. Intermolecular Forces</text> <rect x="40" y="105" width="240" height="4" rx="2" fill="url(#accent-grad)"/> <!-- Left Panel: KMT --> <rect x="40" y="130" width="380" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Kinetic Molecular Theory (KMT)</text> <text x="60" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">The mechanics of particle motion</text> <g transform="translate(60, 205)"> <!-- Postulate 1 --> <circle cx="10" cy="10" r="3" fill="#38bdf8"/> <text x="25" y="14" font-family="sans-serif" font-size="13" fill="#f8fafc">Negligible Volume: <tspan fill="#94a3b8">Particles as point masses</tspan></text> <!-- Postulate 2 --> <circle cx="10" cy="35" r="3" fill="#38bdf8"/> <text x="25" y="39" font-family="sans-serif" font-size="13" fill="#f8fafc">Random Motion: <tspan fill="#94a3b8">Straight lines until collision</tspan></text> <!-- Postulate 3 --> <circle cx="10" cy="60" r="3" fill="#38bdf8"/> <text x="25" y="64" font-family="sans-serif" font-size="13" fill="#f8fafc">Elastic Collisions: <tspan fill="#94a3b8">Total KE is conserved</tspan></text> <!-- Postulate 4 --> <circle cx="10" cy="85" r="3" fill="#38bdf8"/> <text x="25" y="89" font-family="sans-serif" font-size="13" fill="#f8fafc">KE ∝ Temperature: <tspan fill="#94a3b8">KE = 3/2 RT</tspan></text> </g> <!-- KMT Simulation Graphic --> <rect x="60" y="310" width="340" height="45" rx="8" fill="#00000030"/> <circle cx="85" cy="332" r="4" fill="#38bdf8"/> <path d="M 89 332 L 115 332" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2,2"/> <circle cx="150" cy="325" r="4" fill="#38bdf8"/> <path d="M 150 325 L 170 345" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2,2"/> <text x="190" y="337" font-family="monospace" font-size="11" fill="#38bdf8">v_rms = sqrt(3RT/M)</text> <!-- Right Panel: IMF --> <rect x="440" y="130" width="420" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="460" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Intermolecular Forces (IMF)</text> <text x="460" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">The electrostatic "glue" between molecules</text> <!-- IMF Hierarchy --> <g transform="translate(460, 210)"> <!-- LDF --> <rect x="0" y="0" width="380" height="35" rx="6" fill="#ffffff05"/> <text x="10" y="22" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">London Dispersion (LDF)</text> <text x="160" y="22" font-family="sans-serif" font-size="11" fill="#94a3b8">Temporary dipoles • Universal</text> <text x="340" y="22" font-family="sans-serif" font-size="11" fill="#f59e0b" text-anchor="end">Weakest</text> <!-- Dipole-Dipole --> <rect x="0" y="45" width="380" height="35" rx="6" fill="#ffffff05"/> <text x="10" y="67" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Dipole-Dipole</text> <text x="160" y="67" font-family="sans-serif" font-size="11" fill="#94a3b8">Permanent dipoles • Polar molecules</text> <!-- H-Bonding --> <rect x="0" y="90" width="380" height="35" rx="6" fill="#ffffff05"/> <text x="10" y="112" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Hydrogen Bonding</text> <text x="160" y="112" font-family="sans-serif" font-size="11" fill="#94a3b8">H + (N, O, or F) • High BP/MP</text> <text x="340" y="112" font-family="sans-serif" font-size="11" fill="#e879f9" text-anchor="end">Strongest</text> </g> <!-- Bottom Section: Phase Continuum --> <rect x="40" y="390" width="820" height="140" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <!-- Solid --> <g transform="translate(80, 415)"> <text x="45" y="15" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">SOLID</text> <g fill="#e879f9"> <circle cx="20" cy="40" r="6"/> <circle cx="45" cy="40" r="6"/> <circle cx="70" cy="40" r="6"/> <circle cx="20" cy="65" r="6"/> <circle cx="45" cy="65" r="6"/> <circle cx="70" cy="65" r="6"/> <circle cx="20" cy="90" r="6"/> <circle cx="45" cy="90" r="6"/> <circle cx="70" cy="90" r="6"/> </g> <text x="45" y="115" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">IMF &gt;&gt; KE</text> </g> <!-- Arrow --> <path d="M 200 470 L 300 470" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrowhead)"/> <!-- Liquid --> <g transform="translate(360, 415)"> <text x="45" y="15" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">LIQUID</text> <g fill="#f59e0b"> <circle cx="25" cy="45" r="6"/> <circle cx="50" cy="38" r="6"/> <circle cx="72" cy="50" r="6"/> <circle cx="30" cy="70" r="6"/> <circle cx="55" cy="68" r="6"/> <circle cx="18" cy="92" r="6"/> <circle cx="45" cy="95" r="6"/> <circle cx="75" cy="85" r="6"/> <circle cx="65" cy="100" r="6"/> </g> <text x="45" y="115" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">IMF ≈ KE</text> </g> <!-- Arrow --> <path d="M 480 470 L 580 470" stroke="#ffffff20" stroke-width="2"/> <!-- Gas --> <g transform="translate(640, 415)"> <text x="45" y="15" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">GAS</text> <g fill="#38bdf8"> <circle cx="15" cy="40" r="6"/> <circle cx="80" cy="55" r="6"/> <circle cx="40" cy="85" r="6"/> <circle cx="85" cy="100" r="6"/> <!-- Velocity vectors --> <line x1="15" y1="40" x2="30" y2="30" stroke="#38bdf8" stroke-width="1.5"/> <line x1="80" y1="55" x2="60" y2="45" stroke="#38bdf8" stroke-width="1.5"/> <line x1="40" y1="85" x2="55" y2="105" stroke="#38bdf8" stroke-width="1.5"/> </g> <text x="45" y="115" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">KE &gt;&gt; IMF</text> </g> <!-- Temperature Gradient Bar --> <rect x="200" y="525" width="500" height="6" rx="3" fill="url(#temp-grad)"/> <linearGradient id="temp-grad" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#e879f9"/> <stop offset="50%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#38bdf8"/> </linearGradient> <text x="450" y="545" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle" letter-spacing="2">INCREASING TEMPERATURE / KINETIC ENERGY</text> <!-- Decorative Corner Elements --> <circle cx="870" cy="30" r="40" fill="#ffffff05"/> <circle cx="870" cy="30" r="25" fill="#ffffff05"/> <path d="M 840 530 L 870 530 M 870 500 L 870 530" stroke="#ffffff20" stroke-width="2"/> </svg>States of Matter and Intermolecular Forces image 1States of Matter and Intermolecular Forces - High School Chemistry - image 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/states-of-matter-imf/svg/1States of Matter and Intermolecular Forces diagram 1States of Matter and Intermolecular Forces - High School Chemistry - diagram 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/states-of-matter-imf/svg/2States of Matter and Intermolecular Forces diagram 2States of Matter and Intermolecular Forces - High School Chemistry - diagram 2https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/states-of-matter-imf/svg/3States of Matter and Intermolecular Forces diagram 3States of Matter and Intermolecular Forces - High School Chemistry - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <linearGradient id="accent-blue" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#818cf8"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">CHEMICAL REACTIONS &amp; PREDICTING PRODUCTS</text> <path d="M 300 65 L 600 65" stroke="url(#accent-blue)" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="500">A COMPREHENSIVE GUIDE TO THE REARRANGEMENT OF MATTER</text> <!-- Card 1: Conservation of Mass --> <rect x="30" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="160" cy="150" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 145 155 Q 160 140 175 155" fill="none" stroke="#38bdf8" stroke-width="2"/> <rect x="140" y="160" width="40" height="5" fill="#38bdf8"/> <text x="160" y="200" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="18">The Golden Law</text> <text x="160" y="220" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12">CONSERVATION OF MASS</text> <rect x="50" y="240" width="220" height="1" fill="#ffffff20"/> <text x="50" y="270" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Lavoisier (1789):</text> <text x="50" y="290" fill="#94a3b8" font-family="sans-serif" font-size="12">Mass is neither created nor</text> <text x="50" y="305" fill="#94a3b8" font-family="sans-serif" font-size="12">destroyed in a closed system.</text> <g transform="translate(60, 340)"> <rect width="200" height="70" rx="8" fill="#00000030"/> <text x="100" y="25" text-anchor="middle" fill="#38bdf8" font-family="serif" font-style="italic" font-size="16">2H₂ + O₂ → 2H₂O</text> <text x="100" y="50" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">Balanced Stoichiometry</text> </g> <text x="50" y="440" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Key Principle:</text> <text x="50" y="460" fill="#94a3b8" font-family="sans-serif" font-size="12">Number of atoms of each element</text> <text x="50" y="475" fill="#94a3b8" font-family="sans-serif" font-size="12">must remain constant.</text> <!-- Card 2: Synthesis & Decomposition --> <rect x="320" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="145" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="18">Binary Logic</text> <text x="450" y="165" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12">SYNTHESIS &amp; DECOMPOSITION</text> <!-- Synthesis Visual --> <g transform="translate(340, 190)"> <rect width="220" height="100" rx="12" fill="#38bdf810" stroke="#38bdf830"/> <text x="10" y="25" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="14">SYNTHESIS</text> <circle cx="40" cy="65" r="12" fill="#38bdf8"/> <text x="65" y="70" fill="#f8fafc" font-size="18">+</text> <circle cx="95" cy="65" r="12" fill="#e879f9"/> <path d="M 120 65 L 145 65" stroke="#f8fafc" stroke-width="2" marker-end="url(#arrow)"/> <rect x="160" y="53" width="45" height="24" rx="12" fill="url(#accent-blue)"/> <text x="10" y="90" fill="#94a3b8" font-size="11">A + B → AB (Exothermic)</text> </g> <!-- Decomposition Visual --> <g transform="translate(340, 310)"> <rect width="220" height="100" rx="12" fill="#e879f910" stroke="#e879f930"/> <text x="10" y="25" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="14">DECOMPOSITION</text> <rect x="25" y="53" width="45" height="24" rx="12" fill="#e879f9"/> <path d="M 85 65 L 110 65" stroke="#f8fafc" stroke-width="2"/> <circle cx="140" cy="65" r="12" fill="#38bdf8"/> <text x="165" y="70" fill="#f8fafc" font-size="18">+</text> <circle cx="195" cy="65" r="12" fill="#e879f9"/> <text x="10" y="90" fill="#94a3b8" font-size="11">AB → A + B (Requires Energy)</text> </g> <text x="340" y="440" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Common Triggers:</text> <text x="340" y="465" fill="#94a3b8" font-family="sans-serif" font-size="12">• Pyrolysis (Heat)</text> <text x="340" y="485" fill="#94a3b8" font-family="sans-serif" font-size="12">• Electrolysis (Electricity)</text> <text x="340" y="505" fill="#94a3b8" font-family="sans-serif" font-size="12">• Photolysis (Light)</text> <!-- Card 3: Single Replacement --> <rect x="610" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="740" y="145" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="18">The Competition</text> <text x="740" y="165" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12">SINGLE REPLACEMENT</text> <g transform="translate(630, 190)"> <text x="0" y="0" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="14">ACTIVITY SERIES</text> <rect x="0" y="15" width="220" height="180" rx="8" fill="#00000030"/> <!-- Reactivity Ladder --> <rect x="180" y="30" width="10" height="150" rx="5" fill="url(#reactivity-grad)"/> <linearGradient id="reactivity-grad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#3b82f6"/> </linearGradient> <text x="15" y="45" fill="#f8fafc" font-size="12" font-weight="bold">Li, K, Ca</text> <text x="110" y="45" fill="#94a3b8" font-size="10">High Reactivity</text> <text x="15" y="85" fill="#f8fafc" font-size="12" font-weight="bold">Mg, Al, Zn, Fe</text> <text x="110" y="85" fill="#94a3b8" font-size="10">Moderate</text> <text x="15" y="125" fill="#f8fafc" font-size="12" font-weight="bold">H (Reference)</text> <text x="15" y="165" fill="#f8fafc" font-size="12" font-weight="bold">Cu, Ag, Au</text> <text x="110" y="165" fill="#94a3b8" font-size="10">Noble / Low</text> <path d="M 170 30 L 170 180" stroke="#ffffff20" stroke-dasharray="4 2"/> </g> <g transform="translate(630, 400)"> <text x="0" y="0" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Prediction Rule:</text> <text x="0" y="25" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">"An element can only replace</text> <text x="0" y="40" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">something BELOW it on the series."</text> <rect x="0" y="60" width="220" height="45" rx="8" fill="#f59e0b15" stroke="#f59e0b40"/> <text x="110" y="87" text-anchor="middle" fill="#f59e0b" font-family="serif" font-size="14" font-weight="bold">Zn + CuSO₄ → ZnSO₄ + Cu</text> </g> <!-- Decorative Elements --> <circle cx="40" cy="40" r="3" fill="#38bdf8" opacity="0.5"/> <circle cx="860" cy="40" r="3" fill="#e879f9" opacity="0.5"/> <circle cx="40" cy="520" r="3" fill="#f59e0b" opacity="0.5"/> <circle cx="860" cy="520" r="3" fill="#38bdf8" opacity="0.5"/> <!-- Arrow Marker --> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="5" orientation="auto"> <path d="M0,0 L10,5 L0,10 Z" fill="#f8fafc" /> </marker> </svg>Chemical Reactions and Predicting Products image 1Chemical Reactions and Predicting Products - High School Chemistry - image 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/chemical-reactions/svg/1Chemical Reactions and Predicting Products diagram 1Chemical Reactions and Predicting Products - High School Chemistry - diagram 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/chemical-reactions/svg/2Chemical Reactions and Predicting Products diagram 2Chemical Reactions and Predicting Products - High School Chemistry - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="exoGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b" stop-opacity="0.2"/> <stop offset="100%" stop-color="#f59e0b" stop-opacity="0.05"/> </linearGradient> <linearGradient id="endoGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8" stop-opacity="0.2"/> <stop offset="100%" stop-color="#38bdf8" stop-opacity="0.05"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="55" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">THERMODYNAMICS &amp; ENERGY</text> <text x="40" y="80" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The rigorous framework of chemical currency and heat exchange</text> <line x1="40" y1="95" x2="860" y2="95" stroke="#ffffff20" stroke-width="1"/> <!-- Left Column: Enthalpy (The Concept) --> <rect x="40" y="115" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">ENTHALPY (H)</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Bookkeeping" Function</text> <!-- Enthalpy Formula Box --> <rect x="60" y="185" width="220" height="60" rx="8" fill="#00000030" stroke="#e879f940"/> <text x="170" y="222" font-family="serif" font-size="24" fill="#f8fafc" text-anchor="middle">H = U + PV</text> <!-- Piston Illustration --> <g transform="translate(100, 270)"> <rect x="0" y="0" width="80" height="100" fill="none" stroke="#94a3b8" stroke-width="2"/> <rect x="5" y="40" width="70" height="10" rx="2" fill="#e879f9"/> <rect x="35" y="10" width="10" height="30" fill="#e879f9"/> <path d="M10 60 Q40 50 70 60" stroke="#38bdf8" fill="none" stroke-dasharray="4 2"/> <text x="40" y="120" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Expansion Work (PV)</text> </g> <text x="60" y="420" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="600">Key Takeaway:</text> <text x="60" y="440" font-family="sans-serif" font-size="11" fill="#94a3b8">At constant pressure, the change</text> <text x="60" y="455" font-family="sans-serif" font-size="11" fill="#94a3b8">in Enthalpy (ΔH) is equal to the</text> <text x="60" y="470" font-family="sans-serif" font-size="11" fill="#94a3b8">heat flow (q) of the system.</text> <!-- Middle Column: Energetics (The Comparison) --> <rect x="320" y="115" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">REACTION TYPES</text> <!-- Exothermic Sub-card --> <rect x="335" y="165" width="230" height="110" rx="12" fill="url(#exoGrad)"/> <text x="350" y="190" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">EXOTHERMIC</text> <text x="350" y="210" font-family="sans-serif" font-size="11" fill="#f8fafc">ΔH &lt; 0 (Heat Released)</text> <path d="M520 200 L540 200 L530 215 Z" fill="#f59e0b" filter="url(#glow)"/> <path d="M530 180 L530 205" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> <text x="350" y="235" font-family="sans-serif" font-size="10" fill="#94a3b8">Surroundings feel hotter.</text> <text x="350" y="250" font-family="sans-serif" font-size="10" fill="#94a3b8">e.g., Combustion, Freezing</text> <!-- Endothermic Sub-card --> <rect x="335" y="290" width="230" height="110" rx="12" fill="url(#endoGrad)"/> <text x="350" y="315" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">ENDOTHERMIC</text> <text x="350" y="335" font-family="sans-serif" font-size="11" fill="#f8fafc">ΔH &gt; 0 (Heat Absorbed)</text> <path d="M530 305 L540 320 L520 320 Z" fill="#38bdf8" filter="url(#glow)"/> <path d="M530 320 L530 345" stroke="#38bdf8" stroke-width="2" filter="url(#glow)"/> <text x="350" y="360" font-family="sans-serif" font-size="10" fill="#94a3b8">Surroundings feel colder.</text> <text x="350" y="375" font-family="sans-serif" font-size="10" fill="#94a3b8">e.g., Photosynthesis, Melting</text> <!-- Stability Note --> <path d="M340 430 L560 430" stroke="#ffffff10" stroke-width="1"/> <text x="450" y="460" font-family="sans-serif" font-size="12" fill="#f8fafc" text-anchor="middle" font-weight="600">BOND ENERGY RULE</text> <text x="450" y="480" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Breaking bonds REQUIRES energy.</text> <text x="450" y="495" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Forming bonds RELEASES energy.</text> <!-- Right Column: Calorimetry (The Math) --> <rect x="600" y="115" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">CALORIMETRY</text> <text x="620" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Measuring Thermal Inertia</text> <!-- Heat Equation Box --> <rect x="620" y="185" width="220" height="60" rx="8" fill="#00000030" stroke="#38bdf840"/> <text x="730" y="222" font-family="serif" font-size="24" fill="#f8fafc" text-anchor="middle">q = m · c · ΔT</text> <!-- Variable Legend --> <g transform="translate(620, 270)"> <circle cx="10" cy="10" r="4" fill="#38bdf8"/> <text x="25" y="14" font-family="sans-serif" font-size="12" fill="#f8fafc">m <tspan fill="#94a3b8" font-size="10">= Mass (g)</tspan></text> <circle cx="10" cy="40" r="4" fill="#e879f9"/> <text x="25" y="44" font-family="sans-serif" font-size="12" fill="#f8fafc">c <tspan fill="#94a3b8" font-size="10">= Specific Heat Capacity</tspan></text> <circle cx="10" cy="70" r="4" fill="#f59e0b"/> <text x="25" y="74" font-family="sans-serif" font-size="12" fill="#f8fafc">ΔT <tspan fill="#94a3b8" font-size="10">= Temp Change (K or °C)</tspan></text> </g> <!-- Thermometer Icon --> <g transform="translate(700, 380)"> <path d="M10 0 L10 60 A10 10 0 1 0 30 60 L30 0 Z" fill="none" stroke="#94a3b8" stroke-width="2"/> <rect x="15" y="10" width="10" height="50" fill="#38bdf8" opacity="0.3"/> <circle cx="20" cy="65" r="8" fill="#38bdf8"/> <rect x="18" y="30" width="4" height="35" fill="#38bdf8"/> <!-- Heat waves --> <path d="M45 50 Q50 40 45 30" stroke="#f59e0b" fill="none" stroke-width="2"/> <path d="M55 55 Q60 45 55 35" stroke="#f59e0b" fill="none" stroke-width="2"/> </g> <text x="620" y="500" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">Water has a high specific heat</text> <text x="620" y="515" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">(4.184 J/g°C), resisting temp change.</text> <!-- Footer Decor --> <rect x="40" y="540" width="820" height="4" rx="2" fill="#ffffff05"/> <text x="860" y="552" font-family="sans-serif" font-size="9" fill="#475569" text-anchor="end">WIKI EDUCATIONAL RESOURCE • THERMODYNAMICS SERIES • VOL 01</text> </svg>Thermodynamics and Energy image 1Thermodynamics and Energy - High School Chemistry - image 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/thermodynamics/svg/1Thermodynamics and Energy diagram 1Thermodynamics and Energy - High School Chemistry - diagram 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/thermodynamics/svg/2Thermodynamics and Energy diagram 2Thermodynamics and Energy - High School Chemistry - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="Arial, sans-serif" font-weight="800" font-size="36" fill="#f8fafc">NUCLEAR CHEMISTRY</text> <text x="40" y="85" font-family="Arial, sans-serif" font-size="14" fill="#38bdf8" letter-spacing="3" font-weight="bold">TRANSFORMATIONS OF THE ATOMIC NUCLEUS</text> <rect x="40" y="100" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Top Section: The Forces --> <rect x="40" y="130" width="400" height="120" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="155" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#f59e0b">THE FUNDAMENTAL BALANCE</text> <!-- Strong Force Icon --> <circle cx="80" cy="195" r="18" fill="#38bdf833" stroke="#38bdf8" stroke-width="2"/> <text x="80" y="200" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#38bdf8">SF</text> <text x="110" y="185" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Strong Nuclear Force</text> <text x="110" y="200" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Attracts nucleons. Short range (&lt;10⁻¹⁵m).</text> <!-- EM Force Icon --> <circle cx="260" cy="195" r="18" fill="#f43f5e33" stroke="#f43f5e" stroke-width="2"/> <text x="260" y="200" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#f43f5e">EM</text> <text x="290" y="185" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Electrostatic Force</text> <text x="290" y="200" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Repels protons. Long range.</text> <!-- Scale Comparison --> <rect x="460" y="130" width="400" height="120" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="155" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#e879f9">ENERGY SCALE</text> <text x="480" y="185" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Chemical (Valence e⁻)</text> <text x="480" y="210" font-family="Arial, sans-serif" font-size="22" font-weight="bold" fill="#f8fafc">~1 eV</text> <path d="M 600 180 L 640 180" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrow)"/> <text x="680" y="185" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Nuclear (Nucleons)</text> <text x="680" y="210" font-family="Arial, sans-serif" font-size="22" font-weight="bold" fill="#38bdf8">~10⁶ eV (MeV)</text> <!-- Middle Section: Decay Modes --> <text x="40" y="290" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#f8fafc">MODES OF RADIOACTIVE DECAY</text> <!-- Alpha Card --> <rect x="40" y="310" width="265" height="100" rx="12" fill="#ffffff08" stroke="#f59e0b44"/> <circle cx="75" cy="345" r="8" fill="#f59e0b"/> <circle cx="87" cy="345" r="8" fill="#f59e0b"/> <circle cx="81" cy="355" r="8" fill="#f59e0b"/> <circle cx="81" cy="335" r="8" fill="#f59e0b"/> <text x="110" y="345" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#f59e0b">Alpha (α)</text> <text x="110" y="365" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Helium Nucleus (⁴₂He)</text> <text x="110" y="382" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">ΔZ: -2 | ΔA: -4 | Low Penetration</text> <!-- Beta Card --> <rect x="317" y="310" width="265" height="100" rx="12" fill="#ffffff08" stroke="#e879f944"/> <circle cx="350" cy="360" r="6" fill="#e879f9"/> <path d="M 350 360 L 380 340" stroke="#e879f9" stroke-width="2" stroke-dasharray="4"/> <text x="390" y="345" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#e879f9">Beta (β⁻/β⁺)</text> <text x="390" y="365" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Electron or Positron</text> <text x="390" y="382" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">ΔZ: +1 or -1 | Moderate Penetration</text> <!-- Gamma Card --> <rect x="595" y="310" width="265" height="100" rx="12" fill="#ffffff08" stroke="#38bdf844"/> <path d="M 615 360 Q 625 340 635 360 T 655 360" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="670" y="345" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#38bdf8">Gamma (γ)</text> <text x="670" y="365" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">High-energy Photon</text> <text x="670" y="382" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">ΔZ: 0 | ΔA: 0 | High Penetration</text> <!-- Bottom Left: Binding Energy Curve --> <rect x="40" y="430" width="400" height="100" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="455" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#94a3b8">BINDING ENERGY PER NUCLEON</text> <!-- Graph --> <path d="M 80 510 Q 100 465 140 465 L 380 490" fill="none" stroke="#38bdf8" stroke-width="3"/> <circle cx="140" cy="465" r="4" fill="#f43f5e"/> <text x="145" y="460" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">⁵⁶Fe (Peak Stability)</text> <text x="90" y="495" font-family="Arial, sans-serif" font-size="9" fill="#38bdf8" font-weight="bold">FUSION</text> <text x="300" y="485" font-family="Arial, sans-serif" font-size="9" fill="#e879f9" font-weight="bold">FISSION</text> <path d="M 80 515 L 380 515" stroke="#ffffff44" stroke-width="1"/> <text x="385" y="518" font-family="Arial, sans-serif" font-size="9" fill="#94a3b8">Mass Number (A)</text> <!-- Bottom Right: Kinetics --> <rect x="460" y="430" width="400" height="100" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="455" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#94a3b8">KINETICS: HALF-LIFE (t½)</text> <!-- Decay Visual --> <circle cx="500" cy="490" r="12" fill="#38bdf8"/> <path d="M 520 490 L 540 490" stroke="#ffffff44" stroke-width="2"/> <circle cx="560" cy="490" r="12" fill="#38bdf8" fill-opacity="0.5"/> <path d="M 580 490 L 600 490" stroke="#ffffff44" stroke-width="2"/> <circle cx="620" cy="490" r="12" fill="#38bdf8" fill-opacity="0.25"/> <text x="660" y="480" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">N(t) = N₀e⁻λᵗ</text> <text x="660" y="500" font-family="Arial, sans-serif" font-size="12" fill="#38bdf8">t½ = 0.693 / λ</text> <!-- Footer decoration --> <rect x="0" y="550" width="900" height="10" fill="url(#accentGrad)" opacity="0.5"/> </svg>Nuclear Chemistry image 1Nuclear Chemistry - High School Chemistry - image 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/nuclear-chemistry/svg/1Nuclear Chemistry diagram 1Nuclear Chemistry - High School Chemistry - diagram 1https://www.getlykke.com/explore/public/high-school-chemistry-2111ef9c-c824-4e8d-a812-01ff5c4bea79/media/nuclear-chemistry/svg/2Nuclear Chemistry diagram 2Nuclear Chemistry - High School Chemistry - diagram 2https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb90492026-04-20T05:00:44.000Zhttps://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/limits-and-continuity/svg/1Limits and Continuity diagram 1Limits and Continuity - AP/College Calculus BC - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/limits-and-continuity/svg/2Limits and Continuity diagram 2Limits and Continuity - AP/College Calculus BC - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Definitions --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Base Layers --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <g stroke="#ffffff05" stroke-width="1"> <line x1="0" y1="280" x2="900" y2="280" /> <line x1="450" y1="0" x2="450" y2="560" /> </g> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="1">DIFFERENTIATION: FUNDAMENTALS</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" letter-spacing="2">THE MATHEMATICAL STUDY OF INSTANTANEOUS CHANGE</text> <rect x="400" y="95" width="100" height="3" fill="#38bdf8" rx="1.5"/> <!-- Left Column: Physics Chain --> <rect x="30" y="120" width="220" height="410" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="50" y="150" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">PHYSICS OF MOTION</text> <g transform="translate(50, 180)"> <!-- Position --> <circle cx="20" cy="20" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="17" y="25" fill="#38bdf8" font-family="serif" font-weight="bold">s</text> <text x="50" y="18" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Position</text> <text x="50" y="34" font-family="sans-serif" font-size="11" fill="#94a3b8">Location over time f(t)</text> <!-- Arrow --> <path d="M20 45 L20 75" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowhead)" stroke-dasharray="4 2"/> <!-- Velocity --> <g transform="translate(0, 80)"> <circle cx="20" cy="20" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="17" y="25" fill="#e879f9" font-family="serif" font-weight="bold">v</text> <text x="50" y="18" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Velocity</text> <text x="50" y="34" font-family="sans-serif" font-size="11" fill="#94a3b8">Rate of change s'(t)</text> </g> <!-- Arrow --> <path d="M20 125 L20 155" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Acceleration --> <g transform="translate(0, 160)"> <circle cx="20" cy="20" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <text x="17" y="25" fill="#f59e0b" font-family="serif" font-weight="bold">a</text> <text x="50" y="18" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Acceleration</text> <text x="50" y="34" font-family="sans-serif" font-size="11" fill="#94a3b8">Rate of change v'(t)</text> </g> </g> <text x="50" y="480" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"The derivative of position</text> <text x="50" y="496" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">is velocity; the derivative of</text> <text x="50" y="512" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">velocity is acceleration."</text> <!-- Center Column: The Limit Definition --> <rect x="270" y="120" width="360" height="260" rx="16" fill="#ffffff12" stroke="#ffffff20"/> <text x="450" y="150" text-anchor="middle" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">THE FORMAL DEFINITION</text> <!-- Graph Visualization --> <g transform="translate(320, 170)"> <!-- Axes --> <line x1="0" y1="100" x2="180" y2="100" stroke="#94a3b8" stroke-width="1"/> <line x1="20" y1="120" x2="20" y2="10" stroke="#94a3b8" stroke-width="1"/> <!-- Curve --> <path d="M30 90 Q 80 85, 160 20" stroke="#38bdf8" stroke-width="3" fill="none"/> <!-- Tangent Line --> <line x1="50" y1="95" x2="170" y2="15" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> <!-- Points --> <circle cx="107" cy="58" r="4" fill="#f8fafc"/> <text x="115" y="65" font-family="serif" font-size="12" fill="#f8fafc">P</text> <!-- Zoom Circle Label --> <circle cx="107" cy="58" r="25" stroke="#ffffff30" stroke-width="1" fill="none" stroke-dasharray="2 2"/> <text x="140" y="85" font-family="sans-serif" font-size="10" fill="#94a3b8">Slope at a point</text> </g> <!-- Formula Box --> <rect x="300" y="295" width="300" height="60" rx="8" fill="#00000040"/> <text x="450" y="330" text-anchor="middle" font-family="serif" font-size="18" fill="#f8fafc"> f'(x) = lim <tspan baseline-shift="sub" font-size="10">h→0</tspan> [ f(x+h) - f(x) ] / h </text> <!-- Right Column: The Rules --> <rect x="650" y="120" width="220" height="410" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="670" y="150" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">THE TOOLKIT</text> <g transform="translate(670, 180)"> <!-- Power Rule --> <rect width="180" height="80" rx="8" fill="#ffffff05" stroke="#e879f930"/> <text x="10" y="25" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Power Rule</text> <text x="10" y="55" font-family="serif" font-size="16" fill="#38bdf8">d/dx [xⁿ] = nxⁿ⁻¹</text> <!-- Product Rule --> <g transform="translate(0, 100)"> <rect width="180" height="80" rx="8" fill="#ffffff05" stroke="#e879f930"/> <text x="10" y="25" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Product Rule</text> <text x="10" y="55" font-family="serif" font-size="15" fill="#38bdf8">(uv)' = u'v + uv'</text> </g> <!-- Quotient Rule --> <g transform="translate(0, 200)"> <rect width="180" height="80" rx="8" fill="#ffffff05" stroke="#e879f930"/> <text x="10" y="25" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Chain Rule</text> <text x="10" y="55" font-family="serif" font-size="15" fill="#38bdf8">dy/dx = dy/du · du/dx</text> </g> </g> <!-- Bottom Center: Differentiability --> <rect x="270" y="400" width="360" height="130" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="290" y="430" font-family="sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">Differentiability vs. Continuity</text> <g transform="translate(290, 450)"> <!-- Smooth Curve --> <path d="M10 40 Q 30 10, 50 40 T 90 40" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="10" y="65" font-family="sans-serif" font-size="10" fill="#94a3b8">Smooth (Diff.)</text> <!-- Cusp --> <path d="M120 40 L 145 10 L 170 40" stroke="#f43f5e" stroke-width="2" fill="none"/> <text x="120" y="65" font-family="sans-serif" font-size="10" fill="#94a3b8">Sharp Turn (Not Diff.)</text> <!-- Vertical --> <path d="M220 50 C 240 50, 240 0, 260 0" stroke="#f43f5e" stroke-width="2" fill="none"/> <text x="210" y="65" font-family="sans-serif" font-size="10" fill="#94a3b8">Vertical (Not Diff.)</text> </g> <text x="450" y="515" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">Differentiability implies continuity, but continuity does not imply differentiability.</text> <!-- Decorative Accents --> <circle cx="850" cy="50" r="40" fill="#38bdf808" stroke="#38bdf810" stroke-width="1"/> <circle cx="850" cy="50" r="25" fill="#38bdf808" stroke="#38bdf810" stroke-width="1"/> <path d="M30 30 L 60 30 M 30 30 L 30 60" stroke="#f59e0b" stroke-width="2" opacity="0.5"/> </svg>Differentiation: Fundamentals image 1Differentiation: Fundamentals - AP/College Calculus BC - image 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/differentiation-fundamentals/svg/1Differentiation: Fundamentals diagram 1Differentiation: Fundamentals - AP/College Calculus BC - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/differentiation-fundamentals/svg/2Differentiation: Fundamentals diagram 2Differentiation: Fundamentals - AP/College Calculus BC - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">ADVANCED DIFFERENTIATION</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">DECONSTRUCTING THE MACHINERY OF CHANGE</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#334155" stroke-width="1"/> <!-- Left Column: THE CHAIN RULE --> <rect x="40" y="130" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="75" cy="165" r="15" fill="#f59e0b" fill-opacity="0.2"/> <path d="M 70 165 L 80 165 M 75 160 L 75 170" stroke="#f59e0b" stroke-width="2" fill="none"/> <text x="100" y="170" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE CHAIN RULE</text> <text x="65" y="205" font-family="serif" font-style="italic" font-size="22" fill="#f8fafc">dy/dx = (dy/du) · (du/dx)</text> <text x="65" y="235" font-family="sans-serif" font-size="13" fill="#cbd5e1">The "Inside-Outside" engine for composite functions.</text> <!-- Visual Representation of Chain Rule (Nested Circles) --> <circle cx="100" cy="300" r="30" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="100" cy="300" r="15" fill="#f59e0b" fill-opacity="0.4"/> <path d="M 140 300 L 170 300" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrowhead)"/> <rect x="200" y="270" width="210" height="80" rx="8" fill="#00000030"/> <text x="210" y="290" font-family="monospace" font-size="11" fill="#38bdf8"># Neural Network Context</text> <text x="210" y="310" font-family="monospace" font-size="11" fill="#94a3b8">def backprop(error, weight):</text> <text x="210" y="330" font-family="monospace" font-size="11" fill="#94a3b8"> return error * weight.grad</text> <!-- Right Column: IMPLICIT DIFFERENTIATION --> <rect x="460" y="130" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="495" cy="165" r="15" fill="#38bdf8" fill-opacity="0.2"/> <path d="M 490 160 Q 495 175 500 160" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="520" y="170" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">IMPLICIT RELATIONS</text> <text x="485" y="205" font-family="serif" font-style="italic" font-size="22" fill="#f8fafc">x² + y² = r² → y' = -x/y</text> <text x="485" y="235" font-family="sans-serif" font-size="13" fill="#cbd5e1">Differentiating intertwined variables where y = f(x) is hidden.</text> <!-- Visual Representation: Implicit Circle --> <circle cx="540" cy="305" r="35" fill="none" stroke="#334155" stroke-width="1"/> <line x1="500" y1="270" x2="580" y2="340" stroke="#38bdf8" stroke-width="2" filter="url(#glow)"/> <text x="590" y="295" font-family="sans-serif" font-size="11" fill="#94a3b8">Tangent at (x,y)</text> <text x="590" y="315" font-family="sans-serif" font-size="11" fill="#94a3b8">requires dy/dx isolation</text> <!-- Bottom Section: HIGHER ORDER DERIVATIVES --> <rect x="40" y="390" width="820" height="130" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="100" y="425" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">HIGHER-ORDER LAYERS</text> <!-- Step 1 --> <rect x="70" y="445" width="230" height="50" rx="8" fill="#e879f910" stroke="#e879f930"/> <text x="85" y="465" font-family="sans-serif" font-weight="bold" font-size="12" fill="#e879f9">f'(x)</text> <text x="85" y="482" font-family="sans-serif" font-size="11" fill="#94a3b8">VELOCITY / SLOPE</text> <!-- Arrow --> <path d="M 310 470 L 340 470" stroke="#475569" stroke-width="2" fill="none"/> <!-- Step 2 --> <rect x="350" y="445" width="230" height="50" rx="8" fill="#e879f920" stroke="#e879f950"/> <text x="365" y="465" font-family="sans-serif" font-weight="bold" font-size="12" fill="#e879f9">f''(x)</text> <text x="365" y="482" font-family="sans-serif" font-size="11" fill="#94a3b8">ACCELERATION / CONCAVITY</text> <!-- Arrow --> <path d="M 590 470 L 620 470" stroke="#475569" stroke-width="2" fill="none"/> <!-- Step 3 --> <rect x="630" y="445" width="190" height="50" rx="8" fill="#e879f930" stroke="#e879f9"/> <text x="645" y="465" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">f'''(x)</text> <text x="645" y="482" font-family="sans-serif" font-size="11" fill="#f8fafc">JERK / RATE OF CURVATURE</text> <!-- Footer Decor --> <text x="860" y="540" font-family="monospace" font-size="10" fill="#334155" text-anchor="end">CALCULUS_SERIES_VOL_04 // ADV_DIFF_TECHNIQUES</text> <!-- Abstract Shapes --> <circle cx="830" cy="60" r="20" fill="none" stroke="#334155" stroke-width="1"/> <circle cx="830" cy="60" r="10" fill="#e879f9" fill-opacity="0.3"/> <rect x="780" y="50" width="15" height="15" fill="none" stroke="#334155" stroke-width="1" transform="rotate(45 787.5 57.5)"/> </svg>Advanced Differentiation Techniques image 1Advanced Differentiation Techniques - AP/College Calculus BC - image 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/advanced-differentiation/svg/1Advanced Differentiation Techniques diagram 1Advanced Differentiation Techniques - AP/College Calculus BC - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/advanced-differentiation/svg/2Advanced Differentiation Techniques diagram 2Advanced Differentiation Techniques - AP/College Calculus BC - diagram 2https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/contextual-applications-differentiation/svg/1Contextual Applications of Differentiation diagram 1Contextual Applications of Differentiation - AP/College Calculus BC - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/contextual-applications-differentiation/svg/2Contextual Applications of Differentiation diagram 2Contextual Applications of Differentiation - AP/College Calculus BC - diagram 2https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/contextual-applications-differentiation/svg/3Contextual Applications of Differentiation diagram 3Contextual Applications of Differentiation - AP/College Calculus BC - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Definitions: Gradients, Filters, and Patterns --> <defs> <linearGradient id="bg-grad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dot-pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> <linearGradient id="accent-amber" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#d97706"/> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)"/> <rect width="900" height="560" fill="url(#dot-pattern)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">ANALYTICAL APPLICATIONS OF DIFFERENTIATION</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">Bridging Pure Calculation and Applied Reality</text> <line x1="300" y1="90" x2="600" y2="90" stroke="#334155" stroke-width="1"/> <!-- Left Panel: EVT --> <rect x="40" y="110" width="390" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">I. Extreme Value Theorem (EVT)</text> <text x="60" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">Guarantees existence of Absolute Extrema on [a, b].</text> <!-- EVT Mini-Graph --> <path d="M 80 300 Q 150 180 220 250 T 380 220" fill="none" stroke="#475569" stroke-width="2" stroke-dasharray="4"/> <path d="M 100 300 Q 150 180 220 250 T 340 235" fill="none" stroke="#f59e0b" stroke-width="3"/> <!-- Endpoints --> <circle cx="100" cy="275" r="4" fill="#f59e0b"/> <circle cx="340" cy="235" r="4" fill="#f59e0b"/> <text x="100" y="295" font-family="sans-serif" font-size="10" fill="#f59e0b" text-anchor="middle">a</text> <text x="340" y="255" font-family="sans-serif" font-size="10" fill="#f59e0b" text-anchor="middle">b</text> <!-- Absolute Max --> <circle cx="155" cy="208" r="5" fill="#e879f9" filter="url(#glow)"/> <text x="155" y="195" font-family="sans-serif" font-size="10" fill="#e879f9" text-anchor="middle" font-weight="bold">ABS MAX</text> <!-- Right Panel: MVT --> <rect x="470" y="110" width="390" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="490" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">II. Mean Value Theorem (MVT)</text> <text x="490" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">Instantaneous rate equals Average rate at point c.</text> <!-- MVT Mini-Graph --> <path d="M 520 300 Q 650 150 820 280" fill="none" stroke="#38bdf8" stroke-width="3"/> <!-- Secant Line --> <line x1="540" y1="275" x2="800" y2="265" stroke="#94a3b8" stroke-width="1" stroke-dasharray="5"/> <text x="670" y="285" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Secant (Avg Rate)</text> <!-- Tangent Line --> <line x1="600" y1="195" x2="740" y2="190" stroke="#38bdf8" stroke-width="2"/> <circle cx="670" cy="192" r="4" fill="#38bdf8" filter="url(#glow)"/> <text x="670" y="180" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle" font-weight="bold">f'(c)</text> <!-- Bottom Panel: Candidates Test --> <rect x="40" y="370" width="820" height="160" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="60" y="400" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The Candidates Test</text> <!-- Table-like Structure --> <g transform="translate(60, 420)"> <!-- Column 1 --> <rect width="240" height="80" rx="8" fill="#ffffff08"/> <text x="120" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9">Stationary Points</text> <text x="120" y="55" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">f'(x) = 0</text> <text x="120" y="70" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#64748b">Horizontal Tangents</text> <!-- Column 2 --> <rect x="260" width="240" height="80" rx="8" fill="#ffffff08"/> <text x="380" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9">Singular Points</text> <text x="380" y="55" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">f'(x) is Undefined</text> <text x="380" y="70" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#64748b">Cusps, Corners, Verticals</text> <!-- Column 3 --> <rect x="520" width="240" height="80" rx="8" fill="#ffffff08"/> <text x="640" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9">Boundary Points</text> <text x="640" y="55" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">x = a, x = b</text> <text x="640" y="70" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#64748b">Interval Endpoints</text> </g> <!-- Decorative Icons / Symbols --> <g opacity="0.2" transform="translate(820, 40)"> <circle cx="0" cy="0" r="30" fill="none" stroke="#38bdf8" stroke-width="1"/> <path d="M -15 0 L 15 0 M 0 -15 L 0 15" stroke="#38bdf8" stroke-width="1"/> </g> <!-- Footer Note --> <text x="450" y="545" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#475569">Calculus Section 4.1: Analytical Applications &amp; Optimization Theory</text> </svg>Analytical Applications of Differentiation image 1Analytical Applications of Differentiation - AP/College Calculus BC - image 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/analytical-applications-differentiation/svg/1Analytical Applications of Differentiation diagram 1Analytical Applications of Differentiation - AP/College Calculus BC - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/analytical-applications-differentiation/svg/2Analytical Applications of Differentiation diagram 2Analytical Applications of Differentiation - AP/College Calculus BC - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff15"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">INTEGRATION &amp; ACCUMULATION</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Mathematical Bridge from Local Rates to Global Totals</text> <rect x="400" y="100" width="100" height="2" fill="#38bdf8" rx="1"/> <!-- Column 1: Riemann Sums (The Discrete) --> <g transform="translate(40, 130)"> <rect width="260" height="380" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="130" y="40" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">DISCRETE FOUNDATION</text> <!-- Riemann Visual --> <g transform="translate(40, 70)"> <path d="M 0 100 Q 40 20 180 80" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Rectangles --> <rect x="10" y="72" width="30" height="28" fill="#38bdf844" stroke="#38bdf8" stroke-width="1"/> <rect x="40" y="45" width="30" height="55" fill="#38bdf844" stroke="#38bdf8" stroke-width="1"/> <rect x="70" y="38" width="30" height="62" fill="#38bdf844" stroke="#38bdf8" stroke-width="1"/> <rect x="100" y="48" width="30" height="52" fill="#38bdf844" stroke="#38bdf8" stroke-width="1"/> <rect x="130" y="62" width="30" height="38" fill="#38bdf844" stroke="#38bdf8" stroke-width="1"/> <line x1="0" y1="100" x2="180" y2="100" stroke="#f8fafc" stroke-width="1"/> </g> <text x="130" y="210" text-anchor="middle" font-family="serif" font-size="20" fill="#f8fafc">Σ f(xᵢ*) Δx</text> <text x="20" y="245" font-family="sans-serif" font-size="13" fill="#94a3b8"> <tspan x="20" dy="18">• Approximation via rectangles</tspan> <tspan x="20" dy="18">• Limit as n approaches infinity</tspan> <tspan x="20" dy="18">• Area under the curve</tspan> <tspan x="20" dy="18">• Error depends on sample points</tspan> </text> <rect x="30" y="335" width="200" height="30" rx="8" fill="#38bdf820"/> <text x="130" y="355" text-anchor="middle" font-family="sans-serif" font-weight="600" font-size="12" fill="#38bdf8">THE RIEMANN SUM</text> </g> <!-- Column 2: FTC (The Great Unification) --> <g transform="translate(320, 130)"> <rect width="260" height="380" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="130" y="40" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">THE UNIFICATION</text> <!-- FTC Visual: The Bridge --> <g transform="translate(50, 70)"> <path d="M 10 80 L 150 80" stroke="#e879f9" stroke-width="4" stroke-linecap="round"/> <path d="M 30 80 L 30 40 M 130 80 L 130 40" stroke="#e879f9" stroke-width="2"/> <circle cx="80" cy="40" r="25" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="2 2"/> <text x="80" y="45" text-anchor="middle" font-family="serif" font-size="18" fill="#f8fafc">FTC</text> </g> <text x="130" y="210" text-anchor="middle" font-family="serif" font-size="18" fill="#f8fafc">d/dx ∫ f(t) dt = f(x)</text> <text x="20" y="245" font-family="sans-serif" font-size="13" fill="#94a3b8"> <tspan x="20" dy="18">• Links derivatives &amp; integrals</tspan> <tspan x="20" dy="18">• Part 1: Accumulation rate</tspan> <tspan x="20" dy="18">• Part 2: Evaluation theorem</tspan> <tspan x="20" dy="18">• Inverse operations</tspan> </text> <rect x="30" y="335" width="200" height="30" rx="8" fill="#e879f920"/> <text x="130" y="355" text-anchor="middle" font-family="sans-serif" font-weight="600" font-size="12" fill="#e879f9">FUNDAMENTAL THEOREM</text> </g> <!-- Column 3: Definite Integral (The Continuous) --> <g transform="translate(600, 130)"> <rect width="260" height="380" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="130" y="40" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">CONTINUOUS WHOLE</text> <!-- Integral Visual --> <g transform="translate(40, 70)"> <path d="M 0 100 Q 40 20 180 80 L 180 100 L 0 100 Z" fill="#f59e0b33" stroke="#f59e0b" stroke-width="2"/> <line x1="0" y1="100" x2="180" y2="100" stroke="#f8fafc" stroke-width="1"/> <text x="90" y="115" text-anchor="middle" font-family="serif" font-size="12" fill="#94a3b8">[a, b]</text> </g> <text x="130" y="210" text-anchor="middle" font-family="serif" font-size="20" fill="#f8fafc">∫ₐᵇ f(x) dx = F(b) - F(a)</text> <text x="20" y="245" font-family="sans-serif" font-size="13" fill="#94a3b8"> <tspan x="20" dy="18">• Exact net change calculation</tspan> <tspan x="20" dy="18">• Total quantity reconstructed</tspan> <tspan x="20" dy="18">• Global behavior from local data</tspan> <tspan x="20" dy="18">• Sophisticated analytical tool</tspan> </text> <rect x="30" y="335" width="200" height="30" rx="8" fill="#f59e0b20"/> <text x="130" y="355" text-anchor="middle" font-family="sans-serif" font-weight="600" font-size="12" fill="#f59e0b">DEFINITE INTEGRAL</text> </g> <!-- Connecting Arrows --> <path d="M 300 320 L 320 320" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 580 320 L 600 320" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrow)"/> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#ffffff20" /> </marker> </defs> <!-- Footer Info --> <rect x="40" y="525" width="820" height="1" fill="#ffffff10"/> <text x="40" y="545" font-family="sans-serif" font-size="11" fill="#64748b">CALCULUS BC: UNIT 6</text> <text x="860" y="545" text-anchor="end" font-family="sans-serif" font-size="11" fill="#64748b">INTEGRATION AND ACCUMULATION OF CHANGE</text> </svg>Integration and Accumulation of Change image 1Integration and Accumulation of Change - AP/College Calculus BC - image 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/integration-and-accumulation/svg/1Integration and Accumulation of Change diagram 1Integration and Accumulation of Change - AP/College Calculus BC - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/differential-equations/svg/1Differential Equations diagram 1Differential Equations - AP/College Calculus BC - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/applications-of-integration/svg/1Applications of Integration diagram 1Applications of Integration - AP/College Calculus BC - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/applications-of-integration/svg/2Applications of Integration diagram 2Applications of Integration - AP/College Calculus BC - diagram 2https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/applications-of-integration/svg/3Applications of Integration diagram 3Applications of Integration - AP/College Calculus BC - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotGrid" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="context-fill" /> </marker> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotGrid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="2">THE GEOMETRY OF MOTION</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">PARAMETRIC • VECTOR • POLAR FUNCTIONS</text> <line x1="300" y1="90" x2="600" y2="90" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Panel 1: Parametric (Left) --> <rect x="30" y="110" width="260" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="160" y="145" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="20" fill="#38bdf8">PARAMETRIC</text> <text x="160" y="165" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Decoupling the Path</text> <!-- Parametric Illustration: Spiral/Lissajous --> <path d="M 100 250 Q 160 180 220 250 T 100 320 T 160 390" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <circle cx="160" cy="390" r="4" fill="#f8fafc"/> <text x="165" y="405" font-family="serif" font-style="italic" font-size="12" fill="#f8fafc">t</text> <g transform="translate(50, 430)"> <text x="0" y="0" font-family="serif" font-size="14" fill="#f8fafc">x = f(t)</text> <text x="0" y="20" font-family="serif" font-size="14" fill="#f8fafc">y = g(t)</text> <rect x="0" y="40" width="220" height="60" rx="8" fill="#38bdf815"/> <text x="10" y="60" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8">SECOND DERIVATIVE CAUTION:</text> <text x="10" y="80" font-family="serif" font-size="13" fill="#f8fafc">d²y/dx² = [ (d/dt)(dy/dx) ] / (dx/dt)</text> </g> <!-- Panel 2: Vector (Center) --> <rect x="320" y="110" width="260" height="420" rx="16" fill="#ffffff12" stroke="#ffffff20" stroke-width="1"/> <text x="450" y="145" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="20" fill="#e879f9">VECTOR-VALUED</text> <text x="450" y="165" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Kinematics &amp; Physics</text> <!-- Vector Illustration: Projectile with Vectors --> <path d="M 360 380 Q 450 180 540 380" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="5 3"/> <!-- Velocity Vector --> <line x1="450" y1="230" x2="510" y2="230" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrowhead)" context-fill="#f59e0b"/> <text x="515" y="225" font-family="serif" font-weight="bold" font-size="14" fill="#f59e0b">v(t)</text> <!-- Acceleration Vector --> <line x1="450" y1="230" x2="450" y2="280" stroke="#38bdf8" stroke-width="3" marker-end="url(#arrowhead)" context-fill="#38bdf8"/> <text x="455" y="295" font-family="serif" font-weight="bold" font-size="14" fill="#38bdf8">a(t)</text> <g transform="translate(340, 430)"> <text x="0" y="0" font-family="serif" font-size="14" fill="#f8fafc">r(t) = ⟨x(t), y(t)⟩</text> <text x="0" y="25" font-family="sans-serif" font-size="12" fill="#94a3b8">Total Distance Traveled:</text> <text x="0" y="45" font-family="serif" font-size="16" fill="#f8fafc">∫ |v(t)| dt</text> <text x="0" y="75" font-family="sans-serif" font-size="11" fill="#e879f9" font-style="italic">Modeling SpaceX Falcon 9 Trajectories</text> </g> <!-- Panel 3: Polar (Right) --> <rect x="610" y="110" width="260" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="740" y="145" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="20" fill="#f59e0b">POLAR</text> <text x="740" y="165" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Angular Perspectives</text> <!-- Polar Illustration: Rose Curve --> <g transform="translate(740, 280)"> <circle r="80" fill="none" stroke="#ffffff10" stroke-width="1"/> <circle r="50" fill="none" stroke="#ffffff10" stroke-width="1"/> <line x1="-90" y1="0" x2="90" y2="0" stroke="#ffffff10"/> <line x1="0" y1="-90" x2="0" y2="90" stroke="#ffffff10"/> <!-- Rose Curve: r = cos(2theta) --> <path d="M 70 0 C 70 -50 20 -70 0 0 C -20 -70 -70 -50 -70 0 C -70 50 -20 70 0 0 C 20 70 70 50 70 0" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> </g> <g transform="translate(630, 430)"> <text x="0" y="0" font-family="serif" font-size="14" fill="#f8fafc">r = f(θ)</text> <text x="0" y="25" font-family="sans-serif" font-size="12" fill="#94a3b8">Area in Polar:</text> <text x="0" y="45" font-family="serif" font-size="16" fill="#f8fafc">A = ½ ∫ [r(θ)]² dθ</text> <text x="0" y="75" font-family="sans-serif" font-size="11" fill="#f59e0b" font-style="italic">Electromagnetic Dipole Patterns</text> </g> <!-- Comparison Footer --> <rect x="30" y="540" width="840" height="20" rx="4" fill="#38bdf820"/> <text x="450" y="554" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#38bdf8" letter-spacing="1">TRANSITIONING FROM CARTESIAN: BEYOND THE VERTICAL LINE TEST</text> </svg>Parametric, Polar, and Vector Functions image 1Parametric, Polar, and Vector Functions - AP/College Calculus BC - image 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/parametric-polar-vector/svg/1Parametric, Polar, and Vector Functions diagram 1Parametric, Polar, and Vector Functions - AP/College Calculus BC - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/parametric-polar-vector/svg/2Parametric, Polar, and Vector Functions diagram 2Parametric, Polar, and Vector Functions - AP/College Calculus BC - diagram 2https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/infinite-sequences-and-series/svg/1Infinite Sequences and Series diagram 1Infinite Sequences and Series - AP/College Calculus BC - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/infinite-sequences-and-series/svg/2Infinite Sequences and Series diagram 2Infinite Sequences and Series - AP/College Calculus BC - diagram 2https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/infinite-sequences-and-series/svg/3Infinite Sequences and Series diagram 3Infinite Sequences and Series - AP/College Calculus BC - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">AP CALCULUS BC: FRQ BLUEPRINT</text> <rect x="380" y="65" width="140" height="4" fill="#38bdf8" rx="2"/> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="500">THE ULTIMATE CRUCIBLE OF MATHEMATICAL MASTERY</text> <!-- Section 1: The Anatomy (Comparison) --> <g transform="translate(40, 110)"> <rect width="400" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="20" y="30" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">SECTION STRUCTURE</text> <!-- Part A --> <rect x="20" y="50" width="170" height="110" rx="12" fill="#38bdf815" stroke="#38bdf840"/> <text x="105" y="75" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="16">PART A</text> <text x="105" y="95" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12">2 Questions | 30 Mins</text> <rect x="55" y="105" width="100" height="20" rx="10" fill="#38bdf8"/> <text x="105" y="119" text-anchor="middle" fill="#0f172a" font-family="sans-serif" font-weight="800" font-size="10">CALC REQUIRED</text> <text x="105" y="140" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Modeling &amp; Data Analysis</text> <!-- Part B --> <rect x="210" y="50" width="170" height="110" rx="12" fill="#f59e0b15" stroke="#f59e0b40"/> <text x="295" y="75" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="16">PART B</text> <text x="295" y="95" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12">4 Questions | 60 Mins</text> <rect x="245" y="105" width="100" height="20" rx="10" fill="#f59e0b"/> <text x="295" y="119" text-anchor="middle" fill="#0f172a" font-family="sans-serif" font-weight="800" font-size="10">CALC PROHIBITED</text> <text x="295" y="140" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Proofs &amp; Taylor Series</text> </g> <!-- Section 2: The 9-Point Rubric (Process) --> <g transform="translate(460, 110)"> <rect width="400" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="20" y="30" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">SCORING HEURISTICS</text> <!-- Rubric Steps --> <g transform="translate(20, 50)"> <circle cx="15" cy="10" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="15" y="14" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="800" font-size="12">1</text> <text x="40" y="10" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="13">THE SETUP</text> <text x="40" y="25" fill="#94a3b8" font-family="sans-serif" font-size="11">Correct integral or derivative expression.</text> <circle cx="15" cy="50" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="15" y="54" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="800" font-size="12">2</text> <text x="40" y="50" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="13">INTERMEDIATE STEPS</text> <text x="40" y="65" fill="#94a3b8" font-family="sans-serif" font-size="11">Application of theorems (MVT, IVT, etc.)</text> <circle cx="15" cy="90" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="15" y="94" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="800" font-size="12">3</text> <text x="40" y="90" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="13">THE ANSWER &amp; JUSTIFICATION</text> <text x="40" y="105" fill="#94a3b8" font-family="sans-serif" font-size="11">Numerical value (3 decimals) + Sentence.</text> </g> </g> <!-- The Golden Rule Banner --> <g transform="translate(40, 310)"> <rect width="820" height="40" rx="8" fill="#ef444420" stroke="#ef4444" stroke-width="1"/> <path d="M20 20 L35 20" stroke="#ef4444" stroke-width="3" stroke-linecap="round"/> <text x="410" y="26" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="14"> <tspan fill="#ef4444">THE GOLDEN RULE:</tspan> NO "BALD ANSWERS". NO WORK = NO POINTS. </text> </g> <!-- Section 3: Problem Archetypes (Conceptual Map) --> <g transform="translate(40, 370)"> <text x="0" y="-10" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="18">STRATEGIC ARCHETYPES</text> <!-- Rate In/Out --> <rect x="0" y="10" width="195" height="140" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="35" cy="45" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M30 45 L40 45 M35 40 L35 50" stroke="#38bdf8" stroke-width="2"/> <text x="60" y="50" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="14">Rate In / Out</text> <text x="20" y="80" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="600">Accumulation Formula:</text> <text x="20" y="100" fill="#94a3b8" font-family="serif" font-style="italic" font-size="13">A(t) = A(0) + ∫[R(s)-E(s)]ds</text> <text x="20" y="125" fill="#94a3b8" font-family="sans-serif" font-size="10">Commonly Question 1 or 2.</text> <!-- Particle Motion --> <rect x="208" y="10" width="195" height="140" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="243" cy="45" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <path d="M238 45 L248 45 L245 42 M248 45 L245 48" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="268" y="50" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="14">Particle Motion</text> <text x="228" y="80" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="600">Vector-Valued (BC):</text> <text x="228" y="100" fill="#94a3b8" font-family="serif" font-style="italic" font-size="13">Speed = √[x'(t)² + y'(t)²]</text> <text x="228" y="125" fill="#94a3b8" font-family="sans-serif" font-size="10">Focus on Total Distance.</text> <!-- Area & Volume --> <rect x="416" y="10" width="195" height="140" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="451" cy="45" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M443 52 Q451 30 459 52" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="476" y="50" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="14">Area &amp; Volume</text> <text x="436" y="80" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="600">Polar &amp; Rotational:</text> <text x="436" y="100" fill="#94a3b8" font-family="serif" font-style="italic" font-size="13">Area = ½ ∫ [r(θ)]² dθ</text> <text x="436" y="125" fill="#94a3b8" font-family="sans-serif" font-size="10">Washers vs. Cross-sections.</text> <!-- Taylor Series --> <rect x="625" y="10" width="195" height="140" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <circle cx="660" cy="45" r="15" fill="#10b98120" stroke="#10b981" stroke-width="1.5"/> <text x="655" y="50" fill="#10b981" font-family="serif" font-weight="800" font-size="18">Σ</text> <text x="685" y="50" fill="#10b981" font-family="sans-serif" font-weight="700" font-size="14">Taylor Series</text> <text x="645" y="80" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="600">The "Question 6":</text> <text x="645" y="100" fill="#94a3b8" font-family="serif" font-style="italic" font-size="13">fⁿ(c)/n! · (x-c)ⁿ</text> <text x="645" y="125" fill="#94a3b8" font-family="sans-serif" font-size="10">Lagrange Error Bound.</text> </g> <!-- Footer Branding --> <rect x="0" y="535" width="900" height="25" fill="#00000030"/> <text x="450" y="552" text-anchor="middle" fill="#475569" font-family="sans-serif" font-size="10" font-weight="600" letter-spacing="2">AP CALCULUS BC • FREE RESPONSE QUESTION STRATEGY GUIDE • COLLEGE BOARD STANDARDS</text> </svg>AP Exam Preparation (FRQs) image 1AP Exam Preparation (FRQs) - AP/College Calculus BC - image 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/ap-exam-preparation/svg/1AP Exam Preparation (FRQs) diagram 1AP Exam Preparation (FRQs) - AP/College Calculus BC - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/ap-exam-preparation/svg/2AP Exam Preparation (FRQs) diagram 2AP Exam Preparation (FRQs) - AP/College Calculus BC - diagram 2https://www.getlykke.com/explore/public/apcollege-calculus-bc-f0911bf9-0b0e-4390-9916-edee07cb9049/media/ap-exam-preparation/svg/3AP Exam Preparation (FRQs) diagram 3AP Exam Preparation (FRQs) - AP/College Calculus BC - diagram 3https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c2026-04-20T04:58:34.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#818cf8"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Subtle Grid Pattern --> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">LIMITS &amp; CONTINUITY FOUNDATIONS</text> <path d="M 350 65 L 550 65" stroke="url(#accentGrad)" stroke-width="3" stroke-linecap="round"/> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The transition from static algebra to dynamic calculus</text> <!-- Left Column: The Limit Concept --> <rect x="40" y="110" width="400" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">1. THE DYNAMIC APPROACH</text> <text x="60" y="165" font-family="sans-serif" font-size="13" fill="#f8fafc">Algebra asks: "What is the value at x?"</text> <text x="60" y="182" font-family="sans-serif" font-size="13" fill="#f8fafc">Calculus asks: "What happens as we get close?"</text> <!-- Limit Visualization --> <g transform="translate(60, 210)"> <path d="M 0 60 L 150 60 M 10 0 L 10 70" stroke="#94a3b8" stroke-width="1" fill="none"/> <path d="M 10 50 Q 60 45, 140 10" stroke="#f59e0b" stroke-width="2" fill="none"/> <circle cx="80" cy="38" r="4" fill="none" stroke="#f59e0b" stroke-width="2"/> <!-- Hole --> <text x="160" y="20" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">lim f(x) = L</text> <text x="160" y="35" font-family="sans-serif" font-size="11" fill="#94a3b8">x → c</text> <!-- Arrows --> <path d="M 50 65 L 75 65" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 110 65 L 85 65" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow)"/> <text x="75" y="80" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">x approaches c</text> </g> <!-- Right Column: Continuity Checklist --> <rect x="460" y="110" width="400" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">2. CONTINUITY CHECKLIST</text> <g transform="translate(480, 165)"> <circle cx="10" cy="5" r="8" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="25" y="10" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">f(c) is Defined</text> <text x="25" y="25" font-family="sans-serif" font-size="11" fill="#94a3b8">The point exists in the domain.</text> <circle cx="10" cy="50" r="8" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="25" y="55" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Limit Exists</text> <text x="25" y="70" font-family="sans-serif" font-size="11" fill="#94a3b8">Left-hand limit = Right-hand limit.</text> <circle cx="10" cy="95" r="8" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="25" y="100" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Limit = Value</text> <text x="25" y="115" font-family="sans-serif" font-size="11" fill="#94a3b8">The "hole" is filled by the actual point.</text> </g> <!-- Bottom Section: Discontinuity Types --> <rect x="40" y="330" width="820" height="190" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="360" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">3. TYPES OF DISCONTINUITY</text> <!-- Discontinuity 1: Removable --> <g transform="translate(80, 380)"> <path d="M 0 80 L 120 80 M 10 10 L 10 90" stroke="#ffffff30" stroke-width="1"/> <path d="M 20 70 Q 60 65, 110 30" stroke="#38bdf8" stroke-width="2" fill="none"/> <circle cx="65" cy="61" r="4" fill="#1e1b4b" stroke="#38bdf8" stroke-width="2"/> <circle cx="65" cy="30" r="3" fill="#38bdf8"/> <text x="60" y="105" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">REMOVABLE</text> <text x="60" y="120" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">"The Hole"</text> </g> <!-- Discontinuity 2: Jump --> <g transform="translate(350, 380)"> <path d="M 0 80 L 120 80 M 10 10 L 10 90" stroke="#ffffff30" stroke-width="1"/> <path d="M 20 70 L 60 50" stroke="#e879f9" stroke-width="2" fill="none"/> <path d="M 60 20 L 110 10" stroke="#e879f9" stroke-width="2" fill="none"/> <circle cx="60" cy="50" r="3" fill="#e879f9"/> <circle cx="60" cy="20" r="3" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="60" y="105" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">JUMP</text> <text x="60" y="120" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Piecewise Breaks</text> </g> <!-- Discontinuity 3: Infinite --> <g transform="translate(620, 380)"> <path d="M 0 80 L 120 80 M 10 10 L 10 90" stroke="#ffffff30" stroke-width="1"/> <path d="M 60 10 L 60 90" stroke="#ffffff40" stroke-dasharray="4" stroke-width="1"/> <path d="M 20 75 Q 50 70, 55 10" stroke="#f59e0b" stroke-width="2" fill="none"/> <path d="M 65 90 Q 70 30, 110 25" stroke="#f59e0b" stroke-width="2" fill="none"/> <text x="60" y="105" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">INFINITE</text> <text x="60" y="120" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Vertical Asymptotes</text> </g> <!-- Formal Definition Box (Small Overlay) --> <rect x="600" y="235" width="240" height="60" rx="8" fill="#38bdf815" stroke="#38bdf840"/> <text x="610" y="255" font-family="serif" font-style="italic" font-size="12" fill="#38bdf8">ε-δ Definition</text> <text x="610" y="275" font-family="serif" font-size="11" fill="#f8fafc">|x - c| &lt; δ ⇒ |f(x) - L| &lt; ε</text> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="url(#accentGrad)" opacity="0.1"/> <circle cx="50" cy="510" r="20" fill="#e879f9" opacity="0.1"/> <!-- Marker for arrows --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orientation="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#38bdf8" /> </marker> </defs> </svg>Limits and Continuity Foundations image 1Limits and Continuity Foundations - AP/College Calculus AB - image 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/limits-and-continuity-foundations/svg/1Limits and Continuity Foundations diagram 1Limits and Continuity Foundations - AP/College Calculus AB - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/limits-and-continuity-foundations/svg/2Limits and Continuity Foundations diagram 2Limits and Continuity Foundations - AP/College Calculus AB - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> <feDropShadow dx="0" dy="4" stdDeviation="8" flood-opacity="0.5"/> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">ESTIMATING LIMITS</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8" letter-spacing="2">NUMERICAL &amp; GRAPHICAL ANALYSIS</text> <rect x="400" y="95" width="100" height="3" rx="1.5" fill="#f59e0b"/> <!-- Left Card: The Concept --> <g transform="translate(40, 120)" filter="url(#shadow)"> <rect width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="40" cy="40" r="18" fill="#f59e0b20"/> <path d="M 35 40 L 45 40 M 40 35 L 40 45" stroke="#f59e0b" stroke-width="2" fill="none"/> <text x="70" y="45" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">THE CONCEPT</text> <text x="25" y="90" font-family="sans-serif" font-size="13" fill="#94a3b8" font-style="italic">"The Journey, Not the Destination"</text> <rect x="25" y="115" width="210" height="80" rx="8" fill="#00000030"/> <text x="130" y="150" text-anchor="middle" font-family="serif" font-size="24" fill="#f8fafc">lim</text> <text x="130" y="165" text-anchor="middle" font-family="serif" font-size="12" fill="#f8fafc">x → a</text> <text x="175" y="155" text-anchor="middle" font-family="serif" font-size="24" fill="#f8fafc">f(x) = L</text> <text x="25" y="225" font-family="sans-serif" font-size="13" fill="#cbd5e1" line-height="1.5"> <tspan x="25" dy="0">• Focuses on the neighborhood</tspan> <tspan x="25" dy="22">• f(a) need not be defined</tspan> <tspan x="25" dy="22">• Approaches from both sides</tspan> <tspan x="25" dy="22">• Describes local behavior</tspan> </text> <path d="M 40 340 Q 130 310 220 340" stroke="#f59e0b" stroke-width="2" fill="none" stroke-dasharray="4 2"/> <circle cx="130" cy="325" r="5" stroke="#f59e0b" stroke-width="2" fill="none"/> <text x="130" y="360" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Target Value (L)</text> </g> <!-- Middle Card: Numerical --> <g transform="translate(320, 120)" filter="url(#shadow)"> <rect width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="40" cy="40" r="18" fill="#38bdf820"/> <rect x="34" y="34" width="12" height="12" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="70" y="45" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">NUMERICAL</text> <text x="25" y="85" font-family="sans-serif" font-size="13" fill="#94a3b8">The "Delta-Stepping" Table</text> <!-- Table Mockup --> <g transform="translate(25, 110)"> <rect width="210" height="180" rx="8" fill="#00000030"/> <line x1="105" y1="10" x2="105" y2="170" stroke="#ffffff20" stroke-width="1"/> <line x1="10" y1="40" x2="200" y2="40" stroke="#ffffff20" stroke-width="1"/> <text x="52" y="28" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">x</text> <text x="157" y="28" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">f(x)</text> <text x="52" y="65" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">0.9</text> <text x="157" y="65" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">1.9000</text> <text x="52" y="90" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">0.99</text> <text x="157" y="90" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">1.9900</text> <text x="52" y="115" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#e879f9" font-weight="bold">1.0</text> <text x="157" y="115" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#e879f9" font-weight="bold">???</text> <text x="52" y="140" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">1.01</text> <text x="157" y="140" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">2.0100</text> <text x="52" y="165" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">1.1</text> <text x="157" y="165" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">2.1000</text> </g> <text x="25" y="320" font-family="sans-serif" font-size="12" fill="#cbd5e1" line-height="1.4"> <tspan x="25" dy="0">Step 1: Choose values closer to 'a'</tspan> <tspan x="25" dy="20">Step 2: Evaluate from Left &amp; Right</tspan> <tspan x="25" dy="20">Step 3: Check if values converge</tspan> </text> <path d="M 110 375 L 150 375" stroke="#38bdf8" stroke-width="2" fill="none" marker-end="url(#arrow)"/> <text x="130" y="392" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">CONVERGENCE</text> </g> <!-- Right Card: Graphical --> <g transform="translate(600, 120)" filter="url(#shadow)"> <rect width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="40" cy="40" r="18" fill="#e879f920"/> <path d="M 32 45 L 40 35 L 48 45" stroke="#e879f9" stroke-width="2" fill="none"/> <text x="70" y="45" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">GRAPHICAL</text> <text x="25" y="85" font-family="sans-serif" font-size="13" fill="#94a3b8">Visualizing Discontinuities</text> <!-- Graph Mockup --> <g transform="translate(30, 110)"> <rect width="200" height="150" rx="4" fill="#00000030"/> <!-- Axes --> <line x1="20" y1="130" x2="180" y2="130" stroke="#ffffff40" stroke-width="1"/> <line x1="30" y1="20" x2="30" y2="140" stroke="#ffffff40" stroke-width="1"/> <!-- Function Curve --> <path d="M 40 110 Q 100 80 160 30" stroke="#e879f9" stroke-width="3" fill="none"/> <!-- Hole --> <circle cx="100" cy="80" r="5" fill="#1e1b4b" stroke="#e879f9" stroke-width="2"/> <!-- Approach Arrows --> <path d="M 70 100 L 90 88" stroke="#38bdf8" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/> <path d="M 130 60 L 110 72" stroke="#38bdf8" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/> <text x="100" y="145" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">x = a</text> <text x="15" y="80" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8" transform="rotate(-90, 15, 80)">L</text> </g> <g transform="translate(25, 280)"> <rect x="0" y="0" width="10" height="10" rx="2" fill="#e879f9"/> <text x="20" y="10" font-family="sans-serif" font-size="12" fill="#cbd5e1">Holes (Removable)</text> <rect x="0" y="25" width="10" height="10" rx="2" fill="#f59e0b"/> <text x="20" y="35" font-family="sans-serif" font-size="12" fill="#cbd5e1">Jumps (DNE)</text> <rect x="0" y="50" width="10" height="10" rx="2" fill="#38bdf8"/> <text x="20" y="60" font-family="sans-serif" font-size="12" fill="#cbd5e1">Asymptotes (Infinite)</text> </g> <text x="25" y="375" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic"> "Trace the path from both sides. If they meet at the same height, the limit exists." </text> </g> <!-- Markers --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#38bdf8" /> </marker> </defs> <!-- Footer Info --> <rect x="40" y="535" width="820" height="1" fill="#ffffff15"/> <text x="450" y="552" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#64748b" letter-spacing="1">CALCULUS FUNDAMENTALS • SECTION 1.2 • WIKI ILLUSTRATED SERIES</text> </svg>Estimating Limits Numerically and Graphically image 1Estimating Limits Numerically and Graphically - AP/College Calculus AB - image 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/estimating-limits/svg/1Estimating Limits Numerically and Graphically diagram 1Estimating Limits Numerically and Graphically - AP/College Calculus AB - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/estimating-limits/svg/2Estimating Limits Numerically and Graphically diagram 2Estimating Limits Numerically and Graphically - AP/College Calculus AB - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff15"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <path d="M 0 100 L 900 100 M 0 480 L 900 480" stroke="#ffffff10" stroke-width="1"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="34" font-weight="800" letter-spacing="1">DIFFERENTIATION</text> <text x="450" y="82" text-anchor="middle" fill="#38bdf8" font-family="system-ui, sans-serif" font-size="16" font-weight="500" letter-spacing="3">DEFINITION &amp; FUNDAMENTAL RULES</text> <!-- Card 1: The Limit Definition --> <rect x="40" y="120" width="260" height="340" rx="16" fill="url(#cardGrad)" stroke="#ffffff20"/> <text x="60" y="150" fill="#f59e0b" font-family="system-ui, sans-serif" font-size="14" font-weight="bold">01. THE FORMAL LIMIT</text> <!-- Graph Illustration --> <path d="M 70 260 Q 130 180 250 220" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4"/> <circle cx="110" cy="215" r="4" fill="#e879f9"/> <circle cx="180" cy="205" r="4" fill="#38bdf8"/> <line x1="80" y1="220" x2="230" y2="200" stroke="#f8fafc" stroke-width="1.5" filter="url(#glow)"/> <text x="110" y="280" fill="#94a3b8" font-family="serif" font-size="12" font-style="italic">h → 0</text> <text x="60" y="330" fill="#f8fafc" font-family="serif" font-size="18">f'(x) = lim [f(x+h) - f(x)] / h</text> <text x="60" y="360" fill="#94a3b8" font-family="system-ui, sans-serif" font-size="12" width="220"> <tspan x="60" dy="1.2em">The derivative captures the</tspan> <tspan x="60" dy="1.2em">instantaneous rate of change</tspan> <tspan x="60" dy="1.2em">as the interval h vanishes.</tspan> </text> <!-- Card 2: Physical Interpretation --> <rect x="320" y="120" width="260" height="340" rx="16" fill="url(#cardGrad)" stroke="#ffffff20"/> <text x="340" y="150" fill="#38bdf8" font-family="system-ui, sans-serif" font-size="14" font-weight="bold">02. DYNAMICS &amp; MOTION</text> <!-- Motion Icons --> <g transform="translate(340, 180)"> <rect width="220" height="40" rx="8" fill="#ffffff10"/> <text x="10" y="25" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="12">Position: s(t)</text> <path d="M 180 20 L 200 20" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow)"/> <rect y="50" width="220" height="40" rx="8" fill="#ffffff10"/> <text x="10" y="75" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="12">Velocity: v(t) = s'(t)</text> <rect y="100" width="220" height="40" rx="8" fill="#ffffff10"/> <text x="10" y="125" fill="#f8fafc" font-family="system-ui, sans-serif" font-size="12">Accel: a(t) = v'(t)</text> </g> <text x="340" y="360" fill="#94a3b8" font-family="system-ui, sans-serif" font-size="12"> <tspan x="340" dy="1.2em">Calculus bridges the gap</tspan> <tspan x="340" dy="1.2em">between static algebra and</tspan> <tspan x="340" dy="1.2em">the physics of moving bodies.</tspan> </text> <!-- Card 3: The Power Rule --> <rect x="600" y="120" width="260" height="340" rx="16" fill="url(#cardGrad)" stroke="#ffffff20"/> <text x="620" y="150" fill="#e879f9" font-family="system-ui, sans-serif" font-size="14" font-weight="bold">03. THE POWER RULE</text> <g transform="translate(620, 180)"> <rect width="220" height="80" rx="12" fill="#e879f920" stroke="#e879f940"/> <text x="110" y="48" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="24" font-weight="bold">d/dx [xⁿ] = nxⁿ⁻¹</text> </g> <g transform="translate(620, 280)" font-family="monospace" font-size="13"> <text x="0" y="20" fill="#38bdf8">f(x) = x³</text> <text x="120" y="20" fill="#94a3b8">→ 3x²</text> <text x="0" y="45" fill="#38bdf8">f(x) = √x</text> <text x="120" y="45" fill="#94a3b8">→ ½x⁻½</text> <text x="0" y="70" fill="#38bdf8">f(x) = 1/x</text> <text x="120" y="70" fill="#94a3b8">→ -x⁻²</text> </g> <!-- Footer / Continuity Note --> <rect x="40" y="485" width="820" height="50" rx="12" fill="#ffffff05"/> <circle cx="65" cy="510" r="6" fill="#ef4444"/> <text x="85" y="515" fill="#94a3b8" font-family="system-ui, sans-serif" font-size="13"> <tspan fill="#f8fafc" font-weight="bold">CRITICAL NOTE:</tspan> Differentiability requires continuity, but continuity does not guarantee differentiability (e.g., sharp corners). </text> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="none" stroke="#38bdf8" stroke-width="0.5" stroke-dasharray="2 2"/> <path d="M 40 40 L 60 40 M 40 40 L 40 60" stroke="#f59e0b" stroke-width="2"/> </svg>Differentiation: Definition and Fundamental Rules image 1Differentiation: Definition and Fundamental Rules - AP/College Calculus AB - image 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/differentiation-foundations/svg/1Differentiation: Definition and Fundamental Rules diagram 1Differentiation: Definition and Fundamental Rules - AP/College Calculus AB - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/differentiation-foundations/svg/2Differentiation: Definition and Fundamental Rules diagram 2Differentiation: Definition and Fundamental Rules - AP/College Calculus AB - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Elements --> <circle cx="850" cy="50" r="100" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#e879f9" fill-opacity="0.05"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="bold" fill="#f8fafc" letter-spacing="1">ADVANCED DIFFERENTIATION</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="16" fill="#94a3b8" font-weight="300">NAVIGATING NESTED SYSTEMS &amp; INTERTWINED VARIABLES</text> <rect x="400" y="100" width="100" height="3" rx="1.5" fill="#f59e0b"/> <!-- Left Panel: Chain Rule --> <rect x="40" y="130" width="400" height="310" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="70" y="170" font-family="sans-serif" font-size="20" font-weight="bold" fill="#38bdf8">The Chain Rule</text> <text x="70" y="192" font-family="sans-serif" font-size="13" fill="#94a3b8">The Calculus of Nested Systems</text> <!-- Chain Rule Visual: Nested Circles --> <circle cx="110" cy="260" r="35" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="110" cy="260" r="20" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8" stroke-width="2"/> <text x="160" y="255" font-family="serif" font-style="italic" font-size="18" fill="#f8fafc">f ( g ( x ) )</text> <path d="M 160 265 L 240 265" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrow)"/> <!-- Notation Cards --> <rect x="70" y="315" width="340" height="45" rx="8" fill="#00000030"/> <text x="85" y="343" font-family="serif" font-size="15" fill="#f8fafc">Lagrange: h'(x) = f'(g(x)) · g'(x)</text> <rect x="70" y="370" width="340" height="45" rx="8" fill="#00000030"/> <text x="85" y="398" font-family="serif" font-size="15" fill="#f8fafc">Leibniz: dy/dx = (dy/du) · (du/dx)</text> <!-- Right Panel: Implicit Differentiation --> <rect x="460" y="130" width="400" height="310" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="490" y="170" font-family="sans-serif" font-size="20" font-weight="bold" fill="#f59e0b">Implicit Differentiation</text> <text x="490" y="192" font-family="sans-serif" font-size="13" fill="#94a3b8">The Calculus of Intertwined Relations</text> <!-- Implicit Visual: Interlocking Rings --> <circle cx="530" cy="260" r="25" fill="none" stroke="#f59e0b" stroke-width="3"/> <circle cx="555" cy="260" r="25" fill="none" stroke="#e879f9" stroke-width="3"/> <text x="600" y="255" font-family="serif" font-style="italic" font-size="18" fill="#f8fafc">x² + y² = r²</text> <text x="600" y="275" font-family="sans-serif" font-size="11" fill="#94a3b8">y is hidden within the structure</text> <!-- Process Steps --> <g font-family="sans-serif" font-size="12" fill="#f8fafc"> <circle cx="500" cy="330" r="10" fill="#f59e0b"/> <text x="497" y="334" font-size="10" font-weight="bold">1</text> <text x="520" y="335">Differentiate both sides w.r.t. x</text> <circle cx="500" cy="360" r="10" fill="#f59e0b"/> <text x="497" y="364" font-size="10" font-weight="bold">2</text> <text x="520" y="365">Apply Chain Rule to all 'y' terms</text> <circle cx="500" cy="390" r="10" fill="#f59e0b"/> <text x="497" y="394" font-size="10" font-weight="bold">3</text> <text x="520" y="395">Isolate dy/dx algebraically</text> </g> <!-- Bottom Section: Applications --> <rect x="40" y="460" width="820" height="70" rx="16" fill="#ffffff05" stroke="#ffffff10" stroke-width="1"/> <text x="60" y="485" font-family="sans-serif" font-size="14" font-weight="bold" fill="#94a3b8" text-transform="uppercase">Real-World Applications</text> <g transform="translate(60, 505)"> <rect width="240" height="12" rx="6" fill="#38bdf820"/> <circle cx="6" cy="6" r="4" fill="#38bdf8"/> <text x="20" y="10" font-family="sans-serif" font-size="11" fill="#f8fafc">Neural Networks (Backpropagation)</text> <rect x="260" width="240" height="12" rx="6" fill="#e879f920"/> <circle cx="266" cy="6" r="4" fill="#e879f9"/> <text x="280" y="10" font-family="sans-serif" font-size="11" fill="#f8fafc">Orbital Mechanics &amp; Aerospace</text> <rect x="520" width="240" height="12" rx="6" fill="#f59e0b20"/> <circle cx="526" cy="6" r="4" fill="#f59e0b"/> <text x="540" y="10" font-family="sans-serif" font-size="11" fill="#f8fafc">Sensitivity in Financial Derivatives</text> </g> <!-- Decorative Accents --> <path d="M 450 130 L 450 440" stroke="#ffffff10" stroke-width="1" stroke-dasharray="5 5"/> <circle cx="450" cy="285" r="4" fill="#f59e0b" filter="glow"/> </svg>Advanced Differentiation: Chain Rule and Implicit Differentiation image 1Advanced Differentiation: Chain Rule and Implicit Differentiation - AP/College Calculus AB - image 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/advanced-differentiation/svg/1Advanced Differentiation: Chain Rule and Implicit Differentiation diagram 1Advanced Differentiation: Chain Rule and Implicit Differentiation - AP/College Calculus AB - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/advanced-differentiation/svg/2Advanced Differentiation: Chain Rule and Implicit Differentiation diagram 2Advanced Differentiation: Chain Rule and Implicit Differentiation - AP/College Calculus AB - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">CONTEXTUAL APPLICATIONS OF DIFFERENTIATION</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="16" font-weight="300">The Bridge from Theoretical Mechanics to Dynamic Reality</text> <line x1="300" y1="105" x2="600" y2="105" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4" opacity="0.5"/> <!-- Card 1: Kinematics --> <rect x="40" y="130" width="400" height="185" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="160" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">1. STRAIGHT-LINE MOTION</text> <text x="60" y="180" fill="#94a3b8" font-family="sans-serif" font-size="12">The Kinematic Hierarchy (Rectilinear Motion)</text> <!-- Kinematics Illustration --> <line x1="70" y1="230" x2="380" y2="230" stroke="#475569" stroke-width="2"/> <circle cx="220" cy="230" r="6" fill="#38bdf8" filter="url(#glow)"/> <path d="M 226 230 L 300 230" stroke="#38bdf8" stroke-width="3" marker-end="url(#arrow-blue)"/> <text x="70" y="220" fill="#f8fafc" font-family="monospace" font-size="11">s(t)</text> <text x="250" y="220" fill="#38bdf8" font-family="monospace" font-size="11">v(t) = s'(t)</text> <text x="250" y="250" fill="#e879f9" font-family="monospace" font-size="11">a(t) = v'(t)</text> <text x="60" y="285" fill="#f8fafc" font-family="sans-serif" font-size="11" opacity="0.8"> <tspan x="60" dy="0">• v(t) &gt; 0: Moving Right</tspan> <tspan x="200" dy="0">• v(t) &amp; a(t) same sign: Speeding Up</tspan> </text> <!-- Card 2: Related Rates --> <rect x="460" y="130" width="400" height="185" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="160" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="18">2. RELATED RATES</text> <text x="480" y="180" fill="#94a3b8" font-family="sans-serif" font-size="12">Implicit Differentiation with respect to Time</text> <!-- Related Rates Illustration --> <circle cx="550" cy="235" r="30" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="550" cy="235" r="45" fill="none" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> <line x1="550" y1="235" x2="595" y2="235" stroke="#f8fafc" stroke-width="1.5"/> <text x="565" y="230" fill="#f8fafc" font-family="monospace" font-size="11">r</text> <path d="M 610 215 Q 630 235 610 255" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="640" y="230" fill="#f59e0b" font-family="monospace" font-size="13">dV/dt = 4πr²(dr/dt)</text> <text x="480" y="285" fill="#f8fafc" font-family="sans-serif" font-size="11" opacity="0.8"> <tspan x="480" dy="0">Relate variables, differentiate implicitly, solve for rate.</tspan> </text> <!-- Card 3: Local Linearity --> <rect x="40" y="335" width="400" height="185" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="365" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">3. LOCAL LINEARITY</text> <text x="60" y="385" fill="#94a3b8" font-family="sans-serif" font-size="12">Tangent Line Approximation</text> <!-- Local Linearity Illustration --> <path d="M 80 460 Q 150 460 220 400" fill="none" stroke="#94a3b8" stroke-width="2"/> <line x1="100" y1="465" x2="250" y2="395" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <circle cx="175" cy="430" r="4" fill="#f8fafc"/> <text x="185" y="445" fill="#f8fafc" font-family="monospace" font-size="11">(a, f(a))</text> <text x="240" y="430" fill="#e879f9" font-family="monospace" font-size="13">L(x) = f(a) + f'(a)(x-a)</text> <text x="60" y="495" fill="#f8fafc" font-family="sans-serif" font-size="11" opacity="0.8"> <tspan x="60" dy="0">Curves look like lines when viewed at a micro-scale.</tspan> </text> <!-- Card 4: L'Hôpital's Rule --> <rect x="460" y="335" width="400" height="185" rx="16" fill="#10b98115" stroke="#10b98130"/> <text x="480" y="365" fill="#10b981" font-family="sans-serif" font-weight="700" font-size="18">4. L'HÔPITAL'S RULE</text> <text x="480" y="385" fill="#94a3b8" font-family="sans-serif" font-size="12">Resolving Indeterminate Forms</text> <!-- L'Hopital Illustration --> <g transform="translate(550, 410)"> <text x="0" y="0" fill="#f8fafc" font-family="serif" font-style="italic" font-size="14">lim</text> <text x="0" y="12" fill="#94a3b8" font-family="sans-serif" font-size="9">x→a</text> <line x1="35" y1="0" x2="85" y2="0" stroke="#f8fafc" stroke-width="1"/> <text x="60" y="-8" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="14">f(x)</text> <text x="60" y="15" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="14">g(x)</text> <text x="100" y="5" fill="#10b981" font-size="20">=</text> <line x1="125" y1="0" x2="175" y2="0" stroke="#10b981" stroke-width="2" filter="url(#glow)"/> <text x="150" y="-8" text-anchor="middle" fill="#10b981" font-family="serif" font-size="14" font-weight="bold">f'(x)</text> <text x="150" y="15" text-anchor="middle" fill="#10b981" font-family="serif" font-size="14" font-weight="bold">g'(x)</text> </g> <text x="480" y="495" fill="#f8fafc" font-family="sans-serif" font-size="11" opacity="0.8"> <tspan x="480" dy="0">Applicable for 0/0 or ∞/∞ indeterminate limits.</tspan> </text> <!-- Markers --> <marker id="arrow-blue" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto"> <path d="M0,0 L10,5 L0,10 Z" fill="#38bdf8" /> </marker> <!-- Decorative Accents --> <circle cx="850" cy="50" r="40" fill="#38bdf8" opacity="0.05"/> <circle cx="50" cy="510" r="30" fill="#e879f9" opacity="0.05"/> <rect x="448" y="130" width="4" height="390" fill="#ffffff05" rx="2"/> </svg>Contextual Applications of Differentiation image 1Contextual Applications of Differentiation - AP/College Calculus AB - image 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/contextual-applications-differentiation/svg/1Contextual Applications of Differentiation diagram 1Contextual Applications of Differentiation - AP/College Calculus AB - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/contextual-applications-differentiation/svg/2Contextual Applications of Differentiation diagram 2Contextual Applications of Differentiation - AP/College Calculus AB - diagram 2https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/analytical-applications-differentiation/svg/1Analytical Applications of Differentiation diagram 1Analytical Applications of Differentiation - AP/College Calculus AB - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/analytical-applications-differentiation/svg/2Analytical Applications of Differentiation diagram 2Analytical Applications of Differentiation - AP/College Calculus AB - diagram 2https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/analytical-applications-differentiation/svg/3Analytical Applications of Differentiation diagram 3Analytical Applications of Differentiation - AP/College Calculus AB - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bgGradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">INTEGRATION &amp; ACCUMULATION</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400">THE MATHEMATICAL ENGINE OF GLOBAL CHANGE</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <!-- Left Card: The Concept --> <rect x="40" y="110" width="260" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="140" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">THE PERSPECTIVE</text> <text x="60" y="165" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Local vs. Global</text> <!-- Mini Diagram: Derivative vs Integral --> <path d="M 70 260 Q 120 180 200 250" fill="none" stroke="#94a3b8" stroke-width="2"/> <!-- Shaded Area --> <path d="M 100 220 Q 120 180 150 205 L 150 260 L 100 260 Z" fill="#38bdf830" stroke="#38bdf8" stroke-width="1"/> <!-- Tangent Line --> <line x1="160" y1="200" x2="210" y2="260" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <text x="60" y="290" fill="#94a3b8" font-family="sans-serif" font-size="11"> <tspan x="60" dy="1.2em">Differentiation zooms in on a point.</tspan> <tspan x="60" dy="1.2em">Integration zooms out to aggregate</tspan> <tspan x="60" dy="1.2em">infinitesimal changes into a total.</tspan> </text> <circle cx="185" cy="230" r="4" fill="#e879f9"/> <!-- Point for derivative --> <!-- Center Card: Riemann Sums --> <rect x="320" y="110" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="140" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="18">RIEMANN SUMS</text> <!-- LRAM --> <g transform="translate(340, 160)"> <rect width="100" height="60" rx="4" fill="#ffffff05"/> <path d="M 10 50 Q 30 10 90 40" fill="none" stroke="#94a3b8" stroke-width="1"/> <rect x="10" y="38" width="20" height="12" fill="#f59e0b60" stroke="#f59e0b"/> <rect x="30" y="15" width="20" height="35" fill="#f59e0b60" stroke="#f59e0b"/> <rect x="50" y="18" width="20" height="32" fill="#f59e0b60" stroke="#f59e0b"/> <text x="110" y="25" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="600">LRAM</text> <text x="110" y="40" fill="#94a3b8" font-family="sans-serif" font-size="10">Left Endpoint</text> </g> <!-- RRAM --> <g transform="translate(340, 240)"> <rect width="100" height="60" rx="4" fill="#ffffff05"/> <path d="M 10 50 Q 30 10 90 40" fill="none" stroke="#94a3b8" stroke-width="1"/> <rect x="10" y="15" width="20" height="35" fill="#38bdf860" stroke="#38bdf8"/> <rect x="30" y="18" width="20" height="32" fill="#38bdf860" stroke="#38bdf8"/> <rect x="50" y="25" width="20" height="25" fill="#38bdf860" stroke="#38bdf8"/> <text x="110" y="25" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="600">RRAM</text> <text x="110" y="40" fill="#94a3b8" font-family="sans-serif" font-size="10">Right Endpoint</text> </g> <!-- Trapezoid --> <g transform="translate(340, 320)"> <rect width="100" height="60" rx="4" fill="#ffffff05"/> <path d="M 10 50 Q 30 10 90 40" fill="none" stroke="#94a3b8" stroke-width="1"/> <path d="M 10 50 L 10 38 L 30 15 L 30 50 Z" fill="#4ade8060" stroke="#4ade80"/> <path d="M 30 50 L 30 15 L 50 18 L 50 50 Z" fill="#4ade8060" stroke="#4ade80"/> <text x="110" y="25" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="600">TRAPEZOIDAL</text> <text x="110" y="40" fill="#94a3b8" font-family="sans-serif" font-size="10">Linear Connect</text> </g> <!-- Midpoint --> <g transform="translate(340, 400)"> <rect width="100" height="60" rx="4" fill="#ffffff05"/> <path d="M 10 50 Q 30 10 90 40" fill="none" stroke="#94a3b8" stroke-width="1"/> <rect x="10" y="22" width="20" height="28" fill="#e879f960" stroke="#e879f9"/> <rect x="30" y="12" width="20" height="38" fill="#e879f960" stroke="#e879f9"/> <text x="110" y="25" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="600">MIDPOINT</text> <text x="110" y="40" fill="#94a3b8" font-family="sans-serif" font-size="10">Center Sample</text> </g> <text x="450" y="500" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11" font-style="italic">As n → ∞, Sum → Integral</text> <!-- Right Card: Physics & Definition --> <rect x="600" y="110" width="260" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="140" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">PHYSICS BRIDGE</text> <!-- Velocity Graph --> <g transform="translate(630, 160)"> <line x1="0" y1="80" x2="100" y2="80" stroke="#94a3b8" stroke-width="1"/> <line x1="0" y1="0" x2="0" y2="80" stroke="#94a3b8" stroke-width="1"/> <path d="M 0 60 C 20 20, 60 10, 100 40" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M 20 45 C 40 20, 60 15, 80 30 L 80 80 L 20 80 Z" fill="#e879f930"/> <text x="105" y="85" fill="#94a3b8" font-family="sans-serif" font-size="10">t</text> <text x="-15" y="10" fill="#94a3b8" font-family="sans-serif" font-size="10">v(t)</text> <text x="50" y="65" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="700" text-anchor="middle">Δ Displacement</text> </g> <text x="620" y="270" fill="#94a3b8" font-family="sans-serif" font-size="11"> <tspan x="620" dy="1.2em">The area under a velocity-time</tspan> <tspan x="620" dy="1.2em">graph represents the total change</tspan> <tspan x="620" dy="1.2em">in position (displacement).</tspan> </text> <!-- Bottom Formula Card --> <rect x="40" y="350" width="260" height="170" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="385" fill="#4ade80" font-family="sans-serif" font-weight="700" font-size="18">THE DEFINITION</text> <!-- Integral Symbol Graphic --> <text x="60" y="440" fill="#f8fafc" font-family="serif" font-size="40" font-style="italic">∫</text> <text x="75" y="415" fill="#f8fafc" font-family="serif" font-size="14">b</text> <text x="70" y="455" fill="#f8fafc" font-family="serif" font-size="14">a</text> <text x="95" y="440" fill="#f8fafc" font-family="serif" font-size="24">f(x) dx</text> <text x="60" y="485" fill="#94a3b8" font-family="sans-serif" font-size="11"> <tspan x="60" dy="1.2em">The limit of the Riemann sum</tspan> <tspan x="60" dy="1.2em">as the width of subintervals</tspan> <tspan x="60" dy="1.2em">approaches zero.</tspan> </text> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="#38bdf8" opacity="0.1"/> <circle cx="50" cy="510" r="40" fill="#f59e0b" opacity="0.05"/> <path d="M 800 450 L 840 490 M 840 450 L 800 490" stroke="#ffffff10" stroke-width="4"/> <!-- Properties Box (Bottom Right) --> <rect x="600" y="350" width="260" height="170" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="380" fill="#94a3b8" font-family="sans-serif" font-weight="700" font-size="14">KEY PROPERTIES</text> <g font-family="sans-serif" font-size="11" fill="#f8fafc"> <text x="620" y="410">Additivity: ∫[a,b] + ∫[b,c] = ∫[a,c]</text> <text x="620" y="435">Linearity: ∫(kf + g) = k∫f + ∫g</text> <text x="620" y="460">Reversal: ∫[a,b] = -∫[b,a]</text> <text x="620" y="485">Zero Width: ∫[a,a] = 0</text> </g> </svg>Integration and Accumulation of Change image 1Integration and Accumulation of Change - AP/College Calculus AB - image 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/integration-accumulation/svg/1Integration and Accumulation of Change diagram 1Integration and Accumulation of Change - AP/College Calculus AB - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/integration-accumulation/svg/2Integration and Accumulation of Change diagram 2Integration and Accumulation of Change - AP/College Calculus AB - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> </defs> <!-- Background and Texture --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Subtle Grid Lines --> <g stroke="#ffffff08" stroke-width="1"> <line x1="0" y1="80" x2="900" y2="80" /> <line x1="0" y1="480" x2="900" y2="480" /> </g> <!-- Header Section --> <text x="40" y="50" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">DIFFERENTIAL EQUATIONS &amp; MODELING</text> <text x="40" y="72" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">MAPPING THE MATHEMATICS OF CHANGE</text> <rect x="740" y="35" width="120" height="24" rx="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="800" y="51" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#38bdf8" text-anchor="middle">CALCULUS II / III</text> <!-- Left Panel: Slope Fields (Visual Analysis) --> <rect x="40" y="110" width="260" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="140" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">Visualizing the Flow</text> <text x="60" y="160" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Slope Fields: dy/dx = f(x,y)</text> <!-- Slope Field Illustration --> <g transform="translate(70, 180)"> <rect width="200" height="150" fill="#00000030" rx="8"/> <!-- Grid of slope segments --> <g stroke="#38bdf8" stroke-width="2" stroke-linecap="round"> <!-- Row 1 --> <line x1="20" y1="30" x2="40" y2="20" opacity="0.4"/> <line x1="60" y1="30" x2="80" y2="25" opacity="0.5"/> <line x1="100" y1="30" x2="120" y2="30" opacity="0.6"/> <line x1="140" y1="30" x2="160" y2="35" opacity="0.8"/> <line x1="180" y1="30" x2="200" y2="45" opacity="1"/> <!-- Row 2 --> <line x1="20" y1="70" x2="40" y2="65" opacity="0.4"/> <line x1="60" y1="70" x2="80" y2="70" opacity="0.6"/> <line x1="100" y1="70" x2="120" y2="75" opacity="0.8"/> <line x1="140" y1="70" x2="160" y2="85" opacity="0.9"/> <line x1="180" y1="70" x2="200" y2="100" opacity="1"/> <!-- Row 3 --> <line x1="20" y1="110" x2="40" y2="115" opacity="0.6"/> <line x1="60" y1="110" x2="80" y2="120" opacity="0.8"/> <line x1="100" y1="110" x2="120" y2="130" opacity="1"/> <line x1="140" y1="110" x2="160" y2="140" opacity="1"/> </g> <text x="100" y="170" font-family="serif" font-style="italic" font-size="11" fill="#94a3b8" text-anchor="middle">Directional Field Representation</text> </g> <text x="60" y="385" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc" width="220"> <tspan x="60" dy="1.2em">Qualitative analysis allows us to</tspan> <tspan x="60" dy="1.2em">see solution behavior without</tspan> <tspan x="60" dy="1.2em">solving the equation algebraically.</tspan> </text> <!-- Center Panel: The Anatomy (Definitions) --> <rect x="320" y="110" width="260" height="340" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="340" y="140" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">The Anatomy</text> <g transform="translate(340, 165)"> <rect width="220" height="60" rx="8" fill="#f59e0b15"/> <text x="10" y="25" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f59e0b">General Solution</text> <text x="10" y="45" font-family="serif" font-size="14" fill="#f8fafc">y = f(x) + C</text> <text x="210" y="45" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="end">Family of Curves</text> </g> <g transform="translate(340, 235)"> <rect width="220" height="60" rx="8" fill="#e879f915"/> <text x="10" y="25" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#e879f9">Initial Condition</text> <text x="10" y="45" font-family="serif" font-size="14" fill="#f8fafc">y(x₀) = y₀</text> <text x="210" y="45" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="end">Specific Point</text> </g> <g transform="translate(340, 305)"> <rect width="220" height="60" rx="8" fill="#38bdf815"/> <text x="10" y="25" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#38bdf8">Particular Solution</text> <text x="10" y="45" font-family="serif" font-size="14" fill="#f8fafc">y = f(x) + 5</text> <text x="210" y="45" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="end">Unique Curve</text> </g> <text x="450" y="410" font-family="Arial, sans-serif" font-size="11" font-style="italic" fill="#94a3b8" text-anchor="middle">"Nature is written in the language of</text> <text x="450" y="425" font-family="Arial, sans-serif" font-size="11" font-style="italic" fill="#94a3b8" text-anchor="middle">Differential Equations."</text> <!-- Right Panel: Separation of Variables (Process) --> <rect x="600" y="110" width="260" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="140" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#e879f9">Analytical Engine</text> <text x="620" y="160" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Method: Separation of Variables</text> <g transform="translate(620, 185)"> <circle cx="12" cy="12" r="12" fill="#e879f9"/> <text x="12" y="16" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#0f172a" text-anchor="middle">1</text> <text x="35" y="16" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">SEPARATE</text> <text x="35" y="32" font-family="serif" font-size="12" fill="#94a3b8">g(y) dy = h(x) dx</text> <g transform="translate(0, 50)"> <circle cx="12" cy="12" r="12" fill="#e879f9"/> <text x="12" y="16" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#0f172a" text-anchor="middle">2</text> <text x="35" y="16" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">INTEGRATE</text> <text x="35" y="32" font-family="serif" font-size="12" fill="#94a3b8">∫ g(y) dy = ∫ h(x) dx</text> </g> <g transform="translate(0, 100)"> <circle cx="12" cy="12" r="12" fill="#e879f9"/> <text x="12" y="16" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#0f172a" text-anchor="middle">3</text> <text x="35" y="16" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">SOLVE FOR Y</text> <text x="35" y="32" font-family="serif" font-size="12" fill="#94a3b8">Isolate the dependent variable</text> </g> <g transform="translate(0, 150)"> <circle cx="12" cy="12" r="12" fill="#e879f9"/> <text x="12" y="16" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#0f172a" text-anchor="middle">4</text> <text x="35" y="16" font-family="Arial, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">APPLY C</text> <text x="35" y="32" font-family="serif" font-size="12" fill="#94a3b8">Use initial condition for C</text> </g> </g> <!-- Bottom Comparison: General vs Particular Curves --> <g transform="translate(40, 470)"> <text x="0" y="20" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">The Solution Spectrum</text> <line x1="0" y1="30" x2="820" y2="30" stroke="#ffffff15" stroke-width="1"/> <!-- Family of curves visualization --> <g transform="translate(600, -10)"> <path d="M 0,40 Q 50,0 100,40" fill="none" stroke="#94a3b8" stroke-width="1" opacity="0.3"/> <path d="M 0,50 Q 50,10 100,50" fill="none" stroke="#94a3b8" stroke-width="1" opacity="0.3"/> <path d="M 0,60 Q 50,20 100,60" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <path d="M 0,70 Q 50,30 100,70" fill="none" stroke="#94a3b8" stroke-width="1" opacity="0.3"/> <circle cx="50" cy="20" r="4" fill="#f59e0b"/> <text x="110" y="45" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">General (Family)</text> <text x="110" y="25" font-family="Arial, sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">Particular (Unique)</text> </g> <text x="0" y="55" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8"> The Existence and Uniqueness Theorem guarantees a single path through any given point in a continuous field. </text> </g> <!-- Decorative Corner Elements --> <path d="M 860 520 L 880 520 L 880 540" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M 40 520 L 20 520 L 20 540" fill="none" stroke="#38bdf8" stroke-width="2"/> </svg>Differential Equations and Modeling image 1Differential Equations and Modeling - AP/College Calculus AB - image 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/differential-equations/svg/1Differential Equations and Modeling diagram 1Differential Equations and Modeling - AP/College Calculus AB - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/differential-equations/svg/2Differential Equations and Modeling diagram 2Differential Equations and Modeling - AP/College Calculus AB - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <g stroke="#ffffff08" stroke-width="1"> <path d="M 0 40 H 900 M 0 80 H 900 M 0 120 H 900 M 0 160 H 900 M 0 200 H 900 M 0 240 H 900 M 0 280 H 900 M 0 320 H 900 M 0 360 H 900 M 0 400 H 900 M 0 440 H 900 M 0 480 H 900 M 0 520 H 900"/> <path d="M 40 0 V 560 M 80 0 V 560 M 120 0 V 560 M 160 0 V 560 M 200 0 V 560 M 240 0 V 560 M 280 0 V 560 M 320 0 V 560 M 360 0 V 560 M 400 0 V 560 M 440 0 V 560 M 480 0 V 560 M 520 0 V 560 M 560 0 V 560 M 600 0 V 560 M 640 0 V 560 M 680 0 V 560 M 720 0 V 560 M 760 0 V 560 M 800 0 V 560 M 840 0 V 560"/> </g> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-1">APPLICATIONS OF INTEGRATION</text> <text x="40" y="72" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400">THE CALCULUS OF ACCUMULATION: FROM 1D RATES TO 3D VOLUMES</text> <rect x="520" y="35" width="340" height="2" fill="url(#accentGrad)"/> <!-- Card 1: Net Change --> <rect x="40" y="100" width="400" height="200" rx="16" fill="#ffffff0d" stroke="#ffffff1a"/> <text x="60" y="130" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">01. Net Change &amp; Physics</text> <text x="60" y="150" font-family="sans-serif" font-size="12" fill="#94a3b8">Integrating rates of change to find total accumulation.</text> <!-- Net Change Illustration --> <g transform="translate(60, 170)"> <path d="M 0 80 H 180" stroke="#ffffff40" stroke-width="1"/> <path d="M 0 80 Q 45 10, 90 80 T 180 80" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M 0 80 Q 45 10, 90 80 L 0 80 Z" fill="#38bdf833"/> <path d="M 90 80 Q 135 150, 180 80 L 90 80 Z" fill="#f43f5e33"/> <text x="200" y="20" font-family="serif" font-style="italic" font-size="14" fill="#f8fafc">∫ v(t) dt = s(b) - s(a)</text> <text x="200" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Displacement: Net area</text> <text x="200" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8">Total Distance: ∫ |v(t)| dt</text> </g> <!-- Card 2: Average Value --> <rect x="40" y="320" width="400" height="200" rx="16" fill="#ffffff0d" stroke="#ffffff1a"/> <text x="60" y="350" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">02. Average Value</text> <text x="60" y="370" font-family="sans-serif" font-size="12" fill="#94a3b8">The height of a rectangle with equivalent area.</text> <!-- Average Value Illustration --> <g transform="translate(60, 390)"> <path d="M 0 90 Q 40 20, 100 60 T 180 30" fill="none" stroke="#f59e0b" stroke-width="2"/> <rect x="0" y="55" width="180" height="35" fill="#f59e0b22" stroke="#f59e0b" stroke-dasharray="4"/> <text x="200" y="30" font-family="serif" font-style="italic" font-size="14" fill="#f8fafc">f_avg = [1/(b-a)] ∫ f(x) dx</text> <text x="200" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8">Mean Value Theorem:</text> <text x="200" y="70" font-family="sans-serif" font-size="11" fill="#94a3b8">Guarantees f(c) = f_avg</text> </g> <!-- Card 3: Area Between Curves --> <rect x="460" y="100" width="400" height="240" rx="16" fill="#ffffff0d" stroke="#ffffff1a"/> <text x="480" y="130" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">03. Area Between Curves</text> <!-- Slicing Comparison --> <g transform="translate(480, 150)"> <!-- Vertical Slice --> <path d="M 0 100 Q 50 10, 100 100" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M 0 100 Q 50 150, 100 100" fill="none" stroke="#e879f9" stroke-width="2"/> <rect x="45" y="45" width="10" height="85" fill="#ffffff33" stroke="#ffffff"/> <text x="10" y="140" font-family="sans-serif" font-size="11" fill="#f8fafc">Vertical (dx)</text> <text x="10" y="155" font-family="sans-serif" font-size="10" fill="#94a3b8">Top - Bottom</text> <!-- Horizontal Slice --> <g transform="translate(150, 0)"> <path d="M 20 10 Q 110 50, 20 100" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M 60 10 Q -30 50, 60 100" fill="none" stroke="#e879f9" stroke-width="2"/> <rect x="25" y="45" width="55" height="10" fill="#ffffff33" stroke="#ffffff"/> <text x="10" y="140" font-family="sans-serif" font-size="11" fill="#f8fafc">Horizontal (dy)</text> <text x="10" y="155" font-family="sans-serif" font-size="10" fill="#94a3b8">Right - Left</text> </g> <text x="0" y="175" font-family="serif" font-style="italic" font-size="13" fill="#f8fafc">A = ∫ [f(x) - g(x)] dx</text> </g> <!-- Card 4: Volume Concept --> <rect x="460" y="360" width="400" height="160" rx="16" fill="#ffffff0d" stroke="#ffffff1a"/> <text x="480" y="390" font-family="sans-serif" font-weight="700" font-size="18" fill="#22d3ee">04. Volume by Slicing</text> <g transform="translate(480, 410)"> <!-- 3D Slices --> <ellipse cx="40" cy="60" rx="30" ry="10" fill="none" stroke="#94a3b8" stroke-dasharray="2"/> <ellipse cx="60" cy="55" rx="35" ry="12" fill="none" stroke="#94a3b8" stroke-dasharray="2"/> <ellipse cx="85" cy="50" rx="40" ry="15" fill="#38bdf844" stroke="#38bdf8" stroke-width="2"/> <ellipse cx="115" cy="45" rx="45" ry="18" fill="none" stroke="#94a3b8" stroke-dasharray="2"/> <text x="180" y="40" font-family="serif" font-style="italic" font-size="16" fill="#f8fafc">V = ∫ A(x) dx</text> <text x="180" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8">Summing infinitesimal</text> <text x="180" y="80" font-family="sans-serif" font-size="11" fill="#94a3b8">cross-sectional areas.</text> </g> <!-- Bottom Label --> <text x="450" y="545" font-family="sans-serif" font-size="10" fill="#475569" text-anchor="middle" letter-spacing="2">CALCULUS II • APPLICATIONS OF THE DEFINITE INTEGRAL • WIKI EDUCATIONAL SERIES</text> <!-- Decorative Elements --> <circle cx="860" cy="40" r="4" fill="#f59e0b"/> <circle cx="840" cy="40" r="4" fill="#e879f9"/> <circle cx="820" cy="40" r="4" fill="#38bdf8"/> </svg>Applications of Integration: Area and Volume image 1Applications of Integration: Area and Volume - AP/College Calculus AB - image 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/applications-of-integration/svg/1Applications of Integration: Area and Volume diagram 1Applications of Integration: Area and Volume - AP/College Calculus AB - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/applications-of-integration/svg/2Applications of Integration: Area and Volume diagram 2Applications of Integration: Area and Volume - AP/College Calculus AB - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-size="32" font-weight="bold" fill="#f8fafc">AP Calculus AB Exam Mastery</text> <text x="40" y="85" font-family="sans-serif" font-size="16" fill="#94a3b8">A Comprehensive Guide to Conceptual Synthesis &amp; Problem Solving</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Left Column: The Big Four --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="165" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">The Core Pillars</text> <!-- Pillar 1 --> <circle cx="80" cy="210" r="20" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 75 210 L 85 210 M 80 205 L 80 215" stroke="#38bdf8" stroke-width="2"/> <text x="110" y="205" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Limits &amp; Continuity</text> <text x="110" y="222" font-family="sans-serif" font-size="11" fill="#94a3b8">The foundation of local behavior.</text> <!-- Pillar 2 --> <circle cx="80" cy="280" r="20" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <line x1="70" y1="290" x2="90" y2="270" stroke="#e879f9" stroke-width="2"/> <text x="110" y="275" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Differentiation</text> <text x="110" y="292" font-family="sans-serif" font-size="11" fill="#94a3b8">Rates of change &amp; tangent slopes.</text> <!-- Pillar 3 --> <circle cx="80" cy="350" r="20" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <path d="M 75 360 Q 80 350 85 340" stroke="#f59e0b" stroke-width="2" fill="none"/> <text x="110" y="345" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Integration</text> <text x="110" y="362" font-family="sans-serif" font-size="11" fill="#94a3b8">Accumulation &amp; area under curves.</text> <!-- Pillar 4 --> <circle cx="80" cy="420" r="20" fill="#10b98120" stroke="#10b981" stroke-width="2"/> <path d="M 72 420 L 88 420 M 80 412 L 80 428" stroke="#10b981" stroke-width="1" fill="none" transform="rotate(45 80 420)"/> <text x="110" y="415" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Differential Eq.</text> <text x="110" y="432" font-family="sans-serif" font-size="11" fill="#94a3b8">Modeling growth and separation.</text> <!-- Right Top: FRQ Architecture --> <rect x="320" y="130" width="540" height="160" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="340" y="165" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">FRQ Architecture (50% of Score)</text> <!-- Part A --> <rect x="340" y="185" width="240" height="80" rx="12" fill="#38bdf810"/> <text x="355" y="210" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8">Part A: Questions 1–2</text> <text x="355" y="230" font-family="sans-serif" font-size="12" fill="#f8fafc">Graphing Calculator Required</text> <text x="355" y="248" font-family="sans-serif" font-size="11" fill="#94a3b8">Focus: Complex functions, Rate In/Out</text> <!-- Part B --> <rect x="600" y="185" width="240" height="80" rx="12" fill="#e879f910"/> <text x="615" y="210" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9">Part B: Questions 3–6</text> <text x="615" y="230" font-family="sans-serif" font-size="12" fill="#f8fafc">No Calculator Permitted</text> <text x="615" y="248" font-family="sans-serif" font-size="11" fill="#94a3b8">Focus: Theorems, Graphs, Tables</text> <!-- Right Bottom: Scoring Rubric Path --> <rect x="320" y="310" width="540" height="210" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="340" y="345" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">The "Point-Stacking" Rubric</text> <!-- Step 1 --> <rect x="340" y="365" width="110" height="130" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="395" y="390" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc" text-anchor="middle">1. SETUP</text> <text x="395" y="415" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Write the integral</text> <text x="395" y="430" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">or derivative.</text> <text x="395" y="460" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle" font-style="italic">Don't forget dx!</text> <!-- Step 2 --> <rect x="465" y="365" width="110" height="130" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="520" y="390" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc" text-anchor="middle">2. CALC</text> <text x="520" y="415" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Apply rules:</text> <text x="520" y="430" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Chain, Power, FTC.</text> <text x="520" y="460" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle" font-style="italic">Show your steps.</text> <!-- Step 3 --> <rect x="590" y="365" width="110" height="130" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="645" y="390" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc" text-anchor="middle">3. JUSTIFY</text> <text x="645" y="415" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Name the theorem:</text> <text x="645" y="430" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">MVT, IVT, EVT.</text> <text x="645" y="460" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle" font-style="italic">Avoid using "it".</text> <!-- Step 4 --> <rect x="715" y="365" width="110" height="130" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="770" y="390" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc" text-anchor="middle">4. UNITS</text> <text x="770" y="415" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Final answer with</text> <text x="770" y="430" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">correct units.</text> <text x="770" y="460" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle" font-style="italic">e.g. ft/sec²</text> <!-- Connectors --> <path d="M 450 430 L 465 430" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 575 430 L 590 430" stroke="#ffffff20" stroke-width="2"/> <path d="M 700 430 L 715 430" stroke="#ffffff20" stroke-width="2"/> <!-- Decorative FTC Formula --> <g opacity="0.4" transform="translate(680, 40)"> <rect x="0" y="0" width="180" height="45" rx="8" fill="#38bdf810" stroke="#38bdf8" stroke-dasharray="4"/> <text x="90" y="28" font-family="serif" font-size="14" fill="#38bdf8" text-anchor="middle" font-style="italic">∫ f'(x) dx = f(b) - f(a)</text> </g> </svg>AP Calculus AB Exam Preparation image 1AP Calculus AB Exam Preparation - AP/College Calculus AB - image 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/ap-exam-prep/svg/1AP Calculus AB Exam Preparation diagram 1AP Calculus AB Exam Preparation - AP/College Calculus AB - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/ap-exam-prep/svg/2AP Calculus AB Exam Preparation diagram 2AP Calculus AB Exam Preparation - AP/College Calculus AB - diagram 2https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/ap-exam-prep/svg/3AP Calculus AB Exam Preparation diagram 3AP Calculus AB Exam Preparation - AP/College Calculus AB - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">COURSE CHALLENGE &amp; MASTERY</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Terminal Phase of the AP Calculus AB Pedagogical Lifecycle</text> <line x1="350" y1="90" x2="550" y2="90" stroke="url(#accentGrad)" stroke-width="2" stroke-linecap="round"/> <!-- Left Column: Mastery Progression --> <rect x="40" y="110" width="260" height="280" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Mastery Ladder</text> <!-- Progression Steps --> <g transform="translate(60, 170)"> <!-- Mastered --> <circle cx="15" cy="0" r="12" fill="#f59e0b" filter="url(#glow)"/> <text x="40" y="5" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">MASTERED</text> <text x="40" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">Course Challenge Success</text> <line x1="15" y1="12" x2="15" y2="38" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Proficient --> <circle cx="15" cy="50" r="10" fill="#e879f9"/> <text x="40" y="55" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Proficient</text> <text x="40" y="70" font-family="sans-serif" font-size="11" fill="#94a3b8">Unit Test Consistency</text> <line x1="15" y1="60" x2="15" y2="88" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Familiar --> <circle cx="15" cy="100" r="10" fill="#38bdf8"/> <text x="40" y="105" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Familiar</text> <text x="40" y="120" font-family="sans-serif" font-size="11" fill="#94a3b8">Quiz Performance</text> <line x1="15" y1="110" x2="15" y2="138" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Attempted --> <circle cx="15" cy="150" r="10" fill="#64748b"/> <text x="40" y="155" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Attempted</text> <text x="40" y="170" font-family="sans-serif" font-size="11" fill="#94a3b8">Initial Engagement</text> </g> <!-- Center: The 30-Question Gauntlet --> <rect x="320" y="110" width="540" height="280" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">The 30-Question Gauntlet</text> <!-- Gauntlet Visualization --> <g transform="translate(430, 250)"> <!-- Central Core --> <circle r="45" fill="none" stroke="url(#accentGrad)" stroke-width="2" stroke-dasharray="5 3"/> <text text-anchor="middle" y="5" font-family="sans-serif" font-weight="800" font-size="12" fill="#f8fafc">CUMULATIVE</text> <!-- Radiating Skill Nodes --> <path d="M 0,-45 L 0,-80" stroke="#38bdf8" stroke-width="2"/> <path d="M 39,-22 L 70,-40" stroke="#38bdf8" stroke-width="2"/> <path d="M 39,22 L 70,40" stroke="#38bdf8" stroke-width="2"/> <path d="M 0,45 L 0,80" stroke="#38bdf8" stroke-width="2"/> <path d="M -39,22 L -70,40" stroke="#38bdf8" stroke-width="2"/> <path d="M -39,-22 L -70,-40" stroke="#38bdf8" stroke-width="2"/> <!-- Small Question Dots --> <circle cx="0" cy="-85" r="4" fill="#f59e0b"/> <circle cx="75" cy="-45" r="4" fill="#f59e0b"/> <circle cx="75" cy="45" r="4" fill="#f59e0b"/> <circle cx="0" cy="85" r="4" fill="#f59e0b"/> <circle cx="-75" cy="45" r="4" fill="#f59e0b"/> <circle cx="-75" cy="-45" r="4" fill="#f59e0b"/> </g> <!-- Mastery Coefficient Formula Box --> <g transform="translate(580, 160)"> <rect width="250" height="100" rx="12" fill="#00000030" stroke="#ffffff10"/> <text x="125" y="30" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc" font-style="italic">The Mastery Coefficient (ℳ)</text> <text x="125" y="65" text-anchor="middle" font-family="serif" font-size="20" fill="#f59e0b">ℳ = ∫₀ᵀ [a(t)·d(t) / e⁻λᵗ] dt</text> <text x="125" y="85" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Accuracy × Difficulty / Forgetting Curve</text> </g> <!-- Bottom: Comparison Tiers --> <text x="40" y="425" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Assessment Tier Comparison</text> <!-- Tier 1: Quiz --> <rect x="40" y="440" width="260" height="90" rx="12" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="465" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">QUIZ</text> <text x="60" y="485" font-family="sans-serif" font-size="12" fill="#f8fafc">Scope: 2-3 Skills</text> <text x="60" y="505" font-family="sans-serif" font-size="12" fill="#94a3b8">Context Switching: Low</text> <text x="60" y="520" font-family="sans-serif" font-size="11" fill="#38bdf8">Ceiling: Proficient</text> <!-- Tier 2: Unit Test --> <rect x="320" y="440" width="260" height="90" rx="12" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="465" font-family="sans-serif" font-weight="700" font-size="14" fill="#e879f9">UNIT TEST</text> <text x="340" y="485" font-family="sans-serif" font-size="12" fill="#f8fafc">Scope: Single Unit (U1-10)</text> <text x="340" y="505" font-family="sans-serif" font-size="12" fill="#94a3b8">Context Switching: Moderate</text> <text x="340" y="520" font-family="sans-serif" font-size="11" fill="#e879f9">Ceiling: Proficient</text> <!-- Tier 3: Course Challenge --> <rect x="600" y="440" width="260" height="90" rx="12" fill="#f59e0b15" stroke="#f59e0b40"/> <text x="620" y="465" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">COURSE CHALLENGE</text> <text x="620" y="485" font-family="sans-serif" font-size="12" fill="#f8fafc">Scope: Entire Curriculum</text> <text x="620" y="505" font-family="sans-serif" font-size="12" fill="#94a3b8">Context Switching: Extreme</text> <text x="620" y="520" font-family="sans-serif" font-weight="700" font-size="11" fill="#f59e0b">Ceiling: MASTERED</text> <!-- Decorative Corner Elements --> <circle cx="880" cy="20" r="40" fill="#38bdf808"/> <circle cx="20" cy="540" r="60" fill="#e879f908"/> </svg>Course Challenge and Mastery image 1Course Challenge and Mastery - AP/College Calculus AB - image 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/course-challenge/svg/1Course Challenge and Mastery diagram 1Course Challenge and Mastery - AP/College Calculus AB - diagram 1https://www.getlykke.com/explore/public/apcollege-calculus-ab-32566f4a-f483-4cb5-98bd-98e5a44b121c/media/course-challenge/svg/2Course Challenge and Mastery diagram 2Course Challenge and Mastery - AP/College Calculus AB - diagram 2https://www.getlykke.com/explore/public/precalculus-2e-197c9158-ecc9-47fe-9183-c80854bf2e262026-04-20T04:57:55.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="1" cy="1" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">FUNCTIONS &amp; LINEAR MODELING</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2">THE ARCHITECTURE OF MATHEMATICAL RELATIONSHIPS</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <!-- Card 1: The Mapping Paradigm --> <rect x="40" y="110" width="260" height="200" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE MAPPING PARADIGM</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">A function is a rule where every</text> <text x="60" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">input has exactly ONE output.</text> <!-- Mapping Visual --> <circle cx="85" cy="235" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="85" y="240" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8">D</text> <circle cx="215" cy="235" r="25" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="215" y="240" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f59e0b">R</text> <path d="M115 235 L185 235" stroke="#f8fafc" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M115 220 Q150 200 185 220" stroke="#f8fafc" stroke-width="1" stroke-dasharray="4"/> <path d="M115 250 Q150 270 185 250" stroke="#f8fafc" stroke-width="1" stroke-dasharray="4"/> <text x="150" y="215" text-anchor="middle" font-family="serif" font-style="italic" font-size="16" fill="#e879f9">f</text> <!-- Card 2: The Function Machine --> <rect x="320" y="110" width="260" height="200" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">FUNCTION NOTATION</text> <!-- Machine Visual --> <rect x="390" y="180" width="120" height="80" rx="8" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="450" y="225" text-anchor="middle" font-family="serif" font-size="24" font-weight="bold" fill="#e879f9">f(x)</text> <path d="M340 220 L390 220" stroke="#38bdf8" stroke-width="3" marker-end="url(#arrowhead)"/> <text x="355" y="210" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#38bdf8">INPUT</text> <path d="M510 220 L560 220" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrowhead)"/> <text x="545" y="210" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f59e0b">OUTPUT</text> <text x="450" y="285" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">"Value of f at input x"</text> <!-- Card 3: Domain & Range --> <rect x="600" y="110" width="260" height="200" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">CONSTRAINTS</text> <text x="620" y="170" font-family="sans-serif" font-size="13" font-weight="bold" fill="#38bdf8">DOMAIN (Inputs)</text> <text x="620" y="188" font-family="sans-serif" font-size="11" fill="#94a3b8">• No division by zero</text> <text x="620" y="204" font-family="sans-serif" font-size="11" fill="#94a3b8">• No even roots of negatives</text> <text x="620" y="235" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f59e0b">RANGE (Outputs)</text> <text x="620" y="253" font-family="sans-serif" font-size="11" fill="#94a3b8">• The set of all resulting values</text> <text x="620" y="269" font-family="sans-serif" font-size="11" fill="#94a3b8">• Interval Notation: [min, max]</text> <!-- Bottom Card: Visual Analysis & Linear Modeling --> <rect x="40" y="330" width="820" height="200" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <!-- VLT Section --> <text x="70" y="365" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">VISUAL ANALYSIS: THE V.L.T.</text> <g transform="translate(70, 385)"> <!-- Mini Graph --> <line x1="0" y1="100" x2="120" y2="100" stroke="#94a3b8" stroke-width="1"/> <line x1="10" y1="120" x2="10" y2="10" stroke="#94a3b8" stroke-width="1"/> <path d="M20 90 Q60 10 110 80" fill="none" stroke="#38bdf8" stroke-width="2"/> <line x1="60" y1="10" x2="60" y2="120" stroke="#ef4444" stroke-width="1.5" stroke-dasharray="3"/> <circle cx="60" cy="38" r="4" fill="#ef4444"/> <text x="130" y="40" font-family="sans-serif" font-size="12" fill="#94a3b8">Vertical Line Test:</text> <text x="130" y="58" font-family="sans-serif" font-size="12" fill="#f8fafc">If any vertical line hits</text> <text x="130" y="74" font-family="sans-serif" font-size="12" fill="#f8fafc">the graph twice, it is</text> <text x="130" y="90" font-family="sans-serif" font-size="12" font-weight="bold" fill="#ef4444">NOT A FUNCTION.</text> </g> <!-- Linear Modeling Section --> <line x1="410" y1="350" x2="410" y2="510" stroke="#ffffff15" stroke-width="1"/> <text x="440" y="365" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">LINEAR MODELING</text> <text x="440" y="390" font-family="serif" font-size="22" fill="#38bdf8" font-weight="bold">f(x) = mx + b</text> <g transform="translate(440, 410)"> <rect width="380" height="90" rx="8" fill="#ffffff05"/> <text x="15" y="25" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f59e0b">m = Slope (Rate of Change)</text> <text x="15" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">The constant propagation of change: Δy / Δx</text> <text x="15" y="65" font-family="sans-serif" font-size="13" font-weight="bold" fill="#e879f9">b = y-intercept (Initial Value)</text> <text x="15" y="82" font-family="sans-serif" font-size="11" fill="#94a3b8">The starting state of the system where x = 0</text> <!-- Slope Triangle Visual --> <g transform="translate(280, 10)"> <line x1="0" y1="60" x2="60" y2="10" stroke="#38bdf8" stroke-width="2"/> <path d="M20 43 L50 43 L50 18" fill="none" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2"/> <text x="55" y="35" font-family="sans-serif" font-size="9" fill="#f59e0b">Δy</text> <text x="30" y="55" font-family="sans-serif" font-size="9" fill="#f59e0b">Δx</text> </g> </g> <!-- Markers --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#f8fafc" /> </marker> </defs> </svg>Functions and Linear Modeling image 1Functions and Linear Modeling - Precalculus 2e - image 1https://www.getlykke.com/explore/public/precalculus-2e-197c9158-ecc9-47fe-9183-c80854bf2e26/media/functions-and-linear-modeling/svg/1Functions and Linear Modeling diagram 1Functions and Linear Modeling - Precalculus 2e - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">POLYNOMIAL &amp; RATIONAL FUNCTIONS</text> <path d="M 300 75 L 600 75" stroke="url(#accentGrad)" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <text x="450" y="95" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="300">From Smooth Curvature to Asymptotic Boundaries</text> <!-- Left Card: Polynomials --> <rect x="40" y="130" width="400" height="260" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="75" cy="165" r="18" fill="#38bdf820"/> <path d="M 65 170 Q 75 150 85 170" fill="none" stroke="#38bdf8" stroke-width="2.5"/> <text x="105" y="170" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Polynomial Functions</text> <!-- Mini Graph: Parabola --> <g transform="translate(70, 200)"> <line x1="0" y1="60" x2="120" y2="60" stroke="#94a3b8" stroke-width="1" opacity="0.5"/> <line x1="60" y1="0" x2="60" y2="100" stroke="#94a3b8" stroke-width="1" opacity="0.5"/> <path d="M 20 10 Q 60 110 100 10" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <circle cx="60" cy="60" r="4" fill="#f8fafc"/> <text x="65" y="55" font-family="sans-serif" font-size="10" fill="#f8fafc">Vertex (h, k)</text> </g> <g transform="translate(210, 210)"> <text x="0" y="0" font-family="sans-serif" font-size="13" font-weight="600" fill="#38bdf8">QUADRATIC OPTIMIZATION</text> <text x="0" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">f(x) = a(x - h)² + k</text> <text x="0" y="45" font-family="sans-serif" font-size="11" fill="#cbd5e1" width="180"> <tspan x="0" dy="0">• Vertex is the absolute extreme</tspan> <tspan x="0" dy="18">• h = -b / 2a (Standard Form)</tspan> <tspan x="0" dy="18">• Models acceleration &amp; range</tspan> </text> </g> <!-- Right Card: Rational --> <rect x="460" y="130" width="400" height="260" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="495" cy="165" r="18" fill="#e879f920"/> <path d="M 485 175 L 505 155 M 485 155 L 505 175" fill="none" stroke="#e879f9" stroke-width="2.5"/> <text x="525" y="170" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Rational Functions</text> <!-- Mini Graph: Rational --> <g transform="translate(490, 200)"> <line x1="0" y1="50" x2="120" y2="50" stroke="#94a3b8" stroke-width="1" opacity="0.5"/> <line x1="60" y1="0" x2="60" y2="100" stroke="#94a3b8" stroke-width="1" opacity="0.5"/> <!-- Asymptote --> <line x1="60" y1="0" x2="60" y2="100" stroke="#e879f9" stroke-width="1" stroke-dasharray="4 2"/> <path d="M 10 45 Q 50 45 55 5 M 65 95 Q 70 55 110 55" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <text x="65" y="15" font-family="sans-serif" font-size="10" fill="#e879f9">Asymptote</text> </g> <g transform="translate(630, 210)"> <text x="0" y="0" font-family="sans-serif" font-size="13" font-weight="600" fill="#e879f9">LIMIT BEHAVIOR</text> <text x="0" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">f(x) = P(x) / Q(x)</text> <text x="0" y="45" font-family="sans-serif" font-size="11" fill="#cbd5e1"> <tspan x="0" dy="0">• Vertical: Where Q(x) = 0</tspan> <tspan x="0" dy="18">• Horizontal: End behavior</tspan> <tspan x="0" dy="18">• Discontinuities (Holes)</tspan> </text> </g> <!-- Bottom Panel: The Toolbox --> <rect x="40" y="410" width="820" height="120" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <g transform="translate(70, 445)"> <text x="0" y="0" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">THE REMAINDER THEOREM</text> <text x="0" y="22" font-family="sans-serif" font-size="12" fill="#94a3b8">If f(x) is divided by (x - c),</text> <text x="0" y="40" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="600">the remainder is f(c).</text> </g> <line x1="310" y1="430" x2="310" y2="510" stroke="#ffffff10" stroke-width="1"/> <g transform="translate(340, 445)"> <text x="0" y="0" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">SYNTHETIC DIVISION</text> <!-- Visual of synthetic division --> <g transform="translate(0, 15)"> <text x="0" y="15" font-family="monospace" font-size="14" fill="#f8fafc">c | aₙ aₙ₋₁ ... a₀</text> <path d="M -5 22 L 130 22" stroke="#38bdf8" stroke-width="1"/> <text x="15" y="40" font-family="monospace" font-size="14" fill="#94a3b8">qₙ₋₁ qₙ₋₂ ... r</text> </g> </g> <line x1="580" y1="430" x2="580" y2="510" stroke="#ffffff10" stroke-width="1"/> <g transform="translate(610, 445)"> <text x="0" y="0" font-family="sans-serif" font-weight="700" font-size="14" fill="#e879f9">FACTOR THEOREM</text> <text x="0" y="22" font-family="sans-serif" font-size="12" fill="#94a3b8">(x - c) is a factor if and</text> <text x="0" y="40" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="600">only if f(c) = 0.</text> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="url(#accentGrad)" opacity="0.1"/> <circle cx="50" cy="510" r="20" fill="#f59e0b" opacity="0.1"/> </svg>Polynomial and Rational Functions image 1Polynomial and Rational Functions - Precalculus 2e - image 1https://www.getlykke.com/explore/public/precalculus-2e-197c9158-ecc9-47fe-9183-c80854bf2e26/media/polynomial-and-rational-functions/svg/1Polynomial and Rational Functions diagram 1Polynomial and Rational Functions - Precalculus 2e - diagram 1https://www.getlykke.com/explore/public/precalculus-2e-197c9158-ecc9-47fe-9183-c80854bf2e26/media/polynomial-and-rational-functions/svg/2Polynomial and Rational Functions diagram 2Polynomial and Rational Functions - Precalculus 2e - diagram 2https://www.getlykke.com/explore/public/precalculus-2e-197c9158-ecc9-47fe-9183-c80854bf2e26/media/polynomial-and-rational-functions/svg/3Polynomial and Rational Functions diagram 3Polynomial and Rational Functions - Precalculus 2e - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="800" font-size="34" fill="#f8fafc" letter-spacing="-0.02em">EXPONENTIAL &amp; LOGARITHMIC FUNCTIONS</text> <rect x="380" y="75" width="140" height="4" rx="2" fill="url(#accentGrad)"/> <text x="450" y="100" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" fill="#94a3b8" text-transform="uppercase" letter-spacing="0.1em">The Mathematics of Multiplicative Change</text> <!-- Left Panel: Exponential Growth --> <rect x="40" y="130" width="260" height="320" rx="20" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="65" y="165" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Exponential Growth</text> <text x="65" y="190" font-family="serif" font-style="italic" font-size="16" fill="#f8fafc">f(x) = a · bˣ</text> <path d="M 70 340 Q 180 340 260 220" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <circle cx="70" cy="340" r="4" fill="#f59e0b"/> <text x="65" y="370" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">Constant Ratio Property:</text> <text x="65" y="388" font-family="system-ui, sans-serif" font-size="12" fill="#f8fafc">Outputs grow by a factor of 'b'</text> <text x="65" y="405" font-family="system-ui, sans-serif" font-size="12" fill="#f8fafc">for every unit increase in 'x'.</text> <!-- Right Panel: Logarithmic Functions --> <rect x="600" y="130" width="260" height="320" rx="20" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="625" y="165" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Logarithmic Scale</text> <text x="625" y="190" font-family="serif" font-style="italic" font-size="16" fill="#f8fafc">f(x) = log_b(x)</text> <path d="M 630 220 Q 630 340 780 340" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <circle cx="780" cy="340" r="4" fill="#38bdf8"/> <text x="625" y="370" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">The Inverse Operation:</text> <text x="625" y="388" font-family="system-ui, sans-serif" font-size="12" fill="#f8fafc">Logs answer: "To what power</text> <text x="625" y="405" font-family="system-ui, sans-serif" font-size="12" fill="#f8fafc">must we raise b to get x?"</text> <!-- Center Hub: The Natural Base e --> <circle cx="450" y="280" r="85" fill="#1e1b4b" stroke="#e879f9" stroke-width="2" stroke-dasharray="8 4"/> <text x="450" y="285" text-anchor="middle" font-family="serif" font-style="italic" font-weight="800" font-size="72" fill="#e879f9" filter="url(#glow)">e</text> <text x="450" y="320" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">≈ 2.71828</text> <text x="450" y="180" text-anchor="middle" font-family="system-ui, sans-serif" font-size="13" fill="#94a3b8">The Natural Base</text> <!-- Connecting Arrows (Inverse Relationship) --> <path d="M 320 280 L 355 280" stroke="#e879f9" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 545 280 L 580 280" stroke="#e879f9" stroke-width="2" marker-start="url(#arrow)"/> <!-- Application Icons (Bottom Row) --> <g transform="translate(150, 480)"> <circle cx="0" cy="0" r="25" fill="#ffffff10"/> <text x="0" y="5" text-anchor="middle" font-size="20" fill="#f59e0b">$</text> <text x="0" y="45" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Finance</text> </g> <g transform="translate(350, 480)"> <circle cx="0" cy="0" r="25" fill="#ffffff10"/> <path d="M -8 -8 L 8 8 M 8 -8 L -8 8" stroke="#e879f9" stroke-width="2"/> <circle cx="0" cy="0" r="6" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="0" y="45" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Biology</text> </g> <g transform="translate(550, 480)"> <circle cx="0" cy="0" r="25" fill="#ffffff10"/> <path d="M -10 0 A 10 10 0 0 1 10 0" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M -5 5 L 5 -5" stroke="#38bdf8" stroke-width="2"/> <text x="0" y="45" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Physics</text> </g> <g transform="translate(750, 480)"> <circle cx="0" cy="0" r="25" fill="#ffffff10"/> <rect x="-8" y="-8" width="16" height="16" rx="2" fill="none" stroke="#f8fafc" stroke-width="2"/> <text x="0" y="45" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Information</text> </g> <!-- Definitions for Markers --> <defs> <marker id="arrow" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="4" markerHeight="4" orient="auto-start-reverse"> <path d="M 0 0 L 10 5 L 0 10 z" fill="#e879f9" /> </marker> </defs> <!-- Decorative labels --> <text x="450" y="400" text-anchor="middle" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"The bridge between addition and multiplication"</text> </svg>Exponential and Logarithmic Functions image 1Exponential and Logarithmic Functions - Precalculus 2e - image 1https://www.getlykke.com/explore/public/precalculus-2e-197c9158-ecc9-47fe-9183-c80854bf2e26/media/exponential-and-logarithmic-functions/svg/1Exponential and Logarithmic Functions diagram 1Exponential and Logarithmic Functions - Precalculus 2e - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">TRIGONOMETRY &amp; PERIODIC FUNCTIONS</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">Bridging Static Geometry and Dynamic Oscillations</text> <!-- Left Panel: The Unit Circle --> <rect x="40" y="100" width="380" height="320" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="135" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Unit Circle (r = 1)</text> <!-- Circle Diagram --> <circle cx="210" cy="260" r="80" fill="none" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4 2"/> <line x1="110" y1="260" x2="310" y2="260" stroke="#ffffff33" stroke-width="1"/> <line x1="210" y1="160" x2="210" y2="360" stroke="#ffffff33" stroke-width="1"/> <!-- Angle and Point --> <path d="M 210 260 L 266.5 203.5" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <circle cx="266.5" cy="203.5" r="4" fill="#f59e0b"/> <text x="275" y="195" font-family="sans-serif" font-size="12" fill="#f8fafc">P(x, y)</text> <!-- Trig Labels --> <line x1="266.5" y1="260" x2="266.5" y2="203.5" stroke="#e879f9" stroke-width="2" stroke-dasharray="2 2"/> <text x="272" y="240" font-family="sans-serif" font-size="11" fill="#e879f9">sin(θ) = y</text> <line x1="210" y1="260" x2="266.5" y2="260" stroke="#38bdf8" stroke-width="2"/> <text x="220" y="275" font-family="sans-serif" font-size="11" fill="#38bdf8">cos(θ) = x</text> <!-- Radians/Degrees Box --> <rect x="60" y="350" width="340" height="50" rx="8" fill="#00000033"/> <text x="75" y="372" font-family="sans-serif" font-size="11" font-weight="bold" fill="#94a3b8">CONVERSION</text> <text x="75" y="388" font-family="sans-serif" font-size="13" fill="#f8fafc">180° = π rad</text> <text x="200" y="388" font-family="sans-serif" font-size="13" fill="#f8fafc">1 rad ≈ 57.3°</text> <text x="310" y="388" font-family="sans-serif" font-size="13" fill="#f8fafc">360° = 2π</text> <!-- Right Panel: Periodic Wave --> <rect x="440" y="100" width="420" height="320" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="460" y="135" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Periodic Behavior</text> <!-- Wave Graph --> <path d="M 460 260 L 840 260" stroke="#ffffff33" stroke-width="1"/> <path d="M 460 180 L 840 180" stroke="#ffffff11" stroke-width="1" stroke-dasharray="4 4"/> <path d="M 460 340 L 840 340" stroke="#ffffff11" stroke-width="1" stroke-dasharray="4 4"/> <!-- Sine Wave Path --> <path d="M 460 260 C 500 100, 540 100, 580 260 C 620 420, 660 420, 700 260 C 740 100, 780 100, 820 260" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <!-- Wave Annotations --> <path d="M 540 260 L 540 180" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrow)"/> <text x="545" y="220" font-family="sans-serif" font-size="11" fill="#f59e0b">Amplitude (A)</text> <path d="M 460 360 L 700 360" stroke="#38bdf8" stroke-width="1"/> <line x1="460" y1="355" x2="460" y2="365" stroke="#38bdf8" stroke-width="1"/> <line x1="700" y1="355" x2="700" y2="365" stroke="#38bdf8" stroke-width="1"/> <text x="540" y="380" font-family="sans-serif" font-size="11" fill="#38bdf8" text-anchor="middle">Period (P = 2π/|B|)</text> <!-- Formula Card --> <rect x="460" y="145" width="380" height="30" rx="6" fill="#ffffff08"/> <text x="650" y="165" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc" font-style="italic">f(x) = A sin(B(x - C)) + D</text> <!-- Bottom Section: Applications & Implementation --> <rect x="40" y="440" width="820" height="90" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <!-- App Icons --> <g transform="translate(70, 465)"> <circle cx="20" cy="20" r="15" fill="#38bdf822" stroke="#38bdf8" stroke-width="1"/> <path d="M 12 20 Q 16 10 20 20 T 28 20" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="45" y="18" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Sound Waves</text> <text x="45" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Acoustics &amp; Music</text> </g> <g transform="translate(240, 465)"> <circle cx="20" cy="20" r="15" fill="#e879f922" stroke="#e879f9" stroke-width="1"/> <circle cx="20" cy="20" r="4" fill="#e879f9"/> <circle cx="32" cy="12" r="3" fill="#f8fafc"/> <text x="45" y="18" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Orbital Mechanics</text> <text x="45" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Celestial Cycles</text> </g> <g transform="translate(450, 465)"> <rect x="0" y="5" width="340" height="60" rx="8" fill="#00000044"/> <text x="10" y="22" font-family="monospace" font-size="10" fill="#38bdf8">sin(x) = x - x³/3! + x⁵/5! - ...</text> <text x="10" y="40" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Taylor Series Expansion</text> <text x="10" y="54" font-family="sans-serif" font-size="11" fill="#94a3b8">Low-level computational approximation</text> </g> <!-- Connecting Visual --> <path d="M 266.5 203.5 Q 350 150, 460 260" fill="none" stroke="#ffffff22" stroke-width="2" stroke-dasharray="5 5"/> <!-- Decorative Dots --> <circle cx="860" cy="40" r="3" fill="#f59e0b"/> <circle cx="840" cy="40" r="3" fill="#e879f9"/> <circle cx="820" cy="40" r="3" fill="#38bdf8"/> </svg>Trigonometry and Periodic Functions image 1Trigonometry and Periodic Functions - Precalculus 2e - image 1https://www.getlykke.com/explore/public/precalculus-2e-197c9158-ecc9-47fe-9183-c80854bf2e26/media/trigonometry-and-periodic-functions/svg/1Trigonometry and Periodic Functions diagram 1Trigonometry and Periodic Functions - Precalculus 2e - diagram 1https://www.getlykke.com/explore/public/precalculus-2e-197c9158-ecc9-47fe-9183-c80854bf2e26/media/trigonometry-and-periodic-functions/svg/2Trigonometry and Periodic Functions diagram 2Trigonometry and Periodic Functions - Precalculus 2e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">ANALYTIC GEOMETRY &amp; THE CALCULUS BRIDGE</text> <text x="450" y="85" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" fill="#94a3b8" font-style="italic">The Transition from Static Relationships to Dynamic Motion</text> <line x1="300" y1="100" x2="600" y2="100" stroke="#38bdf8" stroke-width="2" stroke-dasharray="8 4" opacity="0.5"/> <!-- Left Column: Conic Sections --> <rect x="30" y="120" width="265" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="50" y="155" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">CONIC SECTIONS</text> <text x="50" y="175" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">The Geometry of Quadratic Loci</text> <!-- Cone Illustration --> <path d="M 160 200 L 100 300 L 220 300 Z" fill="none" stroke="#ffffff30" stroke-width="1.5"/> <path d="M 160 400 L 100 300 L 220 300 Z" fill="none" stroke="#ffffff30" stroke-width="1.5"/> <ellipse cx="160" cy="230" rx="25" ry="8" fill="none" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> <!-- Circle --> <path d="M 130 250 Q 160 265 190 250" fill="none" stroke="#e879f9" stroke-width="2"/> <!-- Ellipse slice --> <path d="M 115 340 Q 160 310 205 340" fill="none" stroke="#38bdf8" stroke-width="2"/> <!-- Parabola slice --> <text x="50" y="420" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">GENERAL EQUATION:</text> <text x="50" y="438" font-family="serif" font-size="13" fill="#f8fafc">Ax² + Bxy + Cy² + Dx + Ey + F = 0</text> <g font-family="Arial, sans-serif" font-size="11"> <circle cx="55" cy="465" r="4" fill="#f59e0b"/> <text x="68" y="469" fill="#94a3b8">Circle (e = 0)</text> <circle cx="55" cy="482" r="4" fill="#e879f9"/> <text x="68" y="486" fill="#94a3b8">Ellipse (0 ≤ e &lt; 1)</text> <circle cx="165" cy="465" r="4" fill="#38bdf8"/> <text x="178" y="469" fill="#94a3b8">Parabola (e = 1)</text> <circle cx="165" cy="482" r="4" fill="#fb7185"/> <text x="178" y="486" fill="#94a3b8">Hyperbola (e &gt; 1)</text> </g> <!-- Center Column: The Limit --> <rect x="315" y="120" width="270" height="400" rx="16" fill="#ffffff12" stroke="#38bdf840" stroke-width="2"/> <text x="450" y="155" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="20" fill="#f59e0b">THE LIMIT CONCEPT</text> <text x="450" y="175" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Gateway to the Infinitesimal</text> <!-- Limit Visual --> <path d="M 350 350 Q 450 350 550 220" fill="none" stroke="#ffffff20" stroke-width="3"/> <circle cx="480" cy="305" r="5" fill="#f59e0b" filter="url(#glow)"/> <line x1="430" y1="335" x2="530" y2="275" stroke="#38bdf8" stroke-width="2"/> <!-- Tangent --> <text x="450" y="380" text-anchor="middle" font-family="serif" font-size="22" fill="#f8fafc">lim f(x) = L</text> <text x="450" y="400" text-anchor="middle" font-family="serif" font-size="12" fill="#94a3b8">x → c</text> <rect x="340" y="425" width="220" height="75" rx="8" fill="#00000030"/> <text x="355" y="445" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#f59e0b">THE FORMAL DEFINITION</text> <text x="355" y="465" font-family="serif" font-size="12" fill="#cbd5e1">For every ε &gt; 0, there exists a δ &gt; 0</text> <text x="355" y="482" font-family="serif" font-size="12" fill="#cbd5e1">such that |f(x) - L| &lt; ε whenever</text> <text x="355" y="495" font-family="serif" font-size="12" fill="#cbd5e1">0 &lt; |x - c| &lt; δ.</text> <!-- Right Column: Sequences & Series --> <rect x="605" y="120" width="265" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="625" y="155" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">SEQUENCES &amp; SERIES</text> <text x="625" y="175" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Discrete Foundations of Sums</text> <!-- Series Visual --> <g transform="translate(640, 220)"> <rect x="0" y="80" width="20" height="20" fill="#e879f9" opacity="1"/> <rect x="25" y="90" width="20" height="10" fill="#e879f9" opacity="0.8"/> <rect x="50" y="95" width="20" height="5" fill="#e879f9" opacity="0.6"/> <rect x="75" y="97" width="20" height="3" fill="#e879f9" opacity="0.4"/> <rect x="100" y="98" width="20" height="2" fill="#e879f9" opacity="0.2"/> <text x="0" y="120" font-family="serif" font-size="14" fill="#f8fafc">Σ arⁿ⁻¹</text> </g> <path d="M 625 340 L 850 340" stroke="#ffffff15" stroke-width="1"/> <text x="625" y="370" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#e879f9">CONVERGENCE CONDITION</text> <text x="625" y="390" font-family="serif" font-size="14" fill="#f8fafc">| r | &lt; 1</text> <text x="625" y="410" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">If met, the infinite sum is:</text> <text x="625" y="435" font-family="serif" font-size="18" fill="#f8fafc">S = a₁ / (1 - r)</text> <rect x="625" y="455" width="225" height="45" rx="6" fill="#e879f915"/> <text x="635" y="473" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#f8fafc">THE BINOMIAL THEOREM</text> <text x="635" y="488" font-family="serif" font-size="11" fill="#cbd5e1">(x + y)ⁿ = Σ (ⁿₖ) xⁿ⁻ᵏ yᵏ</text> <!-- Footer Branding --> <text x="450" y="545" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#475569" letter-spacing="2">WIKI MATHEMATICA • ANALYTIC GEOMETRY SERIES • MODULE 04</text> </svg>Analytic Geometry and Intro to Calculus image 1Analytic Geometry and Intro to Calculus - Precalculus 2e - image 1https://www.getlykke.com/explore/public/precalculus-2e-197c9158-ecc9-47fe-9183-c80854bf2e26/media/analytic-geometry-and-intro-to-calculus/svg/1Analytic Geometry and Intro to Calculus diagram 1Analytic Geometry and Intro to Calculus - Precalculus 2e - diagram 1https://www.getlykke.com/explore/public/precalculus-2e-197c9158-ecc9-47fe-9183-c80854bf2e26/media/analytic-geometry-and-intro-to-calculus/svg/2Analytic Geometry and Intro to Calculus diagram 2Analytic Geometry and Intro to Calculus - Precalculus 2e - diagram 2https://www.getlykke.com/explore/public/precalculus-2e-197c9158-ecc9-47fe-9183-c80854bf2e26/media/analytic-geometry-and-intro-to-calculus/svg/3Analytic Geometry and Intro to Calculus diagram 3Analytic Geometry and Intro to Calculus - Precalculus 2e - diagram 3https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c372026-04-20T04:56:53.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="2">COMPOSITE &amp; INVERSE FUNCTIONS</text> <path d="M 300 65 L 600 65" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <!-- LEFT PANEL: Composition --> <rect x="40" y="100" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="135" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">FUNCTION COMPOSITION</text> <text x="60" y="155" fill="#94a3b8" font-family="sans-serif" font-size="12">The "Pipeline" of Mathematics: f(g(x))</text> <!-- Pipeline Graphic --> <g transform="translate(60, 180)"> <!-- Input --> <circle cx="20" cy="40" r="15" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <text x="20" y="44" text-anchor="middle" fill="#f8fafc" font-family="serif" font-style="italic" font-size="14">x</text> <!-- Arrow 1 --> <path d="M 35 40 L 75 40" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <polygon points="75,40 68,36 68,44" fill="#94a3b8"/> <!-- Function g --> <rect x="80" y="20" width="50" height="40" rx="4" fill="#38bdf8" filter="url(#glow)"/> <text x="105" y="45" text-anchor="middle" fill="#0f172a" font-family="serif" font-weight="bold" font-size="18">g</text> <!-- Arrow 2 --> <path d="M 130 40 L 170 40" stroke="#94a3b8" stroke-width="2"/> <polygon points="170,40 163,36 163,44" fill="#94a3b8"/> <!-- Intermediate --> <text x="205" y="45" text-anchor="middle" fill="#f8fafc" font-family="serif" font-style="italic" font-size="14">g(x)</text> <!-- Arrow 3 --> <path d="M 240 40 L 280 40" stroke="#94a3b8" stroke-width="2"/> <polygon points="280,40 273,36 273,44" fill="#94a3b8"/> <!-- Function f --> <rect x="285" y="20" width="50" height="40" rx="4" fill="#e879f9" filter="url(#glow)"/> <text x="310" y="45" text-anchor="middle" fill="#0f172a" font-family="serif" font-weight="bold" font-size="18">f</text> <!-- Final Output --> <text x="310" y="85" text-anchor="middle" fill="#f8fafc" font-family="serif" font-style="italic" font-size="16" font-weight="bold">f(g(x))</text> </g> <!-- Note on Commutativity --> <rect x="60" y="285" width="360" height="40" rx="8" fill="#ef444415"/> <text x="240" y="310" text-anchor="middle" fill="#fca5a5" font-family="sans-serif" font-size="13" font-weight="600">Order Matters! f(g(x)) ≠ g(f(x))</text> <!-- RIGHT PANEL: Inverses --> <rect x="460" y="100" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="135" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="18">INVERSE FUNCTIONS</text> <text x="480" y="155" fill="#94a3b8" font-family="sans-serif" font-size="12">The "Mirror" Property: Reflection across y = x</text> <!-- Graph Graphic --> <g transform="translate(640, 240)"> <!-- Axes --> <line x1="-80" y1="0" x2="80" y2="0" stroke="#94a3b8" stroke-width="1"/> <line x1="0" y1="-80" x2="0" y2="80" stroke="#94a3b8" stroke-width="1"/> <!-- y = x line --> <line x1="-70" y1="70" x2="70" y2="-70" stroke="#f8fafc" stroke-width="1" stroke-dasharray="4"/> <text x="55" y="-60" fill="#f8fafc" font-family="serif" font-size="10">y=x</text> <!-- f(x) = x^3 style curve --> <path d="M -60 60 Q -20 50 0 0 Q 20 -50 60 -60" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <text x="-75" y="45" fill="#38bdf8" font-family="serif" font-size="12" font-weight="bold">f(x)</text> <!-- f-1(x) reflection --> <path d="M 60 -60 Q 50 -20 0 0 Q -50 20 -60 60" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <text x="65" y="-35" fill="#f59e0b" font-family="serif" font-size="12" font-weight="bold">f⁻¹(x)</text> </g> <text x="480" y="320" fill="#94a3b8" font-family="sans-serif" font-size="11">Swap x and y to find the inverse algebraically.</text> <!-- BOTTOM PANEL: Rules & Logic --> <rect x="40" y="360" width="820" height="160" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <!-- Horizontal Line Test --> <g transform="translate(70, 390)"> <text x="0" y="20" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="16">1. ONE-TO-ONE CHECK</text> <text x="0" y="40" fill="#94a3b8" font-family="sans-serif" font-size="12">Must pass the Horizontal Line Test (HLT).</text> <!-- Mini Graph Fail --> <g transform="translate(0, 55)"> <rect width="100" height="60" rx="4" fill="#00000033"/> <path d="M 10 50 Q 50 -20 90 50" fill="none" stroke="#38bdf8" stroke-width="2"/> <line x1="5" y1="25" x2="95" y2="25" stroke="#ef4444" stroke-width="1.5"/> <circle cx="28" cy="25" r="3" fill="#ef4444"/> <circle cx="72" cy="25" r="3" fill="#ef4444"/> <text x="50" y="55" text-anchor="middle" fill="#ef4444" font-family="sans-serif" font-size="9" font-weight="bold">FAIL (Not Invertible)</text> </g> <!-- Mini Graph Pass --> <g transform="translate(120, 55)"> <rect width="100" height="60" rx="4" fill="#00000033"/> <line x1="10" y1="50" x2="90" y2="10" stroke="#38bdf8" stroke-width="2"/> <line x1="5" y1="30" x2="95" y2="30" stroke="#22c55e" stroke-width="1.5"/> <circle cx="50" cy="30" r="3" fill="#22c55e"/> <text x="50" y="55" text-anchor="middle" fill="#22c55e" font-family="sans-serif" font-size="9" font-weight="bold">PASS (One-to-One)</text> </g> </g> <!-- Identity Property --> <g transform="translate(380, 390)"> <text x="0" y="20" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="16">2. THE IDENTITY LOOP</text> <text x="0" y="40" fill="#94a3b8" font-family="sans-serif" font-size="12">Inverses "undo" each other perfectly.</text> <rect x="0" y="55" width="220" height="60" rx="8" fill="#e879f911" stroke="#e879f944"/> <text x="110" y="90" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="20" font-weight="bold">f(f⁻¹(x)) = x</text> <path d="M 190 75 A 15 15 0 1 1 190 95" fill="none" stroke="#e879f9" stroke-width="2" marker-end="url(#arrow)"/> </g> <!-- Domain/Range Swap --> <g transform="translate(650, 390)"> <text x="0" y="20" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="16">3. DOMAIN SWAP</text> <text x="0" y="45" fill="#38bdf8" font-family="sans-serif" font-size="12">Domain of f</text> <text x="100" y="45" fill="#f59e0b" font-family="sans-serif" font-size="12">Range of f⁻¹</text> <path d="M 75 42 L 95 42" stroke="#f8fafc" stroke-width="1"/> <text x="0" y="75" fill="#38bdf8" font-family="sans-serif" font-size="12">Range of f</text> <text x="100" y="75" fill="#f59e0b" font-family="sans-serif" font-size="12">Domain of f⁻¹</text> <path d="M 75 72 L 95 72" stroke="#f8fafc" stroke-width="1"/> <path d="M 0 55 L 160 55" stroke="#ffffff22" stroke-width="1"/> </g> <!-- Decorative elements --> <circle cx="40" cy="40" r="3" fill="#38bdf8"/> <circle cx="860" cy="40" r="3" fill="#f59e0b"/> <circle cx="40" cy="520" r="3" fill="#e879f9"/> <circle cx="860" cy="520" r="3" fill="#22c55e"/> </svg>Composite and Inverse Functions image 1Composite and Inverse Functions - Precalculus - image 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/composite-and-inverse-functions/svg/1Composite and Inverse Functions diagram 1Composite and Inverse Functions - Precalculus - diagram 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/composite-and-inverse-functions/svg/2Composite and Inverse Functions diagram 2Composite and Inverse Functions - Precalculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="1" cy="1" r="1" fill="#334155" fill-opacity="0.5"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">TRIGONOMETRY &amp; SINUSOIDAL MODELS</text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">FROM GEOMETRIC RATIOS TO PERIODIC PHENOMENA</text> <line x1="40" y1="90" x2="860" y2="90" stroke="#334155" stroke-width="1"/> <!-- Panel 1: The Unit Circle (Foundation) --> <rect x="40" y="110" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">01. THE UNIT CIRCLE</text> <text x="60" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">The bridge between geometry &amp; algebra.</text> <!-- Circle Graphic --> <circle cx="170" cy="260" r="70" fill="none" stroke="#334155" stroke-width="2" stroke-dasharray="4 2"/> <line x1="100" y1="260" x2="240" y2="260" stroke="#475569" stroke-width="1"/> <line x1="170" y1="190" x2="170" y2="330" stroke="#475569" stroke-width="1"/> <!-- Triangle inside circle --> <path d="M 170,260 L 220,210 L 220,260 Z" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <circle cx="220" cy="210" r="4" fill="#e879f9" filter="url(#glow)"/> <text x="228" y="205" font-family="serif" font-style="italic" font-size="12" fill="#f8fafc">P(x, y)</text> <text x="185" y="252" font-family="serif" font-size="14" fill="#f59e0b">θ</text> <!-- Identities --> <rect x="60" y="360" width="220" height="140" rx="8" fill="#00000030"/> <text x="75" y="385" font-family="serif" font-size="14" fill="#f8fafc">x = cos(θ)</text> <text x="75" y="405" font-family="serif" font-size="14" fill="#f8fafc">y = sin(θ)</text> <text x="75" y="435" font-family="sans-serif" font-weight="700" font-size="13" fill="#e879f9">Pythagorean Identity:</text> <text x="75" y="455" font-family="serif" font-size="16" fill="#f8fafc">sin²θ + cos²θ = 1</text> <text x="75" y="485" font-family="sans-serif" font-size="11" fill="#94a3b8">Valid for all real numbers θ.</text> <!-- Panel 2: Sinusoidal Evolution --> <rect x="320" y="110" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">02. PERIODICITY</text> <text x="340" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">Rotation over time yields a wave.</text> <!-- Waveform Graphic --> <path d="M 340,280 L 560,280" stroke="#475569" stroke-width="1"/> <path d="M 340,220 L 340,340" stroke="#475569" stroke-width="1"/> <path d="M 340,280 Q 367.5,180 395,280 T 450,280 T 505,280 T 560,280" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <text x="350" y="210" font-family="sans-serif" font-size="11" fill="#f59e0b" font-weight="bold">AMPLITUDE</text> <line x1="395" y1="280" x2="505" y2="280" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <text x="415" y="300" font-family="sans-serif" font-size="11" fill="#38bdf8" font-weight="bold">PERIOD (2π)</text> <text x="340" y="380" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">The Standard Model:</text> <text x="340" y="405" font-family="serif" font-size="18" fill="#f59e0b">y = A sin(B(x - C)) + D</text> <g font-family="sans-serif" font-size="11" fill="#94a3b8"> <text x="340" y="435">• A: Amplitude (Stretch)</text> <text x="340" y="455">• B: Frequency (Period = 2π/B)</text> <text x="340" y="475">• C: Phase Shift (Horizontal)</text> <text x="340" y="495">• D: Vertical Shift (Midline)</text> </g> <!-- Panel 3: Inverse & General (Top) --> <rect x="600" y="110" width="260" height="195" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">03. INVERSE FUNCTIONS</text> <text x="620" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">Restricting domain for uniqueness.</text> <rect x="620" y="180" width="220" height="100" rx="8" fill="#00000030"/> <g font-family="sans-serif" font-size="11" fill="#f8fafc"> <text x="635" y="205" font-weight="bold" fill="#e879f9">Function</text> <text x="730" y="205" font-weight="bold" fill="#e879f9">Principal Range</text> <text x="635" y="230">sin⁻¹(x)</text> <text x="730" y="230">[-π/2, π/2]</text> <text x="635" y="250">cos⁻¹(x)</text> <text x="730" y="250">[0, π]</text> <text x="635" y="270">tan⁻¹(x)</text> <text x="730" y="270">(-π/2, π/2)</text> </g> <!-- Panel 4: General Triangles (Bottom) --> <rect x="600" y="325" width="260" height="195" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="355" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">04. OBLIQUE LAWS</text> <path d="M 630,430 L 710,430 L 670,390 Z" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="665" y="385" font-family="serif" font-size="10" fill="#94a3b8">C</text> <text x="620" y="435" font-family="serif" font-size="10" fill="#94a3b8">A</text> <text x="715" y="435" font-family="serif" font-size="10" fill="#94a3b8">B</text> <text x="620" y="460" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">Law of Sines:</text> <text x="620" y="478" font-family="serif" font-size="14" fill="#38bdf8">a/sinA = b/sinB = c/sinC</text> <text x="620" y="500" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">Law of Cosines:</text> <text x="620" y="515" font-family="serif" font-size="13" fill="#38bdf8">c² = a² + b² - 2ab cosC</text> <!-- Decorative elements --> <circle cx="850" cy="50" r="20" fill="none" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2 2"/> <path d="M 840,50 L 860,50 M 850,40 L 850,60" stroke="#f59e0b" stroke-width="1"/> </svg>Trigonometry and Sinusoidal Models image 1Trigonometry and Sinusoidal Models - Precalculus - image 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/trigonometry-and-sinusoidal-models/svg/1Trigonometry and Sinusoidal Models diagram 1Trigonometry and Sinusoidal Models - Precalculus - diagram 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/trigonometry-and-sinusoidal-models/svg/2Trigonometry and Sinusoidal Models diagram 2Trigonometry and Sinusoidal Models - Precalculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="32" fill="#f8fafc">COMPLEX NUMBERS &amp; POLAR FORM</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">TRANSITIONING FROM ALGEBRAIC GRID TO GEOMETRIC ROTATION</text> <!-- Left Panel: Rectangular Form --> <rect x="40" y="110" width="260" height="240" rx="16" fill="#ffffff10" stroke="#ffffff20" stroke-width="1"/> <text x="60" y="140" font-family="sans-serif" font-weight="bold" font-size="18" fill="#e879f9">Rectangular Form</text> <text x="60" y="165" font-family="serif" font-style="italic" font-size="22" fill="#f8fafc">z = a + bi</text> <g transform="translate(70, 190)"> <line x1="0" y1="100" x2="100" y2="100" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4"/> <line x1="0" y1="100" x2="0" y2="0" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4"/> <rect x="0" y="30" width="70" height="70" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="35" y="115" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Real (a)</text> <text x="-10" y="65" text-anchor="end" font-family="sans-serif" font-size="12" fill="#94a3b8" transform="rotate(-90, -10, 65)">Imaginary (b)</text> <circle cx="70" cy="30" r="4" fill="#f8fafc"/> </g> <text x="60" y="325" font-family="sans-serif" font-size="12" fill="#94a3b8" width="220"> <tspan x="60" dy="0">Best for addition and subtraction.</tspan> <tspan x="60" dy="16">Visualized as a point on a grid.</tspan> </text> <!-- Center: The Bridge (Main Diagram) --> <g transform="translate(450, 240)"> <!-- Axes --> <line x1="-120" y1="0" x2="120" y2="0" stroke="#475569" stroke-width="1"/> <line x1="0" y1="-120" x2="0" y2="120" stroke="#475569" stroke-width="1"/> <text x="125" y="5" font-family="sans-serif" font-size="12" fill="#475569">Re</text> <text x="5" y="-125" font-family="sans-serif" font-size="12" fill="#475569">Im</text> <!-- Unit Circle Reference --> <circle cx="0" cy="0" r="100" fill="none" stroke="#ffffff08" stroke-width="1"/> <!-- Vector z --> <line x1="0" y1="0" x2="86.6" y2="-50" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <circle cx="86.6" cy="-50" r="5" fill="#f59e0b"/> <!-- Angle Arc --> <path d="M 30 0 A 30 30 0 0 0 25.98 -15" fill="none" stroke="#38bdf8" stroke-width="2"/> <!-- Labels --> <text x="45" y="-35" font-family="serif" font-style="italic" font-size="18" fill="#f59e0b">r</text> <text x="35" y="-8" font-family="serif" font-style="italic" font-size="18" fill="#38bdf8">θ</text> <text x="95" y="-60" font-family="serif" font-weight="bold" font-size="20" fill="#f8fafc">z</text> </g> <!-- Right Panel: Polar Form --> <rect x="600" y="110" width="260" height="240" rx="16" fill="#ffffff10" stroke="#ffffff20" stroke-width="1"/> <text x="620" y="140" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">Polar Form</text> <text x="620" y="165" font-family="serif" font-style="italic" font-size="22" fill="#f8fafc">z = r(cos θ + i sin θ)</text> <g transform="translate(630, 190)"> <circle cx="50" cy="50" r="45" fill="none" stroke="#38bdf840" stroke-width="1" stroke-dasharray="4"/> <line x1="50" y1="50" x2="85" y2="20" stroke="#f59e0b" stroke-width="2"/> <path d="M 70 50 A 20 20 0 0 0 65 35" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="90" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">Magnitude &amp; Phase</text> </g> <text x="620" y="325" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="620" dy="0">Best for multiplication and powers.</tspan> <tspan x="620" dy="16">Visualized as rotation and scaling.</tspan> </text> <!-- Bottom Section: Euler's Formula & Operations --> <rect x="40" y="370" width="820" height="160" rx="16" fill="#ffffff05" stroke="#ffffff10" stroke-width="1"/> <!-- Euler's Formula --> <g transform="translate(60, 400)"> <text x="0" y="20" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f59e0b">EULER'S FORMULA</text> <rect x="0" y="35" width="240" height="60" rx="8" fill="#f59e0b10" stroke="#f59e0b40"/> <text x="120" y="75" text-anchor="middle" font-family="serif" font-size="24" fill="#f8fafc">e<tspan baseline-shift="super" font-size="16">iθ</tspan> = cos θ + i sin θ</text> <text x="0" y="115" font-family="sans-serif" font-size="12" fill="#94a3b8">The exponential bridge to rotation.</text> </g> <!-- Arithmetic Rules --> <g transform="translate(360, 400)"> <text x="0" y="20" font-family="sans-serif" font-weight="bold" font-size="16" fill="#38bdf8">MULTIPLICATION RULE</text> <text x="0" y="55" font-family="serif" font-size="18" fill="#f8fafc">z<tspan baseline-shift="sub" font-size="12">1</tspan>z<tspan baseline-shift="sub" font-size="12">2</tspan> = r<tspan baseline-shift="sub" font-size="12">1</tspan>r<tspan baseline-shift="sub" font-size="12">2</tspan> e<tspan baseline-shift="super" font-size="12">i(θ₁+θ₂)</tspan></text> <path d="M 0 75 L 200 75" stroke="#ffffff20" stroke-width="1"/> <text x="0" y="100" font-family="sans-serif" font-size="13" fill="#f8fafc">Multiply Moduli | <tspan fill="#38bdf8">Add Arguments</tspan></text> <text x="0" y="118" font-family="sans-serif" font-size="12" fill="#94a3b8">Multiplication becomes a geometric spin.</text> </g> <!-- Conversion Formulas --> <g transform="translate(650, 400)"> <text x="0" y="20" font-family="sans-serif" font-weight="bold" font-size="16" fill="#94a3b8">CONVERSION</text> <text x="0" y="50" font-family="serif" font-size="14" fill="#f8fafc">r = √(a² + b²)</text> <text x="0" y="75" font-family="serif" font-size="14" fill="#f8fafc">θ = atan2(b, a)</text> <text x="0" y="100" font-family="serif" font-size="14" fill="#f8fafc">a = r cos θ</text> <text x="0" y="125" font-family="serif" font-size="14" fill="#f8fafc">b = r sin θ</text> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#e879f920" stroke-width="2"/> <circle cx="850" cy="50" r="15" fill="none" stroke="#e879f940" stroke-width="1"/> <path d="M 40 50 L 150 50" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/> </svg>Complex Numbers and Polar Form image 1Complex Numbers and Polar Form - Precalculus - image 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/complex-numbers-and-polar-form/svg/1Complex Numbers and Polar Form diagram 1Complex Numbers and Polar Form - Precalculus - diagram 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/complex-numbers-and-polar-form/svg/2Complex Numbers and Polar Form diagram 2Complex Numbers and Polar Form - Precalculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <filter id="cardShadow"> <feDropShadow dx="0" dy="4" stdDeviation="8" flood-opacity="0.3"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Decorative Geometry --> <circle cx="850" cy="50" r="100" fill="#38bdf808" /> <path d="M-50 400 L150 600 L-50 600 Z" fill="#e879f905" /> <!-- Header --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="-0.5">RATIONAL FUNCTIONS</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" text-transform="uppercase" letter-spacing="2">The Architecture of Singularities &amp; Asymptotes</text> <!-- Left Card: Definition & Arithmetic --> <rect x="40" y="120" width="250" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15" filter="url(#cardShadow)"/> <text x="60" y="155" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">The Foundation</text> <text x="60" y="185" font-family="serif" font-size="20" font-style="italic" fill="#f8fafc">R(x) = P(x) / Q(x)</text> <text x="60" y="210" font-family="sans-serif" font-size="12" fill="#94a3b8" width="210"> <tspan x="60" dy="0">A ratio of two polynomials where</tspan> <tspan x="60" dy="16">the denominator Q(x) ≠ 0.</tspan> </text> <line x1="60" y1="245" x2="270" y2="245" stroke="#ffffff15" /> <text x="60" y="275" font-family="sans-serif" font-size="16" font-weight="700" fill="#f8fafc">Arithmetic Bridge</text> <!-- Arithmetic Icons/Steps --> <g transform="translate(60, 295)"> <rect width="24" height="24" rx="6" fill="#38bdf820" /> <text x="12" y="17" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8">×</text> <text x="35" y="16" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Multiply</text> <text x="35" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">Factor first, then cancel.</text> </g> <g transform="translate(60, 345)"> <rect width="24" height="24" rx="6" fill="#e879f920" /> <text x="12" y="17" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9">÷</text> <text x="35" y="16" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Divide</text> <text x="35" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">Multiply by the reciprocal.</text> </g> <g transform="translate(60, 395)"> <rect width="24" height="24" rx="6" fill="#f59e0b20" /> <text x="12" y="17" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f59e0b">+</text> <text x="35" y="16" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Add/Sub</text> <text x="35" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">Find the LCM denominator.</text> </g> <!-- Center Card: Visual Graph --> <rect x="310" y="120" width="280" height="400" rx="16" fill="#ffffff12" stroke="#38bdf830" filter="url(#cardShadow)"/> <!-- Coordinate System --> <g transform="translate(450, 340)"> <!-- Grid --> <line x1="-120" y1="0" x2="120" y2="0" stroke="#94a3b840" stroke-width="1" /> <line x1="0" y1="-150" x2="0" y2="80" stroke="#94a3b840" stroke-width="1" /> <!-- Vertical Asymptote --> <line x1="-40" y1="-150" x2="-40" y2="80" stroke="#e879f9" stroke-width="2" stroke-dasharray="6,4" /> <text x="-45" y="95" text-anchor="end" font-family="sans-serif" font-size="10" fill="#e879f9" font-weight="bold">V.A. x = c</text> <!-- Curve Part 1 --> <path d="M -120 -10 Q -60 -15 -45 -150" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <!-- Curve Part 2 with Hole --> <path d="M -35 80 Q -20 10 40 10 L 120 10" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <!-- Hole --> <circle cx="60" cy="10" r="5" fill="#1e1b4b" stroke="#f59e0b" stroke-width="2" /> <text x="65" y="-5" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">HOLE (Removable)</text> <text x="0" y="-170" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="700" fill="#f8fafc">Visual Anatomy</text> </g> <!-- Right Card: Discontinuities --> <rect x="610" y="120" width="250" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15" filter="url(#cardShadow)"/> <text x="630" y="155" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">The Breaks</text> <!-- Hole Section --> <g transform="translate(630, 180)"> <text x="0" y="0" font-family="sans-serif" font-size="14" font-weight="700" fill="#f59e0b">Removable (Holes)</text> <rect y="10" width="210" height="75" rx="8" fill="#f59e0b10" /> <text x="10" y="30" font-family="sans-serif" font-size="11" fill="#f8fafc"> <tspan x="10" dy="0">Occurs when a factor (x - c)</tspan> <tspan x="10" dy="15">exists in both P(x) and Q(x).</tspan> <tspan x="10" dy="20" fill="#94a3b8" font-style="italic">The limit exists, but the</tspan> <tspan x="10" dy="15" fill="#94a3b8" font-style="italic">point is missing.</tspan> </text> </g> <!-- Asymptote Section --> <g transform="translate(630, 285)"> <text x="0" y="0" font-family="sans-serif" font-size="14" font-weight="700" fill="#e879f9">Non-Removable (V.A.)</text> <rect y="10" width="210" height="75" rx="8" fill="#e879f910" /> <text x="10" y="30" font-family="sans-serif" font-size="11" fill="#f8fafc"> <tspan x="10" dy="0">Occurs when (x - c) remains</tspan> <tspan x="10" dy="15">in the denominator after</tspan> <tspan x="10" dy="20" fill="#94a3b8" font-style="italic">simplification. The function</tspan> <tspan x="10" dy="15" fill="#94a3b8" font-style="italic">shoots to ± Infinity.</tspan> </text> </g> <!-- End Behavior --> <g transform="translate(630, 390)"> <text x="0" y="0" font-family="sans-serif" font-size="14" font-weight="700" fill="#38bdf8">End Behavior</text> <text x="0" y="25" font-family="sans-serif" font-size="11" fill="#f8fafc">Determined by degrees (n, m):</text> <g transform="translate(0, 40)"> <text x="0" y="0" font-family="sans-serif" font-size="10" fill="#94a3b8">n &lt; m : y = 0 (H.A.)</text> <text x="0" y="15" font-family="sans-serif" font-size="10" fill="#94a3b8">n = m : y = leading coeff ratio</text> <text x="0" y="30" font-family="sans-serif" font-size="10" fill="#94a3b8">n &gt; m : Slant Asymptote</text> </g> </g> <!-- Footer / Domain Note --> <rect x="310" y="475" width="280" height="45" rx="12" fill="#38bdf815" stroke="#38bdf840" /> <text x="450" y="493" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8">DOMAIN PRESERVATION</text> <text x="450" y="508" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Always track original restrictions, even after canceling factors!</text> </svg>Rational Functions image 1Rational Functions - Precalculus - image 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/rational-functions/svg/1Rational Functions diagram 1Rational Functions - Precalculus - diagram 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/rational-functions/svg/2Rational Functions diagram 2Rational Functions - Precalculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff15"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560M880 0v560"/> </g> <!-- Header Section --> <text x="40" y="60" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-1">CONIC SECTIONS</text> <text x="40" y="85" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" font-weight="400">The Geometric Language of the Physical Universe</text> <rect x="40" y="100" width="180" height="4" fill="#38bdf8" rx="2"/> <!-- Central Illustration: The Double Cone --> <g transform="translate(450, 280)"> <!-- Cones --> <path d="M-80,-150 L80,-150 L0,0 Z" fill="#ffffff10" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4 2"/> <path d="M-80,150 L80,150 L0,0 Z" fill="#ffffff10" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4 2"/> <!-- Slicing Planes (Stylized) --> <path d="M-100,-110 L100,-110 L120,-90 L-80,-90 Z" fill="#38bdf830" stroke="#38bdf8" stroke-width="1.5"/> <!-- Circle Plane --> <path d="M-100,20 L100,70 L120,90 L-80,40 Z" fill="#e879f930" stroke="#e879f9" stroke-width="1.5"/> <!-- Ellipse Plane --> <!-- Labels for Cone --> <text x="90" y="-100" font-family="Arial, sans-serif" font-size="11" fill="#38bdf8" font-weight="bold">CIRCLE (θ = 90°)</text> <text x="110" y="60" font-family="Arial, sans-serif" font-size="11" fill="#e879f9" font-weight="bold">ELLIPSE (θ &gt; α)</text> <text x="-160" y="120" font-family="Arial, sans-serif" font-size="11" fill="#f59e0b" font-weight="bold">PARABOLA (θ = α)</text> <text x="-160" y="-40" font-family="Arial, sans-serif" font-size="11" fill="#f43f5e" font-weight="bold">HYPERBOLA (θ &lt; α)</text> </g> <!-- Info Cards --> <!-- Circle Card --> <rect x="40" y="140" width="180" height="110" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <circle cx="70" cy="175" r="20" fill="none" stroke="#38bdf8" stroke-width="2" filter="url(#glow)"/> <text x="100" y="175" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">Circle</text> <text x="60" y="210" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Eccentricity: e = 0</text> <text x="60" y="228" font-family="Arial, sans-serif" font-size="11" fill="#38bdf8">x² + y² = r²</text> <!-- Ellipse Card --> <rect x="40" y="265" width="180" height="110" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <ellipse cx="70" cy="300" rx="25" ry="15" fill="none" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <text x="105" y="300" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">Ellipse</text> <text x="60" y="335" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">0 &lt; e &lt; 1</text> <text x="60" y="353" font-family="Arial, sans-serif" font-size="11" fill="#e879f9">d₁ + d₂ = 2a</text> <!-- Parabola Card --> <rect x="680" y="140" width="180" height="110" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <path d="M695,185 Q710,155 725,185" fill="none" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> <text x="735" y="175" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">Parabola</text> <text x="700" y="210" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Eccentricity: e = 1</text> <text x="700" y="228" font-family="Arial, sans-serif" font-size="11" fill="#f59e0b">y² = 4ax</text> <!-- Hyperbola Card --> <rect x="680" y="265" width="180" height="110" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <path d="M695,285 Q710,300 695,315 M725,285 Q710,300 725,315" fill="none" stroke="#f43f5e" stroke-width="2" filter="url(#glow)"/> <text x="735" y="300" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">Hyperbola</text> <text x="700" y="335" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Eccentricity: e &gt; 1</text> <text x="700" y="353" font-family="Arial, sans-serif" font-size="11" fill="#f43f5e">|d₁ - d₂| = 2a</text> <!-- Bottom Panel: General Equation --> <rect x="40" y="420" width="820" height="100" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="70" y="455" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#38bdf8" text-transform="uppercase">The General Second-Degree Equation</text> <text x="70" y="485" font-family="serif" font-size="24" fill="#f8fafc" font-style="italic">Ax² + Bxy + Cy² + Dx + Ey + F = 0</text> <!-- Discriminant Key --> <line x1="450" y1="435" x2="450" y2="505" stroke="#ffffff20" stroke-width="1"/> <text x="475" y="455" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">DISCRIMINANT: Δ = B² - 4AC</text> <g font-family="Arial, sans-serif" font-size="11"> <text x="475" y="475" fill="#f8fafc">Δ &lt; 0 : Ellipse / Circle</text> <text x="475" y="495" fill="#f8fafc">Δ = 0 : Parabola</text> <text x="620" y="475" fill="#f8fafc">Δ &gt; 0 : Hyperbola</text> <text x="620" y="495" fill="#f8fafc">B = 0, A = C : Circle</text> </g> <!-- Decorative Elements --> <circle cx="840" cy="60" r="15" fill="none" stroke="#ffffff20" stroke-width="1"/> <circle cx="840" cy="60" r="8" fill="#f59e0b" opacity="0.6"/> <path d="M820,40 L860,80" stroke="#ffffff10" stroke-width="1"/> </svg>Conic Sections image 1Conic Sections - Precalculus - image 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/conic-sections/svg/1Conic Sections diagram 1Conic Sections - Precalculus - diagram 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/conic-sections/svg/2Conic Sections diagram 2Conic Sections - Precalculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <!-- Background Gradient --> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <!-- Card Gradient --> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff15"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <!-- Arrow Markers --> <marker id="arrowhead-blue" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#38bdf8" /> </marker> <marker id="arrowhead-pink" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#e879f9" /> </marker> <marker id="arrowhead-gold" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#f59e0b" /> </marker> <!-- Background Pattern --> <pattern id="dots" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="2">VECTORS</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400">THE GEOMETRY OF DIRECTION AND MAGNITUDE</text> <line x1="400" y1="100" x2="500" y2="100" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <!-- Left Column: Comparison --> <rect x="40" y="120" width="260" height="400" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="60" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Scalar vs. Vector</text> <!-- Scalar Section --> <circle cx="75" cy="200" r="15" fill="#94a3b833" stroke="#94a3b8" stroke-width="1"/> <text x="105" y="195" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Scalar</text> <text x="105" y="212" font-family="sans-serif" font-size="12" fill="#94a3b8">Magnitude only (e.g., Mass, Temp)</text> <!-- Vector Section --> <line x1="60" y1="260" x2="90" y2="240" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrowhead-gold)"/> <text x="105" y="250" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Vector</text> <text x="105" y="267" font-family="sans-serif" font-size="12" fill="#94a3b8">Magnitude + Direction (Force, Velocity)</text> <rect x="55" y="300" width="230" height="1" fill="#ffffff10"/> <!-- Comparison Table --> <text x="60" y="330" font-family="sans-serif" font-size="11" font-weight="700" fill="#38bdf8">PROPERTY</text> <text x="150" y="330" font-family="sans-serif" font-size="11" font-weight="700" fill="#38bdf8">SCALAR</text> <text x="230" y="330" font-family="sans-serif" font-size="11" font-weight="700" fill="#38bdf8">VECTOR</text> <text x="60" y="355" font-family="sans-serif" font-size="11" fill="#f8fafc">Notation</text> <text x="150" y="355" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">s</text> <text x="230" y="355" font-family="sans-serif" font-size="11" fill="#94a3b8" font-weight="bold">v</text> <text x="60" y="380" font-family="sans-serif" font-size="11" fill="#f8fafc">Tensor Rank</text> <text x="150" y="380" font-family="sans-serif" font-size="11" fill="#94a3b8">0</text> <text x="230" y="380" font-family="sans-serif" font-size="11" fill="#94a3b8">1</text> <!-- Middle Column: Geometric Ops --> <rect x="320" y="120" width="260" height="400" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="340" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Vector Addition</text> <!-- Tip-to-Tail Diagram --> <g transform="translate(360, 280)"> <!-- Grid lines --> <line x1="0" y1="0" x2="180" y2="0" stroke="#ffffff10" stroke-width="1"/> <line x1="0" y1="0" x2="0" y2="-120" stroke="#ffffff10" stroke-width="1"/> <!-- Vector U --> <line x1="0" y1="0" x2="80" y2="-30" stroke="#38bdf8" stroke-width="3" marker-end="url(#arrowhead-blue)"/> <text x="35" y="-25" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">u</text> <!-- Vector V --> <line x1="80" y1="-30" x2="140" y2="-100" stroke="#e879f9" stroke-width="3" marker-end="url(#arrowhead-pink)"/> <text x="115" y="-75" font-family="sans-serif" font-size="12" fill="#e879f9" font-weight="bold">v</text> <!-- Resultant --> <line x1="0" y1="0" x2="135" y2="-95" stroke="#f59e0b" stroke-width="3" stroke-dasharray="4" marker-end="url(#arrowhead-gold)"/> <text x="50" y="-65" font-family="sans-serif" font-size="13" fill="#f59e0b" font-weight="bold">u + v</text> </g> <text x="340" y="440" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Tip-to-Tail Method</text> <text x="340" y="460" font-family="sans-serif" font-size="12" fill="#94a3b8" width="220"> Place the tail of v at the tip of u. </text> <text x="340" y="476" font-family="sans-serif" font-size="12" fill="#94a3b8"> The resultant connects the start to end. </text> <!-- Right Column: Algebra --> <rect x="600" y="120" width="260" height="400" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="620" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Components</text> <!-- Component Diagram --> <g transform="translate(640, 300)"> <path d="M 0 0 L 120 0 L 120 -80 Z" fill="#38bdf810" stroke="#38bdf8" stroke-width="1" stroke-dasharray="2"/> <line x1="0" y1="0" x2="115" y2="-77" stroke="#f8fafc" stroke-width="3" marker-end="url(#arrowhead-gold)"/> <text x="50" y="15" font-family="serif" font-size="14" fill="#38bdf8" font-style="italic">vₓ</text> <text x="130" y="-35" font-family="serif" font-size="14" fill="#38bdf8" font-style="italic">vᵧ</text> <text x="40" y="-50" font-family="serif" font-size="14" fill="#f8fafc" font-weight="bold">||v||</text> </g> <!-- Formulas --> <rect x="620" y="340" width="220" height="140" rx="8" fill="#00000020"/> <text x="635" y="365" font-family="serif" font-size="14" fill="#f8fafc">Magnitude:</text> <text x="635" y="385" font-family="serif" font-size="16" fill="#f59e0b">||v|| = √(vₓ² + vᵧ²)</text> <text x="635" y="420" font-family="serif" font-size="14" fill="#f8fafc">Unit Vector:</text> <text x="635" y="440" font-family="serif" font-size="16" fill="#38bdf8">û = v / ||v||</text> <text x="635" y="470" font-family="serif" font-size="12" fill="#94a3b8">Scaling: k·v = ⟨kx, ky⟩</text> <!-- Decorative Footer --> <circle cx="450" cy="540" r="3" fill="#38bdf8"/> <circle cx="470" cy="540" r="3" fill="#e879f9"/> <circle cx="430" cy="540" r="3" fill="#f59e0b"/> </svg>Vectors image 1Vectors - Precalculus - image 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/vectors/svg/1Vectors diagram 1Vectors - Precalculus - diagram 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/vectors/svg/2Vectors diagram 2Vectors - Precalculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">MATRICES</text> <text x="40" y="75" font-family="sans-serif" font-weight="400" font-size="14" fill="#38bdf8" letter-spacing="3">THE ENGINES OF LINEAR ALGEBRA</text> <line x1="40" y1="90" x2="320" y2="90" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Left Panel: The Mechanics --> <rect x="40" y="115" width="260" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">01. THE MECHANICS</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Composition via Dot Product</text> <!-- Matrix Multiplication Visual --> <g transform="translate(65, 190)"> <!-- Matrix A --> <rect x="0" y="0" width="40" height="60" rx="4" fill="#ffffff10" stroke="#94a3b8"/> <rect x="2" y="10" width="36" height="12" fill="#38bdf830" stroke="#38bdf8" stroke-width="1"/> <text x="20" y="-10" text-anchor="middle" font-family="monospace" font-size="10" fill="#94a3b8">Row i</text> <text x="50" y="35" font-family="sans-serif" font-size="16" fill="#f8fafc">×</text> <!-- Matrix B --> <rect x="70" y="0" width="60" height="60" rx="4" fill="#ffffff10" stroke="#94a3b8"/> <rect x="100" y="2" width="12" height="56" fill="#e879f930" stroke="#e879f9" stroke-width="1"/> <text x="106" y="-10" text-anchor="middle" font-family="monospace" font-size="10" fill="#94a3b8">Col j</text> <text x="145" y="35" font-family="sans-serif" font-size="16" fill="#f8fafc">=</text> <!-- Result C --> <rect x="170" y="0" width="40" height="60" rx="4" fill="#ffffff10" stroke="#94a3b8"/> <circle cx="190" cy="16" r="4" fill="#f59e0b" filter="url(#glow)"/> <text x="190" y="-10" text-anchor="middle" font-family="monospace" font-size="10" fill="#94a3b8">c[i,j]</text> </g> <text x="60" y="300" font-family="monospace" font-size="11" fill="#f8fafc">c_ij = Σ (a_ik * b_kj)</text> <text x="60" y="325" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">Order matters: AB ≠ BA</text> <!-- Center Panel: The Geometry --> <rect x="320" y="115" width="540" height="320" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">02. GEOMETRIC MAPPING</text> <text x="340" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Matrices as Linear Transformations</text> <!-- Coordinate System --> <g transform="translate(450, 310)"> <!-- Grid lines --> <path d="M -100 0 L 100 0 M 0 -100 L 0 100" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4"/> <!-- Transformed Shape (Shear) --> <path d="M 0 0 L 60 0 L 90 -60 L 30 -60 Z" fill="#38bdf820" stroke="#38bdf8" stroke-width="2" filter="url(#glow)"/> <!-- Original Unit Square --> <rect x="0" y="-60" width="60" height="60" fill="none" stroke="#ffffff30" stroke-width="1" stroke-dasharray="2"/> <!-- Basis Vectors --> <line x1="0" y1="0" x2="60" y2="0" stroke="#fb7185" stroke-width="3" marker-end="url(#arrow-red)"/> <line x1="0" y1="0" x2="30" y2="-60" stroke="#fbbf24" stroke-width="3" marker-end="url(#arrow-gold)"/> <text x="65" y="15" font-family="monospace" font-size="12" font-weight="bold" fill="#fb7185">i-hat [1,0]</text> <text x="10" y="-75" font-family="monospace" font-size="12" font-weight="bold" fill="#fbbf24">j-hat [k,1]</text> </g> <!-- Transformation Matrix Label --> <g transform="translate(680, 200)"> <text x="0" y="0" font-family="serif" font-size="24" fill="#f8fafc">[</text> <text x="45" y="0" font-family="serif" font-size="24" fill="#f8fafc">]</text> <text x="12" y="-12" font-family="monospace" font-size="14" fill="#fb7185">1</text> <text x="12" y="8" font-family="monospace" font-size="14" fill="#fb7185">0</text> <text x="32" y="-12" font-family="monospace" font-size="14" fill="#fbbf24">k</text> <text x="32" y="8" font-family="monospace" font-size="14" fill="#fbbf24">1</text> <text x="-70" y="0" font-family="sans-serif" font-size="12" fill="#94a3b8">Shear Matrix:</text> </g> <!-- Bottom Panel: Applications --> <rect x="40" y="375" width="260" height="150" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="405" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">03. APPLICATIONS</text> <g transform="translate(60, 425)"> <circle cx="15" cy="15" r="12" fill="#38bdf820" stroke="#38bdf8"/> <path d="M 10 20 L 15 10 L 20 20 Z" fill="#38bdf8"/> <text x="40" y="18" font-family="sans-serif" font-size="12" fill="#f8fafc">Computer Graphics</text> <circle cx="15" cy="45" r="12" fill="#e879f920" stroke="#e879f9"/> <circle cx="12" cy="42" r="2" fill="#e879f9"/> <circle cx="18" cy="42" r="2" fill="#e879f9"/> <circle cx="15" cy="48" r="2" fill="#e879f9"/> <text x="40" y="48" font-family="sans-serif" font-size="12" fill="#f8fafc">Neural Networks</text> <circle cx="15" cy="75" r="12" fill="#f59e0b20" stroke="#f59e0b"/> <path d="M 10 75 H 20 M 15 70 V 80" stroke="#f59e0b" stroke-width="2"/> <text x="40" y="78" font-family="sans-serif" font-size="12" fill="#f8fafc">Quantum Computing</text> </g> <!-- Key Properties Table (Bottom Right) --> <g transform="translate(340, 455)"> <text x="0" y="0" font-family="sans-serif" font-weight="700" font-size="14" fill="#94a3b8">CORE PROPERTIES</text> <rect y="10" width="500" height="1" fill="#ffffff15"/> <text x="0" y="35" font-family="monospace" font-size="12" fill="#f8fafc">A(BC) = (AB)C</text> <text x="140" y="35" font-family="sans-serif" font-size="11" fill="#94a3b8">Associative</text> <text x="250" y="35" font-family="monospace" font-size="12" fill="#f8fafc">AI = IA = A</text> <text x="390" y="35" font-family="sans-serif" font-size="11" fill="#94a3b8">Identity</text> <text x="0" y="60" font-family="monospace" font-size="12" fill="#f8fafc">det(AB) = det(A)det(B)</text> <text x="140" y="60" font-family="sans-serif" font-size="11" fill="#94a3b8">Determinant Product</text> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#38bdf8" stroke-width="0.5" opacity="0.3"/> <circle cx="850" cy="50" r="20" fill="none" stroke="#38bdf8" stroke-width="0.5" opacity="0.5"/> <circle cx="850" cy="50" r="5" fill="#38bdf8" opacity="0.8"/> <!-- Markers --> <defs> <marker id="arrow-red" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#fb7185" /> </marker> <marker id="arrow-gold" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#fbbf24" /> </marker> </defs> </svg>Matrices image 1Matrices - Precalculus - image 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/matrices/svg/1Matrices diagram 1Matrices - Precalculus - diagram 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/matrices/svg/2Matrices diagram 2Matrices - Precalculus - diagram 2https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/matrices/svg/3Matrices diagram 3Matrices - Precalculus - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-orange" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#ea580c"/> </linearGradient> <linearGradient id="accent-blue" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#0284c7"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff05" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560"/> </g> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">PROBABILITY &amp; COMBINATORICS</text> <text x="450" y="85" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Mathematical Science of Uncertainty and Arrangement</text> <rect x="350" y="95" width="200" height="2" fill="url(#accent-orange)" rx="1"/> <!-- Main Panels --> <!-- Left Side: Combinatorics --> <rect x="40" y="120" width="400" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="65" y="155" font-family="system-ui, sans-serif" font-weight="700" font-size="20" fill="#f59e0b">Combinatorics</text> <text x="65" y="175" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">The Art of Counting without Counting</text> <!-- Permutation Sub-card --> <rect x="60" y="200" width="360" height="135" rx="12" fill="#ffffff05"/> <text x="80" y="225" font-family="system-ui, sans-serif" font-weight="600" font-size="15" fill="#f8fafc">Permutations (Order Matters)</text> <text x="80" y="245" font-family="system-ui, sans-serif" font-size="12" fill="#cbd5e1">Arranging items in a specific sequence.</text> <text x="80" y="275" font-family="serif" font-size="18" fill="#e879f9" font-weight="bold">P(n, r) = n! / (n - r)!</text> <!-- Permutation Icon --> <g transform="translate(340, 240)"> <circle cx="0" cy="0" r="8" fill="#e879f9"/> <circle cx="25" cy="0" r="8" fill="#38bdf8"/> <circle cx="50" cy="0" r="8" fill="#f59e0b"/> <path d="M0 15 L50 15" stroke="#ffffff30" stroke-width="1" marker-end="url(#arrow)"/> <text x="25" y="35" text-anchor="middle" font-size="10" fill="#94a3b8" font-family="system-ui">Sequence</text> </g> <!-- Combination Sub-card --> <rect x="60" y="350" width="360" height="135" rx="12" fill="#ffffff05"/> <text x="80" y="375" font-family="system-ui, sans-serif" font-weight="600" font-size="15" fill="#f8fafc">Combinations (Order Doesn't Matter)</text> <text x="80" y="395" font-family="system-ui, sans-serif" font-size="12" fill="#cbd5e1">Selecting a group where sequence is irrelevant.</text> <text x="80" y="425" font-family="serif" font-size="18" fill="#38bdf8" font-weight="bold">C(n, r) = n! / [r!(n - r)!]</text> <!-- Combination Icon --> <g transform="translate(340, 390)"> <circle cx="10" cy="5" r="8" fill="#e879f9" opacity="0.8"/> <circle cx="35" cy="15" r="8" fill="#38bdf8" opacity="0.8"/> <circle cx="20" cy="30" r="8" fill="#f59e0b" opacity="0.8"/> <circle cx="22" cy="17" r="25" fill="none" stroke="#ffffff40" stroke-dasharray="2 2"/> <text x="22" y="55" text-anchor="middle" font-size="10" fill="#94a3b8" font-family="system-ui">Set/Group</text> </g> <!-- Right Side: Probability --> <rect x="460" y="120" width="400" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="485" y="155" font-family="system-ui, sans-serif" font-weight="700" font-size="20" fill="#38bdf8">Probability</text> <text x="485" y="175" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">The Measure of Likelihood</text> <!-- Probability Rule 1 --> <rect x="480" y="200" width="360" height="135" rx="12" fill="#ffffff05"/> <text x="500" y="225" font-family="system-ui, sans-serif" font-weight="600" font-size="15" fill="#f8fafc">Addition Rule (OR Logic)</text> <text x="500" y="245" font-family="system-ui, sans-serif" font-size="12" fill="#cbd5e1">Probability of A or B occurring.</text> <text x="500" y="275" font-family="serif" font-size="16" fill="#f59e0b" font-weight="bold">P(A ∪ B) = P(A) + P(B) - P(A ∩ B)</text> <!-- Venn Icon --> <g transform="translate(760, 240)"> <circle cx="0" cy="0" r="20" fill="#f59e0b" opacity="0.4"/> <circle cx="25" cy="0" r="20" fill="#38bdf8" opacity="0.4"/> <text x="12" y="35" text-anchor="middle" font-size="10" fill="#94a3b8" font-family="system-ui">Inclusion-Exclusion</text> </g> <!-- Probability Rule 2 --> <rect x="480" y="350" width="360" height="135" rx="12" fill="#ffffff05"/> <text x="500" y="375" font-family="system-ui, sans-serif" font-weight="600" font-size="15" fill="#f8fafc">Multiplication Rule (AND Logic)</text> <text x="500" y="395" font-family="system-ui, sans-serif" font-size="12" fill="#cbd5e1">Probability of A and B occurring together.</text> <text x="500" y="425" font-family="serif" font-size="16" fill="#e879f9" font-weight="bold">P(A ∩ B) = P(A) × P(B|A)</text> <!-- Tree Icon --> <g transform="translate(760, 385)"> <line x1="0" y1="20" x2="20" y2="0" stroke="#ffffff40" stroke-width="2"/> <line x1="0" y1="20" x2="20" y2="40" stroke="#ffffff40" stroke-width="2"/> <circle cx="20" cy="0" r="5" fill="#e879f9"/> <circle cx="20" cy="40" r="5" fill="#38bdf8"/> <text x="10" y="55" text-anchor="middle" font-size="10" fill="#94a3b8" font-family="system-ui">Branching Events</text> </g> <!-- Central Connection --> <circle cx="450" cy="320" r="25" fill="#1e1b4b" stroke="#ffffff20" stroke-width="2"/> <path d="M440 310 L460 330 M460 310 L440 330" stroke="#f59e0b" stroke-width="3" stroke-linecap="round"/> <!-- Bottom Fact Bar --> <rect x="40" y="530" width="820" height="20" rx="4" fill="#ffffff05"/> <text x="450" y="544" text-anchor="middle" font-family="system-ui, sans-serif" font-size="10" fill="#64748b" text-transform="uppercase" letter-spacing="2">Fundamental Principle: If task A has n ways and B has m ways, then A then B has n × m ways.</text> <!-- Decorative Corner Elements --> <circle cx="20" cy="20" r="3" fill="#f59e0b" opacity="0.5"/> <circle cx="880" cy="20" r="3" fill="#38bdf8" opacity="0.5"/> <circle cx="20" cy="540" r="3" fill="#e879f9" opacity="0.5"/> <circle cx="880" cy="540" r="3" fill="#f59e0b" opacity="0.5"/> </svg>Probability and Combinatorics image 1Probability and Combinatorics - Precalculus - image 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/probability-and-combinatorics/svg/1Probability and Combinatorics diagram 1Probability and Combinatorics - Precalculus - diagram 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/probability-and-combinatorics/svg/2Probability and Combinatorics diagram 2Probability and Combinatorics - Precalculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Definitions --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Base Layers --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1px">SERIES &amp; THE BINOMIAL THEOREM</text> <path d="M 350 65 L 550 65" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <text x="450" y="85" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Bridge Between Discrete Steps and Infinite Sums</text> <!-- Section 1: Sigma Notation (Top Left) --> <rect x="40" y="110" width="260" height="150" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="140" font-family="system-ui, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">Σ Notation</text> <!-- Sigma Graphic --> <g transform="translate(140, 160)"> <path d="M 0 0 L 40 0 L 15 25 L 40 50 L 0 50" fill="none" stroke="#f8fafc" stroke-width="4" stroke-linejoin="round"/> <text x="20" y="-10" text-anchor="middle" font-family="serif" font-size="14" fill="#f59e0b">n</text> <text x="20" y="65" text-anchor="middle" font-family="serif" font-size="14" fill="#f59e0b">i = k</text> <text x="50" y="32" font-family="serif" font-size="20" fill="#f8fafc">aᵢ</text> <!-- Labels --> <text x="-70" y="30" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">SUMMATION</text> <line x1="-5" y1="-15" x2="10" y2="-15" stroke="#94a3b8" stroke-width="1"/> <text x="-70" y="-12" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">UPPER LIMIT</text> </g> <!-- Section 2: Binomial Theorem (Top Right) --> <rect x="320" y="110" width="540" height="150" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="140" font-family="system-ui, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">The Binomial Theorem</text> <text x="340" y="170" font-family="serif" font-size="22" fill="#f8fafc">(a + b)ⁿ = Σ <tspan fill="#f59e0b">ⁿCₖ</tspan> aⁿ⁻ᵏ bᵏ</text> <!-- Pascal's Triangle Visual --> <g transform="translate(680, 135)" opacity="0.8"> <text x="0" y="0" text-anchor="middle" font-family="serif" font-size="12" fill="#94a3b8">1</text> <text x="-15" y="20" text-anchor="middle" font-family="serif" font-size="12" fill="#94a3b8">1</text> <text x="15" y="20" text-anchor="middle" font-family="serif" font-size="12" fill="#94a3b8">1</text> <text x="-30" y="40" text-anchor="middle" font-family="serif" font-size="12" fill="#94a3b8">1</text> <text x="0" y="40" text-anchor="middle" font-family="serif" font-size="12" fill="#f59e0b" font-weight="bold">2</text> <text x="30" y="40" text-anchor="middle" font-family="serif" font-size="12" fill="#94a3b8">1</text> <text x="-45" y="60" text-anchor="middle" font-family="serif" font-size="12" fill="#94a3b8">1</text> <text x="-15" y="60" text-anchor="middle" font-family="serif" font-size="12" fill="#f59e0b" font-weight="bold">3</text> <text x="15" y="60" text-anchor="middle" font-family="serif" font-size="12" fill="#f59e0b" font-weight="bold">3</text> <text x="45" y="60" text-anchor="middle" font-family="serif" font-size="12" fill="#94a3b8">1</text> <text x="0" y="85" text-anchor="middle" font-family="system-ui, sans-serif" font-size="10" fill="#f59e0b">PASCAL'S TRIANGLE</text> </g> <!-- Section 3: Arithmetic Series (Bottom Left) --> <rect x="40" y="280" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#38bdf844"/> <text x="60" y="315" font-family="system-ui, sans-serif" font-weight="bold" font-size="20" fill="#38bdf8">Arithmetic Series</text> <text x="60" y="335" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">Constant difference (d) | Linear Growth</text> <!-- Formula --> <rect x="60" y="350" width="180" height="45" rx="8" fill="#38bdf815"/> <text x="75" y="380" font-family="serif" font-size="18" fill="#f8fafc">Sₙ = ⁿ/₂ (a₁ + aₙ)</text> <!-- Gauss Visualization --> <g transform="translate(60, 420)"> <rect x="0" y="40" width="20" height="20" fill="#38bdf8" opacity="0.4"/> <rect x="25" y="30" width="20" height="30" fill="#38bdf8" opacity="0.5"/> <rect x="50" y="20" width="20" height="40" fill="#38bdf8" opacity="0.7"/> <rect x="75" y="10" width="20" height="50" fill="#38bdf8" opacity="0.9"/> <rect x="100" y="0" width="20" height="60" fill="#38bdf8"/> <text x="0" y="80" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Gauss's Trick: Pairing terms</text> </g> <!-- Section 4: Geometric Series (Bottom Right) --> <rect x="460" y="280" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#e879f944"/> <text x="480" y="315" font-family="system-ui, sans-serif" font-weight="bold" font-size="20" fill="#e879f9">Geometric Series</text> <text x="480" y="335" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">Common ratio (r) | Exponential Growth</text> <!-- Formula --> <rect x="480" y="350" width="180" height="45" rx="8" fill="#e879f915"/> <text x="495" y="380" font-family="serif" font-size="18" fill="#f8fafc">S = a₁ / (1 - r)</text> <text x="670" y="378" font-family="system-ui, sans-serif" font-size="11" fill="#e879f9" font-weight="bold">IF |r| &lt; 1</text> <!-- Convergence Visualization --> <g transform="translate(480, 420)"> <rect x="0" y="0" width="60" height="60" fill="#e879f9" opacity="0.8"/> <rect x="60" y="0" width="30" height="60" fill="#e879f9" opacity="0.6"/> <rect x="90" y="0" width="15" height="60" fill="#e879f9" opacity="0.4"/> <rect x="105" y="0" width="7.5" height="60" fill="#e879f9" opacity="0.2"/> <path d="M 0 65 L 120 65" stroke="#94a3b8" stroke-dasharray="4 2"/> <text x="0" y="80" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Convergence: Approaching a limit</text> </g> <!-- Applications Footer --> <g transform="translate(40, 535)"> <text x="0" y="0" font-family="system-ui, sans-serif" font-size="10" font-weight="bold" fill="#38bdf8" letter-spacing="1px">APPLICATIONS:</text> <text x="100" y="0" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">FINANCE (Annuities)</text> <circle cx="210" cy="-3" r="2" fill="#ffffff33"/> <text x="225" y="0" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">PHYSICS (Wave Harmonics)</text> <circle cx="370" cy="-3" r="2" fill="#ffffff33"/> <text x="385" y="0" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">COMP. SCI (Complexity Analysis)</text> </g> </svg>Series and Binomial Theorem image 1Series and Binomial Theorem - Precalculus - image 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/series-and-binomial-theorem/svg/1Series and Binomial Theorem diagram 1Series and Binomial Theorem - Precalculus - diagram 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/series-and-binomial-theorem/svg/2Series and Binomial Theorem diagram 2Series and Binomial Theorem - Precalculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Definitions --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="1" cy="1" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Base Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">LIMITS &amp; CONTINUITY</text> <text x="40" y="85" font-family="system-ui, sans-serif" font-size="16" fill="#94a3b8">The rigorous foundation of modern Calculus</text> <rect x="40" y="105" width="120" height="4" rx="2" fill="#38bdf8"/> <!-- Left Column: The Limit Concept --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="165" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">I. THE LIMIT</text> <text x="60" y="185" font-family="system-ui, sans-serif" font-size="13" fill="#cbd5e1">Behavior near a point, not at it.</text> <!-- Limit Diagram --> <g transform="translate(60, 210)"> <path d="M 0 100 Q 50 80 100 20 T 200 0" fill="none" stroke="#38bdf8" stroke-width="3"/> <circle cx="100" cy="20" r="5" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M 80 20 L 92 20" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 120 20 L 108 20" stroke="#f59e0b" stroke-width="2"/> <text x="105" y="45" font-family="serif" font-style="italic" font-size="14" fill="#f8fafc">L</text> <text x="95" y="115" font-family="serif" font-style="italic" font-size="14" fill="#f8fafc">c</text> <line x1="0" y1="100" x2="220" y2="100" stroke="#94a3b8" stroke-dasharray="4"/> </g> <text x="60" y="345" font-family="system-ui, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Formal Definition (ε-δ)</text> <rect x="60" y="355" width="220" height="145" rx="8" fill="#ffffff05"/> <text x="70" y="380" font-family="serif" font-size="13" fill="#94a3b8">For every ε &gt; 0, there exists</text> <text x="70" y="398" font-family="serif" font-size="13" fill="#94a3b8">a δ &gt; 0 such that:</text> <text x="70" y="425" font-family="serif" font-weight="bold" font-size="15" fill="#f59e0b">0 &lt; |x - c| &lt; δ</text> <text x="70" y="445" font-family="serif" font-size="13" fill="#94a3b8">implies</text> <text x="70" y="472" font-family="serif" font-weight="bold" font-size="15" fill="#e879f9">|f(x) - L| &lt; ε</text> <!-- Middle Column: Continuity --> <rect x="320" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="165" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#e879f9">II. CONTINUITY</text> <text x="340" y="185" font-family="system-ui, sans-serif" font-size="13" fill="#cbd5e1">The "Unbroken Path" test.</text> <!-- Continuity Checklist --> <g transform="translate(340, 220)"> <rect width="220" height="40" rx="8" fill="#38bdf820"/> <circle cx="20" cy="20" r="8" fill="#38bdf8"/> <text x="16" y="24" font-family="sans-serif" font-size="10" font-weight="bold" fill="#0f172a">1</text> <text x="40" y="25" font-family="serif" font-size="14" fill="#f8fafc">f(c) is defined</text> <rect y="55" width="220" height="40" rx="8" fill="#f59e0b20"/> <circle cx="20" cy="75" r="8" fill="#f59e0b"/> <text x="16" y="79" font-family="sans-serif" font-size="10" font-weight="bold" fill="#0f172a">2</text> <text x="40" y="80" font-family="serif" font-size="14" fill="#f8fafc">lim f(x) exists</text> <rect y="110" width="220" height="40" rx="8" fill="#e879f920"/> <circle cx="20" cy="130" r="8" fill="#e879f9"/> <text x="16" y="134" font-family="sans-serif" font-size="10" font-weight="bold" fill="#0f172a">3</text> <text x="40" y="135" font-family="serif" font-size="14" fill="#f8fafc">lim f(x) = f(c)</text> </g> <text x="340" y="400" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8" width="220"> <tspan x="340" dy="1.4em">A function is continuous on an</tspan> <tspan x="340" dy="1.4em">interval if it is continuous at</tspan> <tspan x="340" dy="1.4em">every point in that interval.</tspan> </text> <path d="M 340 470 Q 450 440 540 500" fill="none" stroke="#e879f9" stroke-width="4" stroke-linecap="round" filter="url(#glow)"/> <!-- Right Column: Discontinuities --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="165" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">III. DISCONTINUITIES</text> <!-- Discontinuity Type 1 --> <g transform="translate(620, 200)"> <text x="0" y="0" font-family="system-ui, sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">REMOVABLE (HOLE)</text> <path d="M 0 40 Q 40 20 80 40" fill="none" stroke="#94a3b8" stroke-width="2"/> <circle cx="40" cy="30" r="4" fill="#0f172a" stroke="#f59e0b" stroke-width="2"/> <text x="90" y="35" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Limit exists,</text> <text x="90" y="48" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">point is missing.</text> </g> <!-- Discontinuity Type 2 --> <g transform="translate(620, 290)"> <text x="0" y="0" font-family="system-ui, sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">JUMP</text> <path d="M 0 40 L 40 40" fill="none" stroke="#94a3b8" stroke-width="2"/> <path d="M 40 20 L 80 20" fill="none" stroke="#94a3b8" stroke-width="2"/> <circle cx="40" cy="40" r="3" fill="#f59e0b"/> <circle cx="40" cy="20" r="3" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="90" y="25" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Left limit ≠</text> <text x="90" y="38" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Right limit.</text> </g> <!-- Discontinuity Type 3 --> <g transform="translate(620, 380)"> <text x="0" y="0" font-family="system-ui, sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">INFINITE (ASYMPTOTE)</text> <line x1="40" y1="10" x2="40" y2="70" stroke="#f59e0b" stroke-dasharray="3"/> <path d="M 10 70 Q 15 20 35 15" fill="none" stroke="#94a3b8" stroke-width="2"/> <path d="M 70 70 Q 65 20 45 15" fill="none" stroke="#94a3b8" stroke-width="2"/> <text x="90" y="35" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Approaches</text> <text x="90" y="48" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">± Infinity.</text> </g> <!-- Footer Stats/Facts --> <rect x="620" y="475" width="220" height="30" rx="15" fill="#38bdf815"/> <text x="730" y="495" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="bold" font-size="12" fill="#38bdf8">SQUEEZE THEOREM: g(x) ≤ f(x) ≤ h(x)</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="#e879f910"/> <circle cx="850" cy="50" r="15" fill="#e879f920"/> <path d="M 830 50 L 870 50 M 850 30 L 850 70" stroke="#e879f940" stroke-width="1"/> </svg>Limits and Continuity image 1Limits and Continuity - Precalculus - image 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/limits-and-continuity/svg/1Limits and Continuity diagram 1Limits and Continuity - Precalculus - diagram 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/limits-and-continuity/svg/2Limits and Continuity diagram 2Limits and Continuity - Precalculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Background Elements --> <circle cx="850" cy="50" r="120" fill="#38bdf805"/> <circle cx="50" cy="510" r="80" fill="#e879f905"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="2">PRECALCULUS COURSE CHALLENGE</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="14" fill="#94a3b8" letter-spacing="1">A RIGOROUS SYNTHESIS OF ALGEBRAIC &amp; TRIGONOMETRIC MASTERY</text> <rect x="350" y="95" width="200" height="4" rx="2" fill="url(#accentGrad)"/> <!-- Left Column: Technical Engine --> <rect x="40" y="120" width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">SYSTEM ENGINE</text> <!-- JS Icon --> <rect x="60" y="175" width="40" height="40" rx="8" fill="#38bdf820"/> <path d="M 72 187 L 68 195 L 72 203 M 88 187 L 92 195 L 88 203" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="110" y="190" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">JavaScript Required</text> <text x="110" y="205" font-family="sans-serif" font-size="11" fill="#94a3b8">Client-side logic engine</text> <g transform="translate(60, 235)"> <circle cx="15" cy="15" r="15" fill="#ffffff08"/> <path d="M 10 15 L 20 15 M 15 10 L 15 20" stroke="#94a3b8" stroke-width="2"/> <text x="40" y="12" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">State Management</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Real-time progress tracking</text> </g> <g transform="translate(60, 285)"> <circle cx="15" cy="15" r="15" fill="#ffffff08"/> <path d="M 10 12 L 20 12 M 10 18 L 20 18" stroke="#94a3b8" stroke-width="2"/> <text x="40" y="12" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Dynamic Rendering</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">LaTeX &amp; MathJax integration</text> </g> <g transform="translate(60, 335)"> <circle cx="15" cy="15" r="15" fill="#ffffff08"/> <path d="M 8 22 L 15 8 L 22 22" stroke="#94a3b8" stroke-width="2" fill="none"/> <text x="40" y="12" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Interactive Graphing</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Embedded visualization tools</text> </g> <!-- Center Column: Mastery Metric --> <rect x="320" y="120" width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="450" y="155" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">MASTERY METRIC</text> <!-- Mastery Gauge --> <circle cx="450" cy="240" r="60" fill="none" stroke="#ffffff10" stroke-width="12"/> <path d="M 450 180 A 60 60 0 1 1 398 210" fill="none" stroke="#f59e0b" stroke-width="12" stroke-linecap="round"/> <text x="450" y="235" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="24" fill="#f8fafc">100%</text> <text x="450" y="255" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">PROFICIENCY</text> <rect x="350" y="320" width="200" height="160" rx="12" fill="#00000020"/> <text x="450" y="345" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">EXAM STRUCTURE</text> <text x="370" y="375" font-family="sans-serif" font-size="12" fill="#94a3b8">Questions:</text> <text x="530" y="375" text-anchor="end" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">30 Items</text> <text x="370" y="400" font-family="sans-serif" font-size="12" fill="#94a3b8">Sampling:</text> <text x="530" y="400" text-anchor="end" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">Stochastic</text> <text x="370" y="425" font-family="sans-serif" font-size="12" fill="#94a3b8">Skill Units:</text> <text x="530" y="425" text-anchor="end" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">10 Primary</text> <text x="370" y="450" font-family="sans-serif" font-size="12" fill="#94a3b8">Total Points:</text> <text x="530" y="450" text-anchor="end" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">Thousands</text> <!-- Right Column: Core Competencies --> <rect x="600" y="120" width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="620" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">CORE DOMAINS</text> <!-- Domain 1 --> <g transform="translate(620, 180)"> <text x="0" y="0" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">1. Functions &amp; Inverses</text> <path d="M 0 15 Q 25 5 50 25" stroke="#e879f9" stroke-width="2" fill="none"/> <line x1="0" y1="20" x2="50" y2="20" stroke="#ffffff30" stroke-dasharray="2,2"/> <text x="60" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">Horizontal Line Test</text> </g> <!-- Domain 2 --> <g transform="translate(620, 260)"> <text x="0" y="0" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">2. Sinusoidal Modeling</text> <path d="M 0 20 Q 12.5 0 25 20 T 50 20" stroke="#e879f9" stroke-width="2" fill="none"/> <text x="60" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">y = A sin(B(x-C)) + D</text> </g> <!-- Domain 3 --> <g transform="translate(620, 340)"> <text x="0" y="0" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">3. Rational Functions</text> <path d="M 5 5 Q 15 15 15 40 M 35 0 Q 35 25 45 35" stroke="#e879f9" stroke-width="2" fill="none"/> <line x1="25" y1="0" x2="25" y2="40" stroke="#ffffff30" stroke-dasharray="2,2"/> <text x="60" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">Asymptotic Behavior</text> </g> <!-- Domain 4 --> <g transform="translate(620, 420)"> <text x="0" y="0" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">4. Vectors &amp; Matrices</text> <path d="M 0 30 L 40 10 M 35 10 L 40 10 L 40 15" stroke="#e879f9" stroke-width="2" fill="none"/> <text x="60" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">Linear Transformations</text> </g> <!-- Footer --> <text x="450" y="545" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#475569" letter-spacing="1">PRECALCULUS CURRICULUM • DIAGNOSTIC ENGINE v2.4 • MASTERY-BASED ASSESSMENT</text> </svg>Precalculus Course Challenge image 1Precalculus Course Challenge - Precalculus - image 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/course-challenge/svg/1Precalculus Course Challenge diagram 1Precalculus Course Challenge - Precalculus - diagram 1https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/course-challenge/svg/2Precalculus Course Challenge diagram 2Precalculus Course Challenge - Precalculus - diagram 2https://www.getlykke.com/explore/public/precalculus-760426f2-c765-4f63-848e-73deae621c37/media/course-challenge/svg/3Precalculus Course Challenge diagram 3Precalculus Course Challenge - Precalculus - diagram 3https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d2026-04-20T04:56:52.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">THE ARCHITECTURE OF COLLEGE LITERACY</text> <text x="450" y="80" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400">Transitioning from Passive Consumption to Strategic Interrogation</text> <line x1="300" y1="95" x2="600" y2="95" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Left Panel: The Spectrum of Text --> <rect x="40" y="120" width="260" height="300" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="150" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="18">THE SPECTRUM OF "TEXT"</text> <text x="60" y="170" fill="#94a3b8" font-family="sans-serif" font-size="11">Any artifact conveying meaning</text> <!-- Text Type 1 --> <circle cx="75" cy="205" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <rect x="68" y="200" width="14" height="10" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <text x="100" y="202" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Traditional</text> <text x="100" y="215" fill="#94a3b8" font-family="sans-serif" font-size="11">Journals, Monographs, Essays</text> <!-- Text Type 2 --> <circle cx="75" cy="255" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <circle cx="75" cy="255" r="5" fill="none" stroke="#e879f9" stroke-width="1.5"/> <text x="100" y="252" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Visual &amp; Auditory</text> <text x="100" y="265" fill="#94a3b8" font-family="sans-serif" font-size="11">Paintings, Podcasts, Cinema</text> <!-- Text Type 3 --> <circle cx="75" cy="305" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <path d="M68 305 h14 M75 298 v14" stroke="#f59e0b" stroke-width="1.5"/> <text x="100" y="302" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Digital/Interactive</text> <text x="100" y="315" fill="#94a3b8" font-family="sans-serif" font-size="11">UX Logic, Social Threads, Code</text> <!-- Center Panel: Rhetorical Triangle --> <rect x="320" y="120" width="260" height="300" rx="16" fill="#ffffff12" stroke="#ffffff20"/> <text x="450" y="150" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">RHETORICAL APPEALS</text> <path d="M450 180 L520 300 L380 300 Z" fill="none" stroke="#f8fafc" stroke-width="2" opacity="0.5"/> <!-- Ethos --> <circle cx="450" cy="180" r="25" fill="#0f172a" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> <text x="450" y="185" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="12">ETHOS</text> <text x="450" y="215" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Credibility &amp; Ethics</text> <!-- Pathos --> <circle cx="520" cy="300" r="25" fill="#0f172a" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <text x="520" y="305" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="12">PATHOS</text> <text x="520" y="335" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Values &amp; Emotion</text> <!-- Logos --> <circle cx="380" cy="300" r="25" fill="#0f172a" stroke="#38bdf8" stroke-width="2" filter="url(#glow)"/> <text x="380" y="305" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="12">LOGOS</text> <text x="380" y="335" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Logic &amp; Consistency</text> <text x="450" y="380" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-style="italic">"The Operating System of Discourse"</text> <!-- Right Panel: The Sleuth Method --> <rect x="600" y="120" width="260" height="300" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="150" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">THE SLEUTH METHOD</text> <g font-family="sans-serif" font-size="12"> <text x="620" y="185" fill="#38bdf8" font-weight="bold">01</text> <text x="645" y="185" fill="#f8fafc">Title &amp; Subhead Analysis</text> <text x="620" y="215" fill="#38bdf8" font-weight="bold">02</text> <text x="645" y="215" fill="#f8fafc">Author Credentialing</text> <text x="620" y="245" fill="#38bdf8" font-weight="bold">03</text> <text x="645" y="245" fill="#f8fafc">Abstract &amp; Conclusion Scan</text> <text x="620" y="275" fill="#38bdf8" font-weight="bold">04</text> <text x="645" y="275" fill="#f8fafc">Visual &amp; Caption Review</text> <text x="620" y="305" fill="#38bdf8" font-weight="bold">05</text> <text x="645" y="305" fill="#f8fafc">Topic Sentence Mapping</text> </g> <rect x="620" y="335" width="220" height="60" rx="8" fill="#38bdf810" stroke="#38bdf830"/> <text x="630" y="355" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="11">GOAL:</text> <text x="630" y="372" fill="#94a3b8" font-family="sans-serif" font-size="11">Reduce cognitive load by building</text> <text x="630" y="385" fill="#94a3b8" font-family="sans-serif" font-size="11">a mental schema before deep reading.</text> <!-- Bottom Panel: Layers of Meaning --> <rect x="40" y="440" width="820" height="90" rx="16" fill="#ffffff15" stroke="#ffffff20"/> <text x="60" y="465" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="16">LAYERS OF SEMANTIC DENSITY</text> <g transform="translate(60, 485)"> <rect width="230" height="30" rx="4" fill="#0f172a"/> <text x="115" y="20" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12">1. SURFACE (Literal)</text> <path d="M240 15 L260 15" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <rect x="270" width="230" height="30" rx="4" fill="#0f172a"/> <text x="385" y="20" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12">2. SUBTEXTUAL (Implicit)</text> <path d="M510 15 L530 15" stroke="#94a3b8" stroke-width="2"/> <rect x="540" width="230" height="30" rx="4" fill="#0f172a"/> <text x="655" y="20" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12">3. CONTEXTUAL (Extrinsic)</text> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="none" stroke="#f59e0b" stroke-width="0.5" opacity="0.3"/> <circle cx="850" cy="50" r="20" fill="none" stroke="#f59e0b" stroke-width="0.5" opacity="0.5"/> <rect x="20" y="20" width="40" height="40" fill="none" stroke="#38bdf8" stroke-width="0.5" opacity="0.3" transform="rotate(45 40 40)"/> </svg>Introduction to College Literacy image 1Introduction to College Literacy - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/intro-to-college-literacy/svg/1Introduction to College Literacy diagram 1Introduction to College Literacy - The Word on College Reading and Writing - diagram 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/intro-to-college-literacy/svg/2Introduction to College Literacy diagram 2Introduction to College Literacy - The Word on College Reading and Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <path d="M 0 100 H 900 M 0 200 H 900 M 0 300 H 900 M 0 400 H 900 M 0 500 H 900" stroke="#ffffff05" stroke-width="1"/> <path d="M 100 0 V 560 M 200 0 V 560 M 300 0 V 560 M 400 0 V 560 M 500 0 V 560 M 600 0 V 560 M 700 0 V 560 M 800 0 V 560" stroke="#ffffff05" stroke-width="1"/> <!-- Header --> <text x="450" y="50" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" text-anchor="middle" letter-spacing="1">FOUNDATIONS OF READING HABITS</text> <text x="450" y="75" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle" letter-spacing="2">PHYSIOLOGICAL &amp; ENVIRONMENTAL INFRASTRUCTURE</text> <rect x="350" y="85" width="200" height="2" fill="url(#accentGrad)"/> <!-- Left Panel: Chronobiology --> <rect x="40" y="110" width="400" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="140" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">I. DIURNAL OPTIMIZATION</text> <!-- The Wave Visualization --> <path d="M 70 280 Q 120 180 170 250 T 270 320 T 370 200" fill="none" stroke="#f59e0b" stroke-width="3" stroke-linecap="round"/> <circle cx="120" cy="195" r="5" fill="#f59e0b"/> <!-- Peak --> <circle cx="270" cy="320" r="5" fill="#38bdf8"/> <!-- Trough --> <text x="120" y="180" font-family="Arial, sans-serif" font-size="11" fill="#f59e0b" text-anchor="middle">PEAK (Deep Work)</text> <text x="270" y="340" font-family="Arial, sans-serif" font-size="11" fill="#38bdf8" text-anchor="middle">TROUGH (Admin)</text> <!-- Chronotype Table --> <g transform="translate(60, 370)"> <rect width="360" height="130" rx="8" fill="#00000020"/> <text x="10" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">CHRONOTYPE</text> <text x="130" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">PEAK WINDOW</text> <text x="250" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">TASK TYPE</text> <line x1="10" y1="35" x2="350" y2="35" stroke="#ffffff20"/> <text x="10" y="55" font-family="Arial, sans-serif" font-size="12" fill="#f59e0b">Lark</text> <text x="130" y="55" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">07:00 – 11:00</text> <text x="250" y="55" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Theory / Jargon</text> <text x="10" y="80" font-family="Arial, sans-serif" font-size="12" fill="#38bdf8">Third Bird</text> <text x="130" y="80" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">09:00 – 12:00</text> <text x="250" y="80" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Critical Analysis</text> <text x="10" y="105" font-family="Arial, sans-serif" font-size="12" fill="#e879f9">Owl</text> <text x="130" y="105" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">18:00 – 23:00</text> <text x="250" y="105" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Research / Synthesis</text> </g> <!-- Right Panel: Sensory Architecture --> <rect x="460" y="110" width="400" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="140" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">II. SENSORY ARCHITECTURE</text> <!-- Pillar 1: Acoustic --> <g transform="translate(480, 165)"> <rect width="360" height="70" rx="12" fill="#ffffff05"/> <circle cx="30" cy="35" r="18" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <!-- Ear Icon --> <path d="M 25 30 Q 35 20 40 35 Q 40 45 30 45" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="60" y="30" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Acoustic Control</text> <text x="60" y="48" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Utilize Pink Noise to bypass the Irrelevant Sound Effect.</text> </g> <!-- Pillar 2: Environment --> <g transform="translate(480, 250)"> <rect width="360" height="70" rx="12" fill="#ffffff05"/> <circle cx="30" cy="35" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <!-- Lamp Icon --> <path d="M 30 22 L 22 38 L 38 38 Z" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="60" y="30" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Context-Dependent Memory</text> <text x="60" y="48" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Dedicate specific zones for reading to trigger focus cues.</text> </g> <!-- Pillar 3: Cognitive Load --> <g transform="translate(480, 335)"> <rect width="360" height="70" rx="12" fill="#ffffff05"/> <circle cx="30" cy="35" r="18" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <!-- Brain Icon --> <circle cx="27" cy="32" r="4" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <circle cx="33" cy="32" r="4" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <circle cx="30" cy="38" r="4" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="60" y="30" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Cognitive Leakage</text> <text x="60" y="48" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Eliminate digital friction to preserve working memory.</text> </g> <!-- Footer Tip --> <rect x="480" y="425" width="360" height="75" rx="12" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="495" y="445" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f59e0b">PRO TIP: THE ADENOSINE TRAP</text> <text x="495" y="465" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">Avoid "Heroic All-Nighters." Sleep deprivation causes</text> <text x="495" y="480" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">Micro-sleeps, rendering complex text analysis impossible.</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="50" cy="510" r="20" fill="none" stroke="#ffffff05" stroke-width="4"/> </svg>Foundations of Reading Habits image 1Foundations of Reading Habits - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/foundations-of-reading-habits/svg/1Foundations of Reading Habits diagram 1Foundations of Reading Habits - The Word on College Reading and Writing - diagram 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/foundations-of-reading-habits/svg/2Foundations of Reading Habits diagram 2Foundations of Reading Habits - The Word on College Reading and Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-blue" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#1d4ed8"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Header Elements --> <path d="M 40 40 L 860 40" stroke="#334155" stroke-width="1" stroke-dasharray="4 4"/> <circle cx="40" cy="40" r="3" fill="#38bdf8"/> <circle cx="860" cy="40" r="3" fill="#e879f9"/> <!-- Title Section --> <text x="450" y="80" font-family="Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" text-anchor="middle" letter-spacing="1">PRE-READING STRATEGIES</text> <text x="450" y="105" font-family="Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle" text-transform="uppercase" letter-spacing="3">The Cognitive Architecture of Schema Building</text> <!-- Phase 1: Metadata --> <rect x="40" y="140" width="260" height="300" rx="16" fill="#ffffff08" stroke="#38bdf840" stroke-width="1"/> <rect x="40" y="140" width="260" height="40" rx="16" fill="#38bdf815"/> <text x="60" y="166" font-family="Segoe UI, Arial, sans-serif" font-weight="bold" font-size="16" fill="#38bdf8">01. EPISTEMIC TRUST</text> <!-- Icon: Metadata --> <g transform="translate(255, 153)"> <circle r="10" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <path d="M -4 2 L 4 2 M 0 -4 L 0 4" stroke="#38bdf8" stroke-width="1.5"/> </g> <text x="60" y="205" font-family="Segoe UI, Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">The "Wrapper" Analysis</text> <text x="60" y="225" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#94a3b8">Evaluating the text's Ethos before</text> <text x="60" y="238" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#94a3b8">committing cognitive resources.</text> <g transform="translate(60, 265)"> <rect width="220" height="1" fill="#334155"/> <text y="25" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Author Credentials</text> <text y="40" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#94a3b8">Institutional affiliation &amp; history.</text> <text y="70" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Title Decomposition</text> <text y="85" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#94a3b8">Subject, Lens, and Argument scope.</text> <text y="115" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Publication Context</text> <text y="130" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#94a3b8">Peer-review environment &amp; date.</text> </g> <!-- Phase 2: Structural Decomposition --> <rect x="320" y="140" width="260" height="300" rx="16" fill="#ffffff08" stroke="#f59e0b40" stroke-width="1"/> <rect x="320" y="140" width="260" height="40" rx="16" fill="#f59e0b15"/> <text x="340" y="166" font-family="Segoe UI, Arial, sans-serif" font-weight="bold" font-size="16" fill="#f59e0b">02. STRUCTURAL SCAN</text> <!-- Icon: Structure --> <g transform="translate(535, 153)"> <rect x="-8" y="-8" width="16" height="16" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <path d="M -4 -3 L 4 -3 M -4 1 L 4 1 M -4 5 L 0 5" stroke="#f59e0b" stroke-width="1.5"/> </g> <text x="340" y="205" font-family="Segoe UI, Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Low-Pass Filter Scan</text> <text x="340" y="225" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#94a3b8">Identifying high-frequency markers</text> <text x="340" y="238" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#94a3b8">to map the subject boundaries.</text> <g transform="translate(340, 265)"> <rect width="220" height="1" fill="#334155"/> <rect x="0" y="15" width="220" height="35" rx="6" fill="#f59e0b10"/> <text x="10" y="35" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">Headings &amp; Sub-headings</text> <rect x="0" y="60" width="220" height="35" rx="6" fill="#f59e0b10"/> <text x="10" y="80" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">Bolded Terms &amp; Glossary</text> <rect x="0" y="105" width="220" height="35" rx="6" fill="#f59e0b10"/> <text x="10" y="125" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">Intro &amp; Conclusion Gist</text> </g> <!-- Phase 3: Visual Heuristics --> <rect x="600" y="140" width="260" height="300" rx="16" fill="#ffffff08" stroke="#e879f940" stroke-width="1"/> <rect x="600" y="140" width="260" height="40" rx="16" fill="#e879f915"/> <text x="620" y="166" font-family="Segoe UI, Arial, sans-serif" font-weight="bold" font-size="16" fill="#e879f9">03. VISUAL HEURISTICS</text> <!-- Icon: Visuals --> <g transform="translate(815, 153)"> <path d="M -8 6 L -2 -4 L 3 2 L 8 -8" fill="none" stroke="#e879f9" stroke-width="1.5"/> <circle cx="8" cy="-8" r="2" fill="#e879f9"/> </g> <text x="620" y="205" font-family="Segoe UI, Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Compressed Essence</text> <text x="620" y="225" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#94a3b8">Extracting data from non-textual</text> <text x="620" y="238" font-family="Segoe UI, Arial, sans-serif" font-size="11" fill="#94a3b8">elements and their captions.</text> <g transform="translate(620, 265)"> <rect width="220" height="1" fill="#334155"/> <circle cx="10" cy="25" r="4" fill="#e879f9"/> <text x="25" y="30" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Charts &amp; Data Visuals</text> <circle cx="10" cy="65" r="4" fill="#e879f9"/> <text x="25" y="70" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Captions (The Bridge)</text> <circle cx="10" cy="105" r="4" fill="#e879f9"/> <text x="25" y="110" font-family="Segoe UI, Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Pull-out Quotes</text> <path d="M 10 35 L 10 55 M 10 75 L 10 95" stroke="#334155" stroke-width="1"/> </g> <!-- Bottom Comparison / Formula Section --> <rect x="40" y="460" width="820" height="70" rx="12" fill="#00000030" stroke="#ffffff10"/> <text x="65" y="490" font-family="Segoe UI, Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">THE SCHEMA EQUATION:</text> <text x="65" y="510" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#94a3b8">Pre-reading maximizes initial state of </text> <text x="260" y="510" font-family="serif" font-style="italic" font-size="14" fill="#38bdf8">Kₚ</text> <text x="280" y="510" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#94a3b8">(Prior Knowledge) to reduce cognitive load during deep traversal.</text> <!-- Speed Gauge --> <g transform="translate(680, 485)"> <text x="0" y="-5" font-family="Segoe UI, Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">PROCESSING SPEED</text> <path d="M -60 15 A 60 60 0 0 1 60 15" fill="none" stroke="#334155" stroke-width="8" stroke-linecap="round"/> <path d="M -60 15 A 60 60 0 0 1 40 -30" fill="none" stroke="url(#accent-blue)" stroke-width="8" stroke-linecap="round" filter="glow"/> <text x="0" y="25" font-family="Segoe UI, Arial, sans-serif" font-weight="bold" font-size="16" fill="#f8fafc" text-anchor="middle">1000+ WPM</text> </g> <!-- Connecting Arrows --> <path d="M 300 290 L 320 290" stroke="#334155" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 580 290 L 600 290" stroke="#334155" stroke-width="2" marker-end="url(#arrow)"/> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#334155" /> </marker> </defs> </svg>Pre-Reading Strategies image 1Pre-Reading Strategies - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/pre-reading-strategies/svg/1Pre-Reading Strategies diagram 1Pre-Reading Strategies - The Word on College Reading and Writing - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="24" height="24" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" font-family="Arial, sans-serif" font-weight="900" font-size="34" fill="#f8fafc" filter="url(#glow)" letter-spacing="1">ACTIVE READING &amp; ANNOTATION</text> <text x="450" y="82" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2" font-weight="bold">THE COGNITIVE ARCHITECTURE OF ENGAGEMENT</text> <line x1="300" y1="95" x2="600" y2="95" stroke="#38bdf8" stroke-width="2" stroke-dasharray="10 5" opacity="0.5"/> <!-- Left Card: Passive vs Active --> <rect x="40" y="120" width="400" height="210" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">The Spectrum of Engagement</text> <!-- Passive Side --> <g transform="translate(60, 175)"> <circle cx="10" cy="10" r="10" fill="#475569" opacity="0.5"/> <text x="30" y="15" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">PASSIVE READING</text> <text x="0" y="40" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Goal: Completion</text> <text x="0" y="60" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Load: Low (Recognition)</text> <text x="0" y="80" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Outcome: Vague Familiarity</text> <path d="M0 100 Q 80 100 160 100" stroke="#475569" stroke-width="2" fill="none"/> </g> <!-- Active Side --> <g transform="translate(250, 175)"> <circle cx="10" cy="10" r="10" fill="#f59e0b" opacity="0.8"/> <text x="30" y="15" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">ACTIVE READING</text> <text x="0" y="40" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Goal: Synthesis</text> <text x="0" y="60" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Load: High (Generative)</text> <text x="0" y="80" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Outcome: Structural Recall</text> <path d="M0 100 L 20 85 L 40 110 L 60 90 L 80 115 L 100 80 L 120 105 L 140 70" stroke="#f59e0b" stroke-width="2" fill="none"/> </g> <!-- Right Card: Annotation Legend --> <rect x="460" y="120" width="400" height="210" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">The Taxonomy of Marks</text> <g transform="translate(480, 175)"> <!-- Legend Items --> <rect x="0" y="0" width="30" height="20" rx="4" fill="#f59e0b20" stroke="#f59e0b"/> <text x="7" y="15" font-family="monospace" font-size="14" font-weight="bold" fill="#f59e0b">[T]</text> <text x="45" y="15" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Thesis / Central Claim</text> <rect x="0" y="35" width="30" height="20" rx="4" fill="#38bdf820" stroke="#38bdf8"/> <text x="7" y="50" font-family="monospace" font-size="14" font-weight="bold" fill="#38bdf8">(?)</text> <text x="45" y="50" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Confusion / Needs Research</text> <rect x="0" y="70" width="30" height="20" rx="4" fill="#e879f920" stroke="#e879f9"/> <text x="11" y="85" font-family="monospace" font-size="14" font-weight="bold" fill="#e879f9">*</text> <text x="45" y="85" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Critical Evidence / Data</text> <rect x="0" y="105" width="30" height="20" rx="4" fill="#94a3b820" stroke="#94a3b8"/> <text x="2" y="120" font-family="monospace" font-size="11" font-weight="bold" fill="#94a3b8">Ref:</text> <text x="45" y="120" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">External Connection</text> </g> <!-- Bottom Card: Dialectic Note-Taking --> <rect x="40" y="350" width="820" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="380" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="20" fill="#f8fafc">Dialectic Note-Taking System</text> <line x1="450" y1="400" x2="450" y2="510" stroke="#ffffff20" stroke-width="1" stroke-dasharray="5 5"/> <!-- Left Column --> <g transform="translate(60, 405)"> <text x="185" y="20" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#38bdf8">LEFT: TEXTUAL EVIDENCE</text> <text x="185" y="40" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">"What the author says"</text> <rect x="20" y="55" width="330" height="50" rx="8" fill="#ffffff05" stroke="#38bdf840"/> <text x="35" y="75" font-family="Arial, sans-serif" font-size="12" fill="#cbd5e1" font-style="italic">"The black-box nature of neural networks..."</text> <text x="35" y="92" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Direct quotes, data, and page numbers.</text> </g> <!-- Right Column --> <g transform="translate(460, 405)"> <text x="185" y="20" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#e879f9">RIGHT: PERSONAL RESPONSE</text> <text x="185" y="40" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">"What I think about it"</text> <rect x="20" y="55" width="330" height="50" rx="8" fill="#ffffff05" stroke="#e879f940"/> <text x="35" y="75" font-family="Arial, sans-serif" font-size="12" fill="#cbd5e1">Can we assign legal liability to code?</text> <text x="35" y="92" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Critiques, connections, and questions.</text> </g> <!-- Decorative Elements --> <circle cx="450" cy="340" r="25" fill="#1e1b4b" stroke="#38bdf8" stroke-width="2"/> <path d="M440 335 L 450 345 L 460 335" fill="none" stroke="#38bdf8" stroke-width="2"/> <g opacity="0.3"> <circle cx="850" cy="50" r="40" fill="none" stroke="#f59e0b" stroke-width="1"/> <circle cx="850" cy="50" r="30" fill="none" stroke="#f59e0b" stroke-width="0.5"/> <circle cx="50" cy="510" r="60" fill="none" stroke="#e879f9" stroke-width="1"/> </g> </svg>Active Reading and Annotation image 1Active Reading and Annotation - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/active-reading-and-annotation/svg/1Active Reading and Annotation diagram 1Active Reading and Annotation - The Word on College Reading and Writing - diagram 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/active-reading-and-annotation/svg/2Active Reading and Annotation diagram 2Active Reading and Annotation - The Word on College Reading and Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="bold" fill="#f8fafc" letter-spacing="1">UNCOVERING DEEPER MEANING</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Academic Journey from Literal Surface to Interpretive Depth</text> <line x1="350" y1="90" x2="550" y2="90" stroke="url(#accentGrad)" stroke-width="2" stroke-linecap="round"/> <!-- Panel 1: The Iceberg of Meaning --> <rect x="40" y="110" width="400" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">I. THE ARCHITECTURE OF MEANING</text> <!-- Iceberg Graphic --> <path d="M240 180 L200 230 L280 230 Z" fill="#f8fafc20" stroke="#f8fafc" stroke-width="1.5"/> <!-- Above --> <path d="M200 235 L170 330 L310 330 L280 235 Z" fill="#38bdf830" stroke="#38bdf8" stroke-width="1.5"/> <!-- Below --> <line x1="160" y1="232" x2="320" y2="232" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <text x="330" y="210" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">SURFACE LAYER</text> <text x="330" y="225" font-family="sans-serif" font-size="11" fill="#94a3b8">Literal facts, "The What"</text> <text x="330" y="280" font-family="sans-serif" font-size="13" font-weight="bold" fill="#38bdf8">DEEP LAYER</text> <text x="330" y="295" font-family="sans-serif" font-size="11" fill="#94a3b8">Themes, Symbols, "The Why"</text> <!-- Panel 2: The Reader-Text Conversation --> <rect x="460" y="110" width="400" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="140" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">II. THE CONSTRUCTED DIALOGUE</text> <!-- Venn Diagram Style Interaction --> <circle cx="600" cy="240" r="55" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <circle cx="720" cy="240" r="55" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <text x="600" y="245" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f8fafc">AUTHOR</text> <text x="720" y="245" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f8fafc">READER</text> <path d="M645 200 Q660 240 645 280" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="660" y="320" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">CONSTRUCTED MEANING</text> <text x="480" y="170" font-family="sans-serif" font-size="12" fill="#94a3b8">Meaning is not "found"—it is built through</text> <text x="480" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">the interaction of signals and schema.</text> <!-- Panel 3: Rhetorical Mechanics (Bottom) --> <rect x="40" y="390" width="820" height="140" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="420" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">III. THE MECHANICS OF PERSUASION (RHETORIC)</text> <!-- Rhetorical Triangle --> <path d="M120 500 L170 435 L220 500 Z" fill="none" stroke="#f8fafc" stroke-width="1.5"/> <text x="170" y="430" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">ETHOS</text> <text x="105" y="510" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">LOGOS</text> <text x="235" y="510" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">PATHOS</text> <!-- Rhetoric Details --> <g transform="translate(280, 435)"> <rect width="160" height="70" rx="8" fill="#ffffff05"/> <text x="10" y="20" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">PURPOSE</text> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">To inform, persuade,</text> <text x="10" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8">or entertain.</text> </g> <g transform="translate(460, 435)"> <rect width="160" height="70" rx="8" fill="#ffffff05"/> <text x="10" y="20" font-family="sans-serif" font-size="12" font-weight="bold" fill="#e879f9">TONE</text> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">The author's attitude</text> <text x="10" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8">toward the subject.</text> </g> <g transform="translate(640, 435)"> <rect width="160" height="70" rx="8" fill="#ffffff05"/> <text x="10" y="20" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">AUDIENCE</text> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Assumptions made</text> <text x="10" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8">about the reader.</text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff10" stroke-width="8"/> <circle cx="50" cy="510" r="20" fill="none" stroke="#38bdf820" stroke-width="4"/> <path d="M800 380 L840 420" stroke="#ffffff05" stroke-width="10"/> </svg>Uncovering Deeper Meaning image 1Uncovering Deeper Meaning - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/uncovering-deeper-meaning/svg/1Uncovering Deeper Meaning diagram 1Uncovering Deeper Meaning - The Word on College Reading and Writing - diagram 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/uncovering-deeper-meaning/svg/2Uncovering Deeper Meaning diagram 2Uncovering Deeper Meaning - The Word on College Reading and Writing - diagram 2<svg viewBox="0 0 900 560" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="bg-grad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dot-grid" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)" /> <rect width="900" height="560" fill="url(#dot-grid)" /> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">POST-READING &amp; REFLECTION</text> <text x="40" y="85" font-family="sans-serif" font-size="16" fill="#38bdf8" letter-spacing="1">THE COGNITIVE BRIDGE TO LONG-TERM RETENTION</text> <rect x="40" y="100" width="120" height="4" rx="2" fill="#f59e0b" /> <!-- Top Left: The Forgetting Curve Visual --> <rect x="40" y="130" width="380" height="180" rx="16" fill="#ffffff0d" stroke="#ffffff1a" /> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The Forgetting Curve</text> <text x="60" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">Information decay without active reflection</text> <!-- Graph --> <path d="M 80 270 L 380 270" stroke="#475569" stroke-width="2" fill="none" /> <path d="M 80 200 L 80 270" stroke="#475569" stroke-width="2" fill="none" /> <path d="M 80 205 Q 150 205 350 265" stroke="#f43f5e" stroke-width="3" fill="none" stroke-dasharray="4" /> <path d="M 80 205 Q 120 205 120 205 L 120 190 Q 200 190 350 210" stroke="#10b981" stroke-width="3" fill="none" /> <text x="360" y="285" font-family="sans-serif" font-size="10" fill="#475569" text-anchor="end">TIME (t)</text> <text x="70" y="200" font-family="sans-serif" font-size="10" fill="#475569" text-anchor="end" transform="rotate(-90 70 200)">RETENTION</text> <text x="130" y="185" font-family="sans-serif" font-size="11" fill="#10b981" font-weight="bold">Reflection Reset</text> <circle cx="120" cy="205" r="4" fill="#10b981" filter="url(#glow)" /> <!-- Top Right: Write-Back Cache Concept --> <rect x="440" y="130" width="420" height="180" rx="16" fill="#ffffff0d" stroke="#ffffff1a" /> <text x="460" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The "Write-Back Cache"</text> <!-- Cache Diagram --> <rect x="470" y="200" width="80" height="50" rx="8" fill="#38bdf820" stroke="#38bdf8" stroke-width="2" /> <text x="510" y="230" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle" font-weight="bold">WORKING MEMORY</text> <text x="510" y="242" font-family="sans-serif" font-size="9" fill="#38bdf8" text-anchor="middle">(Volatile)</text> <path d="M 560 225 L 620 225" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrow)" /> <circle cx="590" cy="225" r="15" fill="#f59e0b" /> <text x="590" y="229" font-family="sans-serif" font-size="10" fill="#0f172a" text-anchor="middle" font-weight="bold">REFLECT</text> <rect x="630" y="180" width="210" height="90" rx="8" fill="#e879f910" stroke="#e879f9" stroke-width="2" /> <text x="735" y="205" font-family="sans-serif" font-size="11" fill="#e879f9" text-anchor="middle" font-weight="bold">SEMANTIC NETWORK</text> <circle cx="660" cy="235" r="3" fill="#e879f9" /> <circle cx="700" cy="250" r="3" fill="#e879f9" /> <circle cx="740" cy="230" r="3" fill="#e879f9" /> <circle cx="780" cy="255" r="3" fill="#e879f9" /> <circle cx="810" cy="220" r="3" fill="#e879f9" /> <path d="M 660 235 L 700 250 L 740 230 L 780 255 L 810 220" stroke="#e879f950" fill="none" /> <text x="735" y="265" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">(Long-Term Schema)</text> <!-- Bottom Section: The Toolkit --> <text x="40" y="350" font-family="sans-serif" font-weight="700" font-size="20" fill="#f8fafc">Reflection Heuristics</text> <!-- Card 1: Minute Paper --> <rect x="40" y="370" width="260" height="150" rx="12" fill="#ffffff0d" stroke="#ffffff1a" /> <circle cx="70" cy="400" r="15" fill="#38bdf8" /> <text x="70" y="405" font-family="sans-serif" font-size="14" fill="#0f172a" text-anchor="middle" font-weight="bold">01</text> <text x="95" y="403" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">Minute Paper</text> <text x="60" y="435" font-family="sans-serif" font-size="12" fill="#94a3b8">Rapid synthesis of the core.</text> <rect x="60" y="450" width="220" height="1" fill="#ffffff20" /> <text x="60" y="470" font-family="sans-serif" font-size="11" fill="#38bdf8" font-weight="bold">Significant Vector:</text> <text x="60" y="485" font-family="sans-serif" font-size="11" fill="#f8fafc">What was the main takeaway?</text> <text x="60" y="500" font-family="sans-serif" font-size="11" fill="#f59e0b" font-weight="bold">Muddy Vector:</text> <text x="60" y="515" font-family="sans-serif" font-size="11" fill="#f8fafc">What is still confusing?</text> <!-- Card 2: Dialectic Notes --> <rect x="320" y="370" width="260" height="150" rx="12" fill="#ffffff0d" stroke="#ffffff1a" /> <circle cx="350" cy="400" r="15" fill="#f59e0b" /> <text x="350" y="405" font-family="sans-serif" font-size="14" fill="#0f172a" text-anchor="middle" font-weight="bold">02</text> <text x="375" y="403" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">Dialectic Notes</text> <text x="340" y="435" font-family="sans-serif" font-size="12" fill="#94a3b8">Epistemic dialogue with the text.</text> <rect x="340" y="450" width="105" height="50" rx="4" fill="#ffffff10" /> <rect x="455" y="450" width="105" height="50" rx="4" fill="#ffffff10" /> <text x="392" y="465" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">OBJECTIVE</text> <text x="392" y="485" font-family="sans-serif" font-size="9" fill="#f8fafc" text-anchor="middle">Quotes &amp; Data</text> <text x="507" y="465" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">SUBJECTIVE</text> <text x="507" y="485" font-family="sans-serif" font-size="9" fill="#f8fafc" text-anchor="middle">Critique &amp; Logic</text> <!-- Card 3: Synthesis --> <rect x="600" y="370" width="260" height="150" rx="12" fill="#ffffff0d" stroke="#ffffff1a" /> <circle cx="630" cy="400" r="15" fill="#e879f9" /> <text x="630" y="405" font-family="sans-serif" font-size="14" fill="#0f172a" text-anchor="middle" font-weight="bold">03</text> <text x="655" y="403" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">Synthesis Writing</text> <text x="620" y="435" font-family="sans-serif" font-size="12" fill="#94a3b8">Mastery through reconstruction.</text> <path d="M 640 460 L 820 460 M 640 480 L 820 480 M 640 500 L 760 500" stroke="#e879f9" stroke-width="2" stroke-linecap="round" opacity="0.6" /> <text x="820" y="515" font-family="sans-serif" font-size="14" fill="#e879f9" text-anchor="end" font-weight="bold">90% RETENTION</text> <!-- Decorative Accents --> <circle cx="850" cy="50" r="80" fill="#38bdf8" opacity="0.05" /> <circle cx="50" cy="500" r="40" fill="#f59e0b" opacity="0.05" /> </svg>Post-Reading and Reflection image 1Post-Reading and Reflection - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/post-reading-and-reflection/svg/1Post-Reading and Reflection diagram 1Post-Reading and Reflection - The Word on College Reading and Writing - diagram 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/post-reading-and-reflection/svg/2Post-Reading and Reflection diagram 2Post-Reading and Reflection - The Word on College Reading and Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="450" y="50" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" text-anchor="middle" letter-spacing="1">RHETORICAL ANALYSIS</text> <text x="450" y="75" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle" letter-spacing="2">THE ARCHITECTURE OF PERSUASION</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Section 1: The Rhetorical Situation (Center) --> <circle cx="450" cy="280" r="80" fill="#ffffff08" stroke="#ffffff20" stroke-width="1"/> <circle cx="450" cy="280" r="45" fill="#38bdf815" stroke="#38bdf8" stroke-width="2" filter="url(#glow)"/> <text x="450" y="275" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">THE</text> <text x="450" y="292" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">SITUATION</text> <!-- Orbiting Nodes --> <g transform="translate(450, 280)"> <!-- Exigence --> <line x1="0" y1="0" x2="0" y2="-120" stroke="#94a3b8" stroke-dasharray="4 4"/> <rect x="-60" y="-150" width="120" height="40" rx="8" fill="#ffffff10" stroke="#f59e0b" stroke-width="1"/> <text x="0" y="-135" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f59e0b" text-anchor="middle">EXIGENCE</text> <text x="0" y="-122" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">The Spark/Catalyst</text> <!-- Audience --> <line x1="0" y1="0" x2="120" y2="0" stroke="#94a3b8" stroke-dasharray="4 4"/> <rect x="90" y="-20" width="120" height="40" rx="8" fill="#ffffff10" stroke="#38bdf8" stroke-width="1"/> <text x="150" y="-5" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#38bdf8" text-anchor="middle">AUDIENCE</text> <text x="150" y="8" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">The Recipients</text> <!-- Constraints --> <line x1="0" y1="0" x2="0" y2="120" stroke="#94a3b8" stroke-dasharray="4 4"/> <rect x="-60" y="110" width="120" height="40" rx="8" fill="#ffffff10" stroke="#e879f9" stroke-width="1"/> <text x="0" y="125" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#e879f9" text-anchor="middle">CONSTRAINTS</text> <text x="0" y="138" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Medium &amp; Limits</text> <!-- Purpose --> <line x1="0" y1="0" x2="-120" y2="0" stroke="#94a3b8" stroke-dasharray="4 4"/> <rect x="-210" y="-20" width="120" height="40" rx="8" fill="#ffffff10" stroke="#22c55e" stroke-width="1"/> <text x="-150" y="-5" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#22c55e" text-anchor="middle">PURPOSE</text> <text x="-150" y="8" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Desired Outcome</text> </g> <!-- Section 2: Aristotelian Triad (Left) --> <rect x="30" y="120" width="200" height="320" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="130" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f8fafc" text-anchor="middle">THE TRIAD</text> <path d="M130 180 L180 260 L80 260 Z" fill="none" stroke="#94a3b8" stroke-width="1" stroke-dasharray="2 2"/> <!-- Logos --> <circle cx="130" cy="180" r="4" fill="#38bdf8"/> <text x="130" y="170" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#38bdf8" text-anchor="middle">LOGOS</text> <text x="130" y="285" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Logic &amp; Reason</text> <text x="130" y="300" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Facts, Stats, Evidence</text> <!-- Ethos --> <circle cx="80" cy="260" r="4" fill="#f59e0b"/> <text x="70" y="265" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f59e0b" text-anchor="end">ETHOS</text> <text x="130" y="330" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Ethics &amp; Credibility</text> <text x="130" y="345" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Authority &amp; Character</text> <!-- Pathos --> <circle cx="180" cy="260" r="4" fill="#e879f9"/> <text x="190" y="265" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#e879f9" text-anchor="start">PATHOS</text> <text x="130" y="375" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Emotion &amp; Values</text> <text x="130" y="390" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Sympathy &amp; Beliefs</text> <!-- Section 3: What vs Why (Right) --> <rect x="670" y="120" width="200" height="320" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="770" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f8fafc" text-anchor="middle">CONTENT vs INTENT</text> <!-- Main Point --> <rect x="685" y="180" width="170" height="80" rx="12" fill="#38bdf810" stroke="#38bdf830"/> <text x="770" y="205" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#38bdf8" text-anchor="middle">MAIN POINT (The "What")</text> <text x="770" y="225" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">The payload, the thesis,</text> <text x="770" y="240" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">and the core information.</text> <!-- Author's Purpose --> <rect x="685" y="280" width="170" height="80" rx="12" fill="#22c55e10" stroke="#22c55e30"/> <text x="770" y="305" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#22c55e" text-anchor="middle">PURPOSE (The "Why")</text> <text x="770" y="325" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">To inform, persuade,</text> <text x="770" y="340" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">satirize, or call to action.</text> <path d="M770 260 L770 280" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrowhead)"/> <!-- Footer: Detective's Toolkit --> <rect x="30" y="460" width="840" height="70" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <circle cx="70" cy="495" r="20" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <!-- Magnifying glass icon --> <circle cx="68" cy="493" r="6" stroke="#f59e0b" stroke-width="2" fill="none"/> <line x1="73" y1="498" x2="78" y2="503" stroke="#f59e0b" stroke-width="2"/> <text x="110" y="490" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">THE DETECTIVE'S TOOLKIT</text> <text x="110" y="510" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Analyze Tone, Diction, and Semantic Choice to uncover hidden Bias.</text> <g transform="translate(650, 485)"> <rect x="0" y="0" width="200" height="8" rx="4" fill="#ffffff10"/> <rect x="0" y="0" width="140" height="8" rx="4" fill="#f59e0b"/> <text x="100" y="25" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">RHETORICAL WEIGHT</text> </g> </svg>Rhetorical Analysis image 1Rhetorical Analysis - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/rhetorical-analysis/svg/1Rhetorical Analysis diagram 1Rhetorical Analysis - The Word on College Reading and Writing - diagram 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/rhetorical-analysis/svg/2Rhetorical Analysis diagram 2Rhetorical Analysis - The Word on College Reading and Writing - diagram 2https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/rhetorical-analysis/svg/3Rhetorical Analysis diagram 3Rhetorical Analysis - The Word on College Reading and Writing - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <rect x="40" y="30" width="820" height="80" rx="16" fill="#ffffff10" stroke="#ffffff20" stroke-width="1"/> <text x="60" y="75" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="-1">TEXTUAL STRUCTURE &amp; FORM</text> <text x="840" y="75" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" text-anchor="end">THE ARCHITECTURE OF MEANING</text> <line x1="60" y1="90" x2="840" y2="90" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Main Axiom Center Piece --> <rect x="320" y="130" width="260" height="120" rx="16" fill="#f59e0b15" stroke="#f59e0b" stroke-width="1"/> <text x="450" y="160" font-family="sans-serif" font-size="14" font-weight="700" fill="#f59e0b" text-anchor="middle">THE STRUCTURAL AXIOM</text> <text x="450" y="185" font-family="sans-serif" font-size="12" fill="#f8fafc" text-anchor="middle">"Form follows Function to minimize</text> <text x="450" y="205" font-family="sans-serif" font-size="12" fill="#f8fafc" text-anchor="middle">cognitive load and align with the</text> <text x="450" y="225" font-family="sans-serif" font-size="13" font-weight="bold" fill="#38bdf8" text-anchor="middle">READER'S SCHEMA"</text> <!-- Left Column: The Medium Matrix --> <rect x="40" y="130" width="260" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="160" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">Medium Matrix</text> <!-- Linear --> <circle cx="70" cy="200" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <path d="M65 200 L75 200 M72 197 L75 200 L72 203" fill="none" stroke="#e879f9" stroke-width="1.5"/> <text x="90" y="195" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Linear Text</text> <text x="90" y="210" font-family="sans-serif" font-size="11" fill="#94a3b8">Sequential Argumentation</text> <!-- Non-Linear --> <circle cx="70" cy="260" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <path d="M65 255 L75 265 M75 255 L65 265" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <text x="90" y="255" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Non-Linear (OER)</text> <text x="90" y="270" font-family="sans-serif" font-size="11" fill="#94a3b8">Modular / Hyperlinked</text> <!-- Visual --> <circle cx="70" cy="320" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <rect x="65" y="315" width="10" height="10" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="90" y="315" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Visual/Sequential</text> <text x="90" y="330" font-family="sans-serif" font-size="11" fill="#94a3b8">Spatial Continuity (Lawrence)</text> <!-- Right Column: Organizational Patterns --> <rect x="600" y="130" width="260" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="620" y="160" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">Structural Schemas</text> <g font-family="sans-serif" font-size="12" fill="#f8fafc"> <text x="645" y="195">Chronological</text> <circle cx="625" cy="191" r="4" fill="#38bdf8"/> <text x="645" y="225">Thematic / Topical</text> <circle cx="625" cy="221" r="4" fill="#38bdf8"/> <text x="645" y="255">Cause &amp; Effect</text> <circle cx="625" cy="251" r="4" fill="#38bdf8"/> <text x="645" y="285">Compare &amp; Contrast</text> <circle cx="625" cy="281" r="4" fill="#38bdf8"/> <text x="645" y="315">Problem-Solution</text> <circle cx="625" cy="311" r="4" fill="#38bdf8"/> </g> <text x="620" y="360" font-family="sans-serif" font-size="11" font-style="italic" fill="#94a3b8">Identify these during "Pre-Reading"</text> <!-- Bottom Section: Paragraph Lifecycle --> <rect x="40" y="410" width="820" height="120" rx="16" fill="#ffffff10" stroke="#ffffff20" stroke-width="1"/> <text x="60" y="435" font-family="sans-serif" font-size="16" font-weight="700" fill="#f8fafc">The Academic Paragraph Lifecycle</text> <!-- Step 1 --> <rect x="60" y="450" width="180" height="60" rx="8" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="70" y="470" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">1. TOPIC SENTENCE</text> <text x="70" y="485" font-family="sans-serif" font-size="11" fill="#f8fafc">The Claim / Anchor</text> <!-- Step 2 --> <rect x="255" y="450" width="180" height="60" rx="8" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="265" y="470" font-family="sans-serif" font-size="12" font-weight="bold" fill="#e879f9">2. EVIDENCE</text> <text x="265" y="485" font-family="sans-serif" font-size="11" fill="#f8fafc">Data &amp; Raw Information</text> <!-- Step 3 --> <rect x="450" y="450" width="180" height="60" rx="8" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="460" y="470" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">3. ANALYSIS</text> <text x="460" y="485" font-family="sans-serif" font-size="11" fill="#f8fafc">Interpretation of Data</text> <!-- Step 4 --> <rect x="645" y="450" width="195" height="60" rx="8" fill="#ffffff15" stroke="#94a3b8" stroke-width="1"/> <text x="655" y="470" font-family="sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">4. TRANSITION</text> <text x="655" y="485" font-family="sans-serif" font-size="11" fill="#f8fafc">The Bridge to Next Idea</text> <!-- Connectors --> <path d="M240 480 L255 480 M435 480 L450 480 M630 480 L645 480" stroke="#ffffff30" stroke-width="2" fill="none"/> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="#38bdf810" /> <circle cx="850" cy="50" r="15" fill="#38bdf820" /> <path d="M300 260 Q450 300 600 260" stroke="#ffffff10" stroke-width="1" fill="none"/> </svg>Textual Structure and Form image 1Textual Structure and Form - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/textual-structure-and-form/svg/1Textual Structure and Form diagram 1Textual Structure and Form - The Word on College Reading and Writing - diagram 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/textual-structure-and-form/svg/2Textual Structure and Form diagram 2Textual Structure and Form - The Word on College Reading and Writing - diagram 2https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/textual-structure-and-form/svg/3Textual Structure and Form diagram 3Textual Structure and Form - The Word on College Reading and Writing - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <line x1="50" y1="100" x2="850" y2="100" stroke="#ffffff10" stroke-width="1"/> <line x1="50" y1="500" x2="850" y2="500" stroke="#ffffff10" stroke-width="1"/> <!-- Header Section --> <text x="50" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">THE WRITING PROCESS</text> <text x="50" y="85" font-family="sans-serif" font-weight="400" font-size="14" fill="#38bdf8" letter-spacing="2">A RECURSIVE SYSTEM OF COGNITIVE LABOR</text> <!-- Central Recursive Loop Graphic --> <path d="M450,180 C650,180 650,420 450,420 C250,420 250,180 450,180" fill="none" stroke="#ffffff10" stroke-width="40" stroke-linecap="round"/> <path d="M450,180 C600,180 600,420 450,420 C300,420 300,180 450,180" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="8 8" opacity="0.5"/> <!-- Card 1: Reading to Write (Top Left) --> <rect x="50" y="130" width="260" height="140" rx="16" fill="#ffffff10"/> <circle cx="80" cy="160" r="15" fill="#f59e0b" opacity="0.2"/> <path d="M72 160 L80 168 L88 152" fill="none" stroke="#f59e0b" stroke-width="2.5"/> <text x="105" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Reading to Write</text> <text x="70" y="195" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="70" dy="0">• Analyze existing structures</tspan> <tspan x="70" dy="18">• Build a mental Schema</tspan> <tspan x="70" dy="18">• Identify Author's Purpose</tspan> <tspan x="70" dy="18">• Active Annotation</tspan> </text> <!-- Card 2: Rhetorical Framework (Top Right) --> <rect x="590" y="130" width="260" height="140" rx="16" fill="#ffffff10"/> <circle cx="620" cy="160" r="15" fill="#e879f9" opacity="0.2"/> <path d="M612 165 L620 150 L628 165 Z" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="645" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Rhetorical Situation</text> <text x="610" y="195" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="610" dy="0">• Audience Assumptions</tspan> <tspan x="610" dy="18">• Calibrating Jargon</tspan> <tspan x="610" dy="18">• Establishing Credibility</tspan> <tspan x="610" dy="18">• Tone &amp; Objective</tspan> </text> <!-- Card 3: Prewriting (Bottom Right) --> <rect x="590" y="330" width="260" height="140" rx="16" fill="#ffffff10"/> <circle cx="620" cy="360" r="15" fill="#38bdf8" opacity="0.2"/> <circle cx="620" cy="360" r="6" fill="none" stroke="#38bdf8" stroke-width="2"/> <line x1="620" y1="348" x2="620" y2="352" stroke="#38bdf8" stroke-width="2"/> <text x="645" y="365" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Discovery Phase</text> <text x="610" y="395" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="610" dy="0">• Generative brainstorming</tspan> <tspan x="610" dy="18">• Information Literacy</tspan> <tspan x="610" dy="18">• Mapping connections</tspan> <tspan x="610" dy="18">• Moving beyond "one-and-done"</tspan> </text> <!-- Card 4: Iteration (Bottom Left) --> <rect x="50" y="330" width="260" height="140" rx="16" fill="#ffffff10"/> <circle cx="80" cy="360" r="15" fill="#10b981" opacity="0.2"/> <path d="M72 360 A8 8 0 1 1 88 360 A8 8 0 1 1 72 360" fill="none" stroke="#10b981" stroke-width="2"/> <text x="105" y="365" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Iterative Refinement</text> <text x="70" y="395" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="70" dy="0">• Synthesis of evidence</tspan> <tspan x="70" dy="18">• Multiple layers of labor</tspan> <tspan x="70" dy="18">• Critical self-reflection</tspan> <tspan x="70" dy="18">• Final intellectual transformation</tspan> </text> <!-- Central Text --> <g filter="url(#glow)"> <text x="450" y="290" font-family="sans-serif" font-weight="800" font-size="22" fill="#f8fafc" text-anchor="middle">RECURSION</text> <text x="450" y="310" font-family="sans-serif" font-size="11" fill="#38bdf8" text-anchor="middle" letter-spacing="1">NON-LINEAR PROGRESSION</text> </g> <!-- Connecting Arrows --> <g stroke="#38bdf8" stroke-width="2" fill="none" opacity="0.4"> <path d="M310,200 L590,200" marker-end="url(#arrow)"/> <path d="M720,270 L720,330" marker-end="url(#arrow)"/> <path d="M590,400 L310,400" marker-end="url(#arrow)"/> <path d="M180,330 L180,270" marker-end="url(#arrow)"/> </g> <!-- Arrow Marker --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="5" orientation="auto"> <path d="M0,0 L10,5 L0,10 Z" fill="#38bdf8"/> </marker> </defs> <!-- Bottom Label --> <rect x="350" y="510" width="200" height="30" rx="15" fill="#f59e0b" opacity="0.1"/> <text x="450" y="530" font-family="sans-serif" font-weight="600" font-size="12" fill="#f59e0b" text-anchor="middle">ACADEMIC CONTEXT: CRITICAL THINKING</text> </svg>The Writing Process image 1The Writing Process - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/the-writing-process/svg/1The Writing Process diagram 1The Writing Process - The Word on College Reading and Writing - diagram 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/the-writing-process/svg/2The Writing Process diagram 2The Writing Process - The Word on College Reading and Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">STYLE &amp; VOICE</text> <text x="40" y="85" font-family="sans-serif" font-weight="400" font-size="16" fill="#38bdf8" letter-spacing="2">THE ARCHITECTURE OF EXPRESSION</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Left Column: Rhythm & Pacing --> <rect x="40" y="130" width="260" height="300" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Syntactic Rhythm</text> <text x="60" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">The "breath" and pacing of text.</text> <!-- Rhythm Visualization --> <g transform="translate(60, 210)"> <rect x="0" y="30" width="20" height="4" rx="2" fill="#f59e0b"/> <text x="30" y="35" font-family="sans-serif" font-size="11" fill="#f8fafc">Staccato (Urgency)</text> <rect x="0" y="55" width="60" height="4" rx="2" fill="#f59e0b" opacity="0.7"/> <text x="70" y="60" font-family="sans-serif" font-size="11" fill="#f8fafc">Telegraphic (Clarity)</text> <rect x="0" y="80" width="120" height="4" rx="2" fill="#f59e0b" opacity="0.5"/> <text x="130" y="85" font-family="sans-serif" font-size="11" fill="#f8fafc">Medium</text> <rect x="0" y="105" width="180" height="4" rx="2" fill="#f59e0b" opacity="0.3"/> <text x="60" y="125" font-family="sans-serif" font-size="11" fill="#f8fafc">Periodic (Complexity/Nuance)</text> </g> <text x="60" y="380" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"A sudden short sentence creates</text> <text x="60" y="395" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">a rhetorical stop."</text> <!-- Middle Column: Functional Architecture --> <rect x="320" y="130" width="260" height="300" rx="16" fill="#ffffff12" stroke="#38bdf840"/> <text x="340" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Technical Levers</text> <!-- Blueprint Icon --> <g transform="translate(390, 190)" stroke="#38bdf8" stroke-width="1.5" fill="none"> <path d="M 0 60 L 60 60 L 60 0 L 0 0 Z"/> <path d="M 0 60 L 30 30 L 60 60"/> <path d="M 30 30 L 30 0" stroke-dasharray="4 2"/> <circle cx="30" cy="30" r="3" fill="#38bdf8"/> </g> <g font-family="sans-serif" font-size="13" fill="#f8fafc"> <text x="340" y="285" font-weight="bold">ETHOS</text> <text x="400" y="285" fill="#94a3b8">Establishing Credibility</text> <text x="340" y="315" font-weight="bold">DICTION</text> <text x="400" y="315" fill="#94a3b8">Strategic Word Choice</text> <text x="340" y="345" font-weight="bold">SYNTAX</text> <text x="400" y="345" fill="#94a3b8">Structural Arrangement</text> <text x="340" y="375" font-weight="bold">PACING</text> <text x="400" y="375" fill="#94a3b8">Cognitive Load Control</text> </g> <!-- Right Column: PoV Spectrum --> <rect x="600" y="130" width="260" height="300" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="620" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Narrative Distance</text> <!-- PoV Spectrum Visual --> <g transform="translate(630, 200)"> <line x1="0" y1="100" x2="200" y2="100" stroke="#94a3b8" stroke-width="2"/> <circle cx="20" cy="100" r="6" fill="#e879f9" filter="url(#glow)"/> <text x="0" y="85" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">1st Person</text> <text x="0" y="120" font-family="sans-serif" font-size="10" fill="#94a3b8">Eyewitness / Personal</text> <circle cx="100" cy="100" r="4" fill="#ffffff40"/> <text x="80" y="85" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">2nd Person</text> <text x="80" y="135" font-family="sans-serif" font-size="10" fill="#94a3b8">Instructional / Direct</text> <circle cx="180" cy="100" r="4" fill="#ffffff40"/> <text x="150" y="85" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">3rd Person</text> <text x="140" y="120" font-family="sans-serif" font-size="10" fill="#94a3b8">Academic / Objective</text> </g> <!-- Bottom Bar: Stylistic Fingerprint --> <rect x="40" y="450" width="820" height="80" rx="12" fill="#00000040" stroke="#ffffff05"/> <text x="65" y="480" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">THE STYLISTIC FINGERPRINT</text> <text x="65" y="500" font-family="sans-serif" font-size="12" fill="#94a3b8">Quantitative analysis of lexical diversity and syntactic density.</text> <!-- Mini Graph --> <g transform="translate(650, 470)"> <path d="M 0 40 Q 20 10 40 30 T 80 20 T 120 35 T 160 10" fill="none" stroke="#38bdf8" stroke-width="2" opacity="0.6"/> <circle cx="160" cy="10" r="3" fill="#38bdf8"/> <text x="0" y="55" font-family="monospace" font-size="10" fill="#38bdf8">analyze_style_metrics()</text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="20" fill="#f59e0b" opacity="0.1"/> <circle cx="840" cy="60" r="10" fill="#e879f9" opacity="0.1"/> </svg>Style and Voice image 1Style and Voice - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/style-and-voice/svg/1Style and Voice diagram 1Style and Voice - The Word on College Reading and Writing - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-gold" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#d97706"/> </linearGradient> <filter id="glow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="4" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> </defs> <!-- Background and Decorative Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560M880 0v560"/> </g> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.5">THE ARCHITECTURE OF ACADEMIC ENGAGEMENT</text> <text x="40" y="85" font-family="sans-serif" font-size="16" fill="#94a3b8" font-weight="400">A Tripartite Framework for Interacting with Meaningful Artifacts</text> <rect x="40" y="105" width="120" height="4" fill="#f59e0b" rx="2"/> <!-- Foundation: The Sleuth Methodology --> <rect x="40" y="140" width="820" height="100" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="80" cy="190" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M75 185 a8 8 0 1 1 10 10 l8 8" stroke="#38bdf8" stroke-width="3" fill="none" stroke-linecap="round"/> <text x="125" y="175" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">PHASE 0: SCHEMA BUILDING (THE SLEUTH)</text> <text x="125" y="195" font-family="sans-serif" font-size="13" fill="#cbd5e1">Before deep-diving, gather structural clues: Author Ethos, Thesis Maps, and Data Peaks.</text> <text x="125" y="215" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">Tools: Abstract Analysis • Topic Sentence Skimming • Visual Anchors</text> <!-- The Three Pillars --> <!-- Pillar 1: Summarizing --> <rect x="40" y="260" width="260" height="260" rx="16" fill="#ffffff08" stroke="#f59e0b40" stroke-width="1"/> <path d="M170 285 l-20 40 h40 z" fill="none" stroke="#f59e0b" stroke-width="2"/> <rect x="160" y="325" width="20" height="10" fill="#f59e0b"/> <text x="170" y="360" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b" text-anchor="middle">1. SUMMARIZING</text> <text x="170" y="385" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc" text-anchor="middle">Objective Condensation</text> <text x="65" y="415" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="170" dy="0" text-anchor="middle">Distilling the "What" and "Why"</tspan> <tspan x="170" dy="18" text-anchor="middle">into a high-fidelity, low-res</tspan> <tspan x="170" dy="18" text-anchor="middle">version. Strict neutrality is</tspan> <tspan x="170" dy="18" text-anchor="middle">the primary currency here.</tspan> </text> <rect x="80" y="480" width="180" height="24" rx="12" fill="#f59e0b15"/> <text x="170" y="496" font-family="sans-serif" font-size="11" font-weight="700" fill="#f59e0b" text-anchor="middle">GOAL: FIDELITY</text> <!-- Pillar 2: Analyzing --> <rect x="320" y="260" width="260" height="260" rx="16" fill="#ffffff08" stroke="#38bdf840" stroke-width="1"/> <path d="M450 285 l-25 40 h50 z" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="450" cy="308" r="4" fill="#38bdf8"/> <text x="450" y="360" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8" text-anchor="middle">2. ANALYZING</text> <text x="450" y="385" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc" text-anchor="middle">Rhetorical Deconstruction</text> <text x="345" y="415" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="450" dy="0" text-anchor="middle">Interrogating the "How."</tspan> <tspan x="450" dy="18" text-anchor="middle">Mapping the Rhetorical Triangle:</tspan> <tspan x="450" dy="18" text-anchor="middle">Ethos (Credibility), Pathos</tspan> <tspan x="450" dy="18" text-anchor="middle">(Emotion), and Logos (Logic).</tspan> </text> <rect x="360" y="480" width="180" height="24" rx="12" fill="#38bdf815"/> <text x="450" y="496" font-family="sans-serif" font-size="11" font-weight="700" fill="#38bdf8" text-anchor="middle">GOAL: MECHANICS</text> <!-- Pillar 3: Critiquing --> <rect x="600" y="260" width="260" height="260" rx="16" fill="#ffffff08" stroke="#e879f940" stroke-width="1"/> <path d="M710 290 l10 10 l20 -20" stroke="#e879f9" stroke-width="3" fill="none"/> <circle cx="730" cy="305" r="20" stroke="#e879f9" stroke-width="2" fill="none" stroke-dasharray="4 2"/> <text x="730" y="360" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9" text-anchor="middle">3. CRITIQUING</text> <text x="730" y="385" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc" text-anchor="middle">Intellectual Evaluation</text> <text x="625" y="415" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="730" dy="0" text-anchor="middle">Judging validity and impact.</tspan> <tspan x="730" dy="18" text-anchor="middle">Placing the text within a</tspan> <tspan x="730" dy="18" text-anchor="middle">broader cultural, historical,</tspan> <tspan x="730" dy="18" text-anchor="middle">and intellectual conversation.</tspan> </text> <rect x="640" y="480" width="180" height="24" rx="12" fill="#e879f915"/> <text x="730" y="496" font-family="sans-serif" font-size="11" font-weight="700" fill="#e879f9" text-anchor="middle">GOAL: VALIDITY</text> <!-- Connectors --> <path d="M300 390 L320 390" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4 4"/> <path d="M580 390 L600 390" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4 4"/> <!-- Footer Note --> <text x="450" y="545" font-family="sans-serif" font-size="10" fill="#64748b" text-anchor="middle" letter-spacing="1">ACADEMIC LITERACY SERIES • SECTION 1.2 • SUMMARIZING AND CRITIQUING</text> </svg>Summarizing and Critiquing image 1Summarizing and Critiquing - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/summarizing-and-critiquing/svg/1Summarizing and Critiquing diagram 1Summarizing and Critiquing - The Word on College Reading and Writing - diagram 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/summarizing-and-critiquing/svg/2Summarizing and Critiquing diagram 2Summarizing and Critiquing - The Word on College Reading and Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="55" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="1">INFORMATION LITERACY &amp; MLA STYLE</text> <text x="450" y="80" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" letter-spacing="2">A FOUNDATIONAL META-COMPETENCY FOR THE DIGITAL AGE</text> <line x1="350" y1="95" x2="550" y2="95" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <!-- Left Column: The Pipeline --> <rect x="30" y="120" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="50" y="155" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">THE RESEARCH PIPELINE</text> <!-- Sleuth Icon --> <circle cx="65" cy="195" r="12" fill="none" stroke="#f59e0b" stroke-width="2"/> <line x1="74" y1="204" x2="82" y2="212" stroke="#f59e0b" stroke-width="3" stroke-linecap="round"/> <text x="95" y="190" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">The "Sleuth" Phase</text> <text x="95" y="205" font-family="sans-serif" font-size="11" fill="#94a3b8">Building Schema &amp; Pre-reading</text> <!-- Pipeline Steps --> <g transform="translate(50, 240)"> <rect width="220" height="45" rx="8" fill="#ffffff08"/> <text x="40" y="27" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">1. Discovery</text> <circle cx="20" cy="22" r="6" fill="#f59e0b"/> <rect y="55" width="220" height="45" rx="8" fill="#ffffff08"/> <text x="40" y="82" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">2. Evaluation</text> <circle cx="20" cy="77" r="6" fill="#f59e0b" opacity="0.8"/> <rect y="110" width="220" height="45" rx="8" fill="#ffffff08"/> <text x="40" y="137" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">3. Extraction</text> <circle cx="20" cy="132" r="6" fill="#f59e0b" opacity="0.6"/> <rect y="165" width="220" height="45" rx="8" fill="#ffffff08"/> <text x="40" y="192" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">4. Synthesis</text> <circle cx="20" cy="187" r="6" fill="#f59e0b" opacity="0.4"/> <path d="M 20 35 L 20 70 M 20 90 L 20 125 M 20 145 L 20 180" stroke="#f59e0b" stroke-width="1" stroke-dasharray="4 2"/> </g> <text x="50" y="505" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"Strong writing is linked to diverse reading."</text> <!-- Middle Column: Rhetoric --> <rect x="320" y="120" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="155" text-anchor="middle" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">RHETORICAL FRAMEWORK</text> <!-- Rhetorical Triangle --> <path d="M 450 190 L 510 300 L 390 300 Z" fill="none" stroke="#38bdf8" stroke-width="2" filter="url(#glow)"/> <circle cx="450" cy="190" r="4" fill="#f8fafc"/> <circle cx="510" cy="300" r="4" fill="#f8fafc"/> <circle cx="390" cy="300" r="4" fill="#f8fafc"/> <text x="450" y="180" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">ETHOS</text> <text x="535" y="315" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">PATHOS</text> <text x="365" y="315" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">LOGOS</text> <!-- Rhetoric Details --> <g transform="translate(340, 350)"> <text y="0" font-family="sans-serif" font-size="13" font-weight="bold" fill="#38bdf8">KAIROS</text> <text y="18" font-family="sans-serif" font-size="11" fill="#94a3b8">The timeliness of the argument.</text> <text y="50" font-family="sans-serif" font-size="13" font-weight="bold" fill="#38bdf8">AUDIENCE AWARENESS</text> <text y="68" font-family="sans-serif" font-size="11" fill="#94a3b8">Calibrating jargon for the reader.</text> <text y="100" font-family="sans-serif" font-size="13" font-weight="bold" fill="#38bdf8">PURPOSE vs. POINT</text> <text y="118" font-family="sans-serif" font-size="11" fill="#94a3b8">The "Why" vs. the "What" (Thesis).</text> </g> <!-- Right Column: MLA Containers --> <rect x="610" y="120" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="630" y="155" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">MLA: LOGIC OF CONTAINERS</text> <!-- Container Visual --> <g transform="translate(640, 180)"> <!-- Container 2 --> <rect x="0" y="0" width="200" height="120" rx="8" fill="none" stroke="#e879f9" stroke-width="1" stroke-dasharray="4 2"/> <text x="10" y="18" font-family="sans-serif" font-size="10" fill="#e879f9" font-weight="bold">CONTAINER 2 (e.g. Database)</text> <!-- Container 1 --> <rect x="15" y="30" width="170" height="75" rx="6" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <text x="25" y="48" font-family="sans-serif" font-size="10" fill="#f8fafc" font-weight="bold">CONTAINER 1 (e.g. Journal)</text> <!-- Source --> <rect x="30" y="60" width="140" height="30" rx="4" fill="#e879f9" /> <text x="100" y="80" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#1e1b4b">SOURCE (e.g. Article)</text> </g> <!-- Core Elements List --> <g transform="translate(630, 330)"> <text x="0" y="0" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">The 9 Core Elements</text> <g font-family="sans-serif" font-size="11" fill="#94a3b8"> <text x="0" y="25">1. Author.</text> <text x="0" y="42">2. Title of Source.</text> <text x="0" y="59">3. Title of Container,</text> <text x="0" y="76">4. Other Contributors,</text> <text x="0" y="93">5. Version,</text> <text x="110" y="25">6. Number,</text> <text x="110" y="42">7. Publisher,</text> <text x="110" y="59">8. Publication Date,</text> <text x="110" y="76">9. Location.</text> </g> <rect x="0" y="115" width="220" height="40" rx="8" fill="#ffffff08"/> <text x="110" y="140" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#e879f9" font-weight="bold">UNIVERSAL FRAMEWORK (8th/9th Ed.)</text> </g> <!-- Footer Accents --> <circle cx="30" cy="30" r="15" fill="#38bdf8" opacity="0.2"/> <circle cx="870" cy="530" r="20" fill="#e879f9" opacity="0.2"/> <path d="M 850 30 L 880 60 M 860 30 L 880 50" stroke="#ffffff10" stroke-width="2"/> </svg>Information Literacy and MLA image 1Information Literacy and MLA - The Word on College Reading and Writing - image 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/information-literacy-and-mla/svg/1Information Literacy and MLA diagram 1Information Literacy and MLA - The Word on College Reading and Writing - diagram 1https://www.getlykke.com/explore/public/the-word-on-college-reading-and-4b06efe6-170a-4931-9a6e-efb6fa22f14d/media/information-literacy-and-mla/svg/2Information Literacy and MLA diagram 2Information Literacy and MLA - The Word on College Reading and Writing - diagram 2https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd3684692026-04-20T04:53:27.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Shapes --> <circle cx="850" cy="50" r="80" fill="#38bdf8" fill-opacity="0.05"/> <rect x="-20" y="400" width="150" height="150" rx="30" fill="#e879f9" fill-opacity="0.05" transform="rotate(15 -20 400)"/> <!-- Header Section --> <text x="40" y="65" font-family="sans-serif" font-weight="800" font-size="34" fill="#f8fafc" filter="url(#glow)">Technical Communication</text> <rect x="40" y="85" width="480" height="4" rx="2" fill="url(#accentGrad)"/> <text x="40" y="110" font-family="sans-serif" font-size="16" font-weight="400" fill="#94a3b8">The Bridge Between Complex Knowledge and Human Action</text> <!-- Left Column: The 3 Pillars (STC Framework) --> <text x="40" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE THREE PILLARS (STC)</text> <!-- Pillar 1 --> <rect x="40" y="175" width="380" height="90" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <circle cx="75" cy="220" r="20" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 68 215 L 82 215 M 68 220 L 82 220 M 68 225 L 75 225" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="110" y="205" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Specialized Information</text> <text x="110" y="225" font-family="sans-serif" font-size="12" fill="#94a3b8">Accuracy in niche domains like medicine,</text> <text x="110" y="240" font-family="sans-serif" font-size="12" fill="#94a3b8">law, or high-level engineering.</text> <!-- Pillar 2 --> <rect x="40" y="275" width="380" height="90" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <circle cx="75" cy="320" r="20" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <rect x="68" y="313" width="14" height="14" rx="2" stroke="#e879f9" stroke-width="2" fill="none"/> <text x="110" y="305" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Technological Delivery</text> <text x="110" y="325" font-family="sans-serif" font-size="12" fill="#94a3b8">The medium as a tool: APIs, wikis, help</text> <text x="110" y="340" font-family="sans-serif" font-size="12" fill="#94a3b8">files, and interactive interfaces.</text> <!-- Pillar 3 --> <rect x="40" y="375" width="380" height="90" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <circle cx="75" cy="420" r="20" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <path d="M 68 412 L 82 420 L 68 428 Z" fill="#f59e0b"/> <text x="110" y="405" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Instructional Design</text> <text x="110" y="425" font-family="sans-serif" font-size="12" fill="#94a3b8">Enabling the "How-To": Assembly guides,</text> <text x="110" y="440" font-family="sans-serif" font-size="12" fill="#94a3b8">SOPs, and troubleshooting workflows.</text> <!-- Right Column: Paradigm Shift --> <text x="460" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE PARADIGM SHIFT</text> <!-- Academic Card --> <rect x="460" y="175" width="400" height="140" rx="16" fill="#ffffff05" stroke="#ffffff10" stroke-dasharray="4 4"/> <text x="480" y="205" font-family="sans-serif" font-weight="700" font-size="14" fill="#94a3b8">ACADEMIC WRITING</text> <text x="480" y="230" font-family="sans-serif" font-weight="600" font-size="18" fill="#f8fafc">Knowledge Demonstration</text> <circle cx="490" cy="255" r="3" fill="#e879f9"/> <text x="505" y="259" font-family="sans-serif" font-size="13" fill="#94a3b8">Audience: Specialized (Professors)</text> <circle cx="490" cy="275" r="3" fill="#e879f9"/> <text x="505" y="279" font-family="sans-serif" font-size="13" fill="#94a3b8">Goal: Persuade and show mastery</text> <circle cx="490" cy="295" r="3" fill="#e879f9"/> <text x="505" y="299" font-family="sans-serif" font-size="13" fill="#94a3b8">Structure: Linear &amp; Discursive</text> <!-- VS Divider --> <circle cx="660" cy="325" r="20" fill="#1e1b4b" stroke="url(#accentGrad)" stroke-width="2"/> <text x="660" y="331" font-family="sans-serif" font-weight="800" font-size="14" fill="#f8fafc" text-anchor="middle">VS</text> <!-- Technical Card --> <rect x="460" y="335" width="400" height="140" rx="16" fill="#38bdf810" stroke="#38bdf840"/> <text x="480" y="365" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">TECHNICAL WRITING</text> <text x="480" y="390" font-family="sans-serif" font-weight="600" font-size="18" fill="#f8fafc">Knowledge Application</text> <circle cx="490" cy="415" r="3" fill="#38bdf8"/> <text x="505" y="419" font-family="sans-serif" font-size="13" fill="#94a3b8">Audience: Diverse (Users/Stakeholders)</text> <circle cx="490" cy="435" r="3" fill="#38bdf8"/> <text x="505" y="439" font-family="sans-serif" font-size="13" fill="#94a3b8">Goal: Inform and enable action</text> <circle cx="490" cy="455" r="3" fill="#38bdf8"/> <text x="505" y="459" font-family="sans-serif" font-size="13" fill="#94a3b8">Structure: Modular &amp; Task-Oriented</text> <!-- Bottom Key Insight --> <rect x="40" y="490" width="820" height="45" rx="12" fill="url(#accentGrad)" fill-opacity="0.15"/> <text x="60" y="518" font-family="sans-serif" font-weight="800" font-size="13" fill="#f59e0b">KEY INSIGHT:</text> <text x="155" y="518" font-family="sans-serif" font-size="13" fill="#f8fafc">Modern technical communication focuses on the <tspan font-weight="bold" fill="#38bdf8">utility</tspan> of information over the complexity of the subject matter.</text> <!-- Decorative Bridge Line --> <path d="M 430 110 Q 450 110 450 130 L 450 470 Q 450 490 430 490" stroke="#ffffff20" stroke-width="2" fill="none" stroke-dasharray="5 5"/> </svg>Introduction to Technical Communication image 1Introduction to Technical Communication - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/introduction-to-technical-communication/svg/1Introduction to Technical Communication diagram 1Introduction to Technical Communication - TPW: Technical & Professional Writing - diagram 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/introduction-to-technical-communication/svg/2Introduction to Technical Communication diagram 2Introduction to Technical Communication - TPW: Technical & Professional Writing - diagram 2https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/introduction-to-technical-communication/svg/3Introduction to Technical Communication diagram 3Introduction to Technical Communication - TPW: Technical & Professional Writing - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" filter="url(#glow)">PROFESSIONALISM &amp; WORKPLACE SUCCESS</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE ARCHITECTURE OF TECHNICAL COMMUNICATION IDENTITY</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#38bdf8" stroke-width="2" stroke-opacity="0.5"/> <!-- Left Column: Comparison Card --> <rect x="40" y="130" width="380" height="390" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE ACADEMIC-TO-PROFESSIONAL PIVOT</text> <!-- Comparison Table Headers --> <rect x="60" y="185" width="165" height="30" rx="4" fill="#ffffff10"/> <text x="70" y="205" font-family="sans-serif" font-weight="600" font-size="12" fill="#94a3b8">ACADEMIC HABITS</text> <rect x="235" y="185" width="165" height="30" rx="4" fill="#38bdf820"/> <text x="245" y="205" font-family="sans-serif" font-weight="600" font-size="12" fill="#38bdf8">PROFESSIONAL UTILITY</text> <!-- Comparison Rows --> <g font-family="sans-serif" font-size="13"> <text x="60" y="240" fill="#f8fafc" font-weight="600">Goal:</text> <text x="60" y="258" fill="#94a3b8">Demonstrate Knowledge</text> <text x="235" y="258" fill="#f8fafc">Enable Action / Solution</text> <text x="60" y="295" fill="#f8fafc" font-weight="600">Audience:</text> <text x="60" y="313" fill="#94a3b8">The Professor (Expert)</text> <text x="235" y="313" fill="#f8fafc">The User (Varied)</text> <text x="60" y="350" fill="#f8fafc" font-weight="600">Structure:</text> <text x="60" y="368" fill="#94a3b8">Linear &amp; Narrative</text> <text x="235" y="368" fill="#f8fafc">Modular &amp; Scannable</text> <text x="60" y="405" fill="#f8fafc" font-weight="600">Metric:</text> <text x="60" y="423" fill="#94a3b8">Depth of Analysis</text> <text x="235" y="423" fill="#f8fafc">Speed of Retrieval</text> </g> <rect x="60" y="455" width="340" height="45" rx="8" fill="#e879f910" stroke="#e879f930"/> <text x="75" y="482" font-family="sans-serif" font-size="12" fill="#e879f9" font-style="italic">"De-learning" complexity is the first step to clarity.</text> <!-- Right Column: T-Shaped Professional --> <rect x="440" y="130" width="420" height="220" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="460" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE T-SHAPED COMPETENCY MATRIX</text> <!-- T-Shape Graphic --> <rect x="500" y="190" width="300" height="35" rx="4" fill="#e879f9" fill-opacity="0.8"/> <text x="510" y="212" font-family="sans-serif" font-weight="700" font-size="14" fill="#0f172a">BROAD COMMUNICATION &amp; COLLABORATION</text> <rect x="630" y="225" width="40" height="100" rx="4" fill="#38bdf8" fill-opacity="0.8"/> <text x="638" y="285" font-family="sans-serif" font-weight="700" font-size="14" fill="#0f172a" transform="rotate(90 638,285)">TECHNICAL DEPTH</text> <g font-family="sans-serif" font-size="11" fill="#94a3b8"> <text x="460" y="245">• Information Architecture</text> <text x="460" y="265">• Data Integrity (Ethics)</text> <text x="460" y="285">• Version Control (Git)</text> <text x="685" y="245">• Active Listening</text> <text x="685" y="265">• Collaborative Writing</text> <text x="685" y="285">• Problem Solving</text> </g> <!-- Bottom Right: Self-Efficacy Loop --> <rect x="440" y="370" width="420" height="150" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="460" y="400" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">SELF-CONCEPT FEEDBACK LOOP</text> <!-- Loop Visual --> <circle cx="510" cy="460" r="30" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <text x="495" y="464" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">BELIEF</text> <path d="M 545 460 L 590 460" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <rect x="600" y="440" width="70" height="40" rx="4" fill="#ffffff10" stroke="#ffffff20"/> <text x="612" y="464" font-family="sans-serif" font-size="10" fill="#f8fafc">ACTION</text> <path d="M 675 460 L 720 460" stroke="#94a3b8" stroke-width="2"/> <circle cx="760" cy="460" r="30" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="738" y="464" font-family="sans-serif" font-size="10" fill="#38bdf8" font-weight="bold">VALIDATION</text> <path d="M 760 430 Q 635 390 510 430" fill="none" stroke="#94a3b8" stroke-width="1" stroke-dasharray="5 5"/> <text x="460" y="505" font-family="sans-serif" font-size="12" fill="#94a3b8">High Self-Efficacy: The bridge between raw competence and impact.</text> <!-- Decorative Elements --> <circle cx="840" cy="60" r="15" fill="#f59e0b" fill-opacity="0.2"/> <circle cx="840" cy="60" r="8" fill="#f59e0b" fill-opacity="0.5"/> <g opacity="0.2"> <rect x="800" y="500" width="10" height="10" fill="#38bdf8"/> <rect x="815" y="500" width="10" height="10" fill="#e879f9"/> <rect x="830" y="500" width="10" height="10" fill="#f59e0b"/> </g> </svg>Professionalism and Workplace Success image 1Professionalism and Workplace Success - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/professionalism-and-employability/svg/1Professionalism and Workplace Success diagram 1Professionalism and Workplace Success - TPW: Technical & Professional Writing - diagram 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/professionalism-and-employability/svg/2Professionalism and Workplace Success diagram 2Professionalism and Workplace Success - TPW: Technical & Professional Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">ETHICS &amp; LEGAL OBLIGATIONS</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Professional Social Contract in Technical Communication</text> <line x1="350" y1="100" x2="550" y2="100" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <!-- Left Column: Ethical Frameworks --> <rect x="40" y="120" width="260" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Ethical Frameworks</text> <!-- Utilitarianism --> <circle cx="70" cy="195" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M65 195 L75 195 M70 190 L70 200" stroke="#f59e0b" stroke-width="1.5"/> <text x="90" y="190" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Utilitarianism</text> <text x="90" y="205" font-family="sans-serif" font-size="11" fill="#94a3b8">The greatest good for the majority.</text> <!-- Deontology --> <rect x="58" y="240" width="24" height="24" rx="4" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <text x="90" y="250" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Deontology</text> <text x="90" y="265" font-family="sans-serif" font-size="11" fill="#94a3b8">Duty-based adherence to standards.</text> <!-- Virtue Ethics --> <path d="M70 295 L78 310 L62 310 Z" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="90" y="310" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Virtue Ethics</text> <text x="90" y="325" font-family="sans-serif" font-size="11" fill="#94a3b8">Radical transparency &amp; honesty.</text> <!-- Normalization of Deviance Warning --> <rect x="55" y="370" width="230" height="130" rx="12" fill="#ef444410" stroke="#ef444440" stroke-width="1"/> <text x="70" y="395" font-family="sans-serif" font-weight="700" font-size="13" fill="#ef4444">Normalization of Deviance</text> <text x="70" y="415" font-family="sans-serif" font-size="11" fill="#f8fafc" opacity="0.9">When small unethical shortcuts</text> <text x="70" y="430" font-family="sans-serif" font-size="11" fill="#f8fafc" opacity="0.9">become standard practice until</text> <text x="70" y="445" font-family="sans-serif" font-size="11" fill="#f8fafc" opacity="0.9">a catastrophe occurs.</text> <path d="M70 470 L270 470" stroke="#ef4444" stroke-width="1" stroke-dasharray="4 2"/> <!-- Center Column: The Social Contract --> <rect x="320" y="120" width="260" height="260" rx="130" fill="#38bdf808" stroke="#38bdf830" stroke-width="1"/> <circle cx="450" cy="250" r="90" fill="#ffffff05" stroke="#38bdf8" stroke-width="2" filter="url(#glow)"/> <text x="450" y="240" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="18" fill="#f8fafc">THE SOCIAL</text> <text x="450" y="265" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="18" fill="#f8fafc">CONTRACT</text> <text x="450" y="290" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#38bdf8" font-weight="600">TRUST &amp; SAFETY</text> <!-- Radiating P.A.L.E.S. --> <rect x="320" y="400" width="260" height="120" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="450" y="425" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="16" fill="#e879f9">P.A.L.E.S. Criteria</text> <text x="345" y="455" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">P</text><text x="360" y="455" font-family="sans-serif" font-size="11" fill="#94a3b8">urpose</text> <text x="415" y="455" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">A</text><text x="430" y="455" font-family="sans-serif" font-size="11" fill="#94a3b8">udience</text> <text x="490" y="455" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">L</text><text x="505" y="455" font-family="sans-serif" font-size="11" fill="#94a3b8">anguage</text> <text x="380" y="485" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">E</text><text x="395" y="485" font-family="sans-serif" font-size="11" fill="#94a3b8">vidence</text> <text x="460" y="485" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">S</text><text x="475" y="485" font-family="sans-serif" font-size="11" fill="#94a3b8">tructure</text> <!-- Right Column: Legal Obligations --> <rect x="600" y="120" width="260" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="620" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Legal Boundaries</text> <!-- Plagiarism vs Copyright --> <g transform="translate(620, 180)"> <rect width="220" height="90" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">Plagiarism</text> <text x="10" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Ethical failure: Claiming credit.</text> <line x1="10" y1="52" x2="210" y2="52" stroke="#ffffff10" stroke-width="1"/> <text x="10" y="70" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">Copyright Infringement</text> <text x="10" y="85" font-family="sans-serif" font-size="11" fill="#94a3b8">Legal failure: Unauthorized use.</text> </g> <!-- Work for Hire --> <g transform="translate(620, 290)"> <rect width="220" height="100" rx="8" fill="#38bdf810" stroke="#38bdf840"/> <text x="110" y="30" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Work for Hire Doctrine</text> <text x="110" y="55" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">The employer is the legal author</text> <text x="110" y="70" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">of all documentation created</text> <text x="110" y="85" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">during employment.</text> </g> <!-- IP Icons --> <g transform="translate(620, 410)"> <circle cx="30" cy="40" r="20" fill="#ffffff05" stroke="#f59e0b" stroke-width="1"/> <text x="30" y="45" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">©</text> <text x="30" y="75" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Copyright</text> <circle cx="110" cy="40" r="20" fill="#ffffff05" stroke="#e879f9" stroke-width="1"/> <text x="110" y="45" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#e879f9">™</text> <text x="110" y="75" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Trademark</text> <circle cx="190" cy="40" r="20" fill="#ffffff05" stroke="#38bdf8" stroke-width="1"/> <text x="190" y="45" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">P</text> <text x="190" y="75" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Patents</text> </g> <!-- Decorative Accents --> <circle cx="40" cy="40" r="15" fill="#f59e0b" opacity="0.1"/> <circle cx="860" cy="520" r="25" fill="#38bdf8" opacity="0.1"/> <path d="M850 40 L880 70 M880 40 L850 70" stroke="#ffffff10" stroke-width="2"/> </svg>Ethics and Legal Obligations image 1Ethics and Legal Obligations - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/ethics-in-technical-communication/svg/1Ethics and Legal Obligations diagram 1Ethics and Legal Obligations - TPW: Technical & Professional Writing - diagram 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/ethics-in-technical-communication/svg/2Ethics and Legal Obligations diagram 2Ethics and Legal Obligations - TPW: Technical & Professional Writing - diagram 2https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/ethics-in-technical-communication/svg/3Ethics and Legal Obligations diagram 3Ethics and Legal Obligations - TPW: Technical & Professional Writing - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560M880 0v560"/> </g> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="-0.5">THE HIGH COST OF SILENCE</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="16" font-weight="500">Technical Communication as a Safety-Critical Engineering Component</text> <rect x="350" y="100" width="200" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Case Study 1: Challenger --> <rect x="40" y="130" width="395" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="65" y="165" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="20">Space Shuttle Challenger (1986)</text> <text x="65" y="185" fill="#94a3b8" font-family="sans-serif" font-size="14" font-style="italic">Failure of Interpretation &amp; Visualization</text> <!-- Challenger Icon: O-Ring --> <circle cx="100" cy="240" r="25" fill="none" stroke="#f59e0b" stroke-width="6" stroke-dasharray="120 40"/> <path d="M115 225 L140 200" stroke="#ef4444" stroke-width="3" marker-end="url(#arrowhead)"/> <text x="145" y="200" fill="#ef4444" font-family="sans-serif" font-size="12" font-weight="bold">O-Ring Erosion</text> <!-- Challenger Points --> <g font-family="sans-serif" font-size="13"> <text x="65" y="300" fill="#f8fafc" font-weight="bold">The MUM Effect</text> <text x="65" y="318" fill="#94a3b8">Minimizing Unpleasant Messages upward</text> <text x="65" y="333" fill="#94a3b8">through organizational hierarchies.</text> <text x="65" y="370" fill="#f8fafc" font-weight="bold">Rhetorical Force Failure</text> <text x="65" y="388" fill="#94a3b8">13 complex charts failed to correlate</text> <text x="65" y="403" fill="#94a3b8">temperature with critical O-ring damage.</text> <text x="65" y="440" fill="#f8fafc" font-weight="bold">Burden of Proof Shift</text> <text x="65" y="458" fill="#94a3b8">From "Prove it's safe" to "Prove it will fail."</text> </g> <!-- Case Study 2: Boeing --> <rect x="465" y="130" width="395" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="490" y="165" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="20">Boeing 737 MAX (2018)</text> <text x="490" y="185" fill="#94a3b8" font-family="sans-serif" font-size="14" font-style="italic">Failure of Omission &amp; Audience Analysis</text> <!-- Boeing Icon: MCAS --> <path d="M500 250 L560 230 L560 240 L500 260 Z" fill="#38bdf8"/> <path d="M530 240 L530 280" stroke="#ef4444" stroke-width="3" fill="none" marker-end="url(#arrowhead)"/> <text x="540" y="275" fill="#ef4444" font-family="sans-serif" font-size="12" font-weight="bold">MCAS Nose-Down</text> <!-- Boeing Points --> <g font-family="sans-serif" font-size="13"> <text x="490" y="300" fill="#f8fafc" font-weight="bold">Audience Analysis Failure</text> <text x="490" y="318" fill="#94a3b8">Intentional omission of MCAS from manuals</text> <text x="490" y="333" fill="#94a3b8">to avoid costly pilot simulator training.</text> <text x="490" y="370" fill="#f8fafc" font-weight="bold">Single Point of Failure</text> <text x="490" y="388" fill="#94a3b8">System relied on one Angle of Attack sensor;</text> <text x="490" y="403" fill="#94a3b8">Technical documentation obscured this risk.</text> <text x="490" y="440" fill="#f8fafc" font-weight="bold">Commercial Constraints</text> <text x="490" y="458" fill="#94a3b8">Market speed prioritized over transparent</text> <text x="490" y="473" fill="#94a3b8">technical communication.</text> </g> <!-- Central Connection --> <circle cx="450" cy="300" r="30" fill="#1e1b4b" stroke="url(#accentGrad)" stroke-width="2"/> <text x="450" y="298" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10" font-weight="bold">CORE</text> <text x="450" y="310" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10" font-weight="bold">GAP</text> <!-- Comparison Footer --> <rect x="40" y="490" width="820" height="50" rx="12" fill="#e879f915" stroke="#e879f930"/> <text x="450" y="522" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600"> LESSON: <tspan fill="#e879f9">CLARITY</tspan> and <tspan fill="#e879f9">ETHICAL REPORTING</tspan> are as vital as hardware redundancy. </text> <!-- Arrowhead Def --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#ef4444" /> </marker> </defs> </svg>Case Studies: Lion Air and Space Shuttle Challenger image 1Case Studies: Lion Air and Space Shuttle Challenger - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/case-studies-in-communication-failure/svg/1Case Studies: Lion Air and Space Shuttle Challenger diagram 1Case Studies: Lion Air and Space Shuttle Challenger - TPW: Technical & Professional Writing - diagram 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/case-studies-in-communication-failure/svg/2Case Studies: Lion Air and Space Shuttle Challenger diagram 2Case Studies: Lion Air and Space Shuttle Challenger - TPW: Technical & Professional Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <path d="M0 40 H900 M0 80 H900 M0 120 H900 M0 160 H900 M0 200 H900 M0 240 H900 M0 280 H900 M0 320 H900 M0 360 H900 M0 400 H900 M0 440 H900 M0 480 H900 M0 520 H900" stroke="#ffffff05" stroke-width="1"/> <path d="M40 0 V560 M80 0 V560 M120 0 V560 M160 0 V560 M200 0 V560 M240 0 V560 M280 0 V560 M320 0 V560 M360 0 V560 M400 0 V560 M440 0 V560 M480 0 V560 M520 0 V560 M560 0 V560 M600 0 V560 M640 0 V560 M680 0 V560 M720 0 V560 M760 0 V560 M800 0 V560 M840 0 V560" stroke="#ffffff05" stroke-width="1"/> <!-- Header Section --> <text x="40" y="55" font-family="sans-serif" font-size="32" font-weight="bold" fill="#f8fafc" filter="url(#glow)">DIGITAL COMMUNICATION &amp; NETIQUETTE</text> <text x="40" y="80" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">PROFESSIONAL RHETORIC IN THE TECHNICAL LANDSCAPE</text> <rect x="40" y="95" width="820" height="2" fill="url(#accentGrad)" opacity="0.6"/> <!-- Left Column: Netiquette Pillars --> <rect x="40" y="120" width="260" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="150" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">CORE PILLARS</text> <!-- Pillar 1 --> <circle cx="70" cy="185" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M66 185 Q70 178 74 185" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="90" y="182" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Human-Centricity</text> <text x="90" y="196" font-family="sans-serif" font-size="11" fill="#94a3b8">Bridging the empathy gap.</text> <!-- Pillar 2 --> <circle cx="70" cy="245" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M65 245 H75 M70 240 V245" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <text x="90" y="242" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Efficiency (P.A.L.E.S.)</text> <text x="90" y="256" font-family="sans-serif" font-size="11" fill="#94a3b8">Respecting cognitive load.</text> <!-- Pillar 3 --> <circle cx="70" cy="305" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <circle cx="70" cy="305" r="5" fill="none" stroke="#e879f9" stroke-width="1"/> <text x="90" y="302" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Contextual Awareness</text> <text x="90" y="316" font-family="sans-serif" font-size="11" fill="#94a3b8">Global &amp; cultural synergy.</text> <!-- Center: The Communication Packet (Technical Layer) --> <rect x="320" y="120" width="260" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="150" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">DATA STRUCTURE</text> <rect x="340" y="170" width="220" height="40" rx="4" fill="#00000040" stroke="#38bdf8" stroke-dasharray="4"/> <text x="350" y="195" font-family="monospace" font-size="12" fill="#38bdf8">METADATA (Context)</text> <rect x="340" y="215" width="220" height="120" rx="4" fill="#00000040" stroke="#f8fafc30"/> <text x="350" y="235" font-family="monospace" font-size="11" fill="#94a3b8">struct DigitalMessage {</text> <text x="360" y="255" font-family="monospace" font-size="11" fill="#f8fafc"> sender_uid;</text> <text x="360" y="270" font-family="monospace" font-size="11" fill="#f8fafc"> priority_level;</text> <text x="360" y="285" font-family="monospace" font-size="11" fill="#f8fafc"> subject_line;</text> <text x="360" y="300" font-family="monospace" font-size="11" fill="#f59e0b"> payload_content;</text> <text x="350" y="320" font-family="monospace" font-size="11" fill="#94a3b8">};</text> <text x="340" y="360" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"Netiquette is the validation logic for professional metadata."</text> <!-- Right Column: Tone Comparison --> <rect x="600" y="120" width="260" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="150" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">TONE SHIFT</text> <text x="620" y="180" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">ACADEMIC</text> <text x="620" y="195" font-family="sans-serif" font-size="11" fill="#f8fafc">• Goal: Demonstrate Knowledge</text> <text x="620" y="210" font-family="sans-serif" font-size="11" fill="#f8fafc">• Format: Narrative/APA</text> <text x="620" y="225" font-family="sans-serif" font-size="11" fill="#f8fafc">• Speed: Days (Flexible)</text> <line x1="620" y1="245" x2="840" y2="245" stroke="#ffffff15" stroke-width="1"/> <text x="620" y="275" font-family="sans-serif" font-size="12" font-weight="bold" fill="#e879f9">PROFESSIONAL</text> <text x="620" y="290" font-family="sans-serif" font-size="11" fill="#f8fafc">• Goal: Facilitate Action</text> <text x="620" y="305" font-family="sans-serif" font-size="11" fill="#f8fafc">• Format: Scannable/Bullets</text> <text x="620" y="320" font-family="sans-serif" font-size="11" fill="#f8fafc">• Speed: Hours (Expected)</text> <!-- Bottom Section: Digital Permanence --> <rect x="40" y="420" width="820" height="110" rx="16" fill="#f59e0b10" stroke="#f59e0b40"/> <text x="60" y="450" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">DIGITAL PERMANENCE: THE "LONG TAIL"</text> <!-- The Curve --> <path d="M600 500 Q700 500 820 440" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4"/> <circle cx="600" cy="500" r="4" fill="#f59e0b"/> <text x="600" y="515" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Creation</text> <text x="820" y="430" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Infinite Persistence</text> <text x="60" y="475" font-family="sans-serif" font-size="13" fill="#f8fafc">1. Redundancy: Data is replicated across geographic regions.</text> <text x="60" y="495" font-family="sans-serif" font-size="13" fill="#f8fafc">2. Caching: Snapshots exist even after source deletion.</text> <text x="60" y="515" font-family="sans-serif" font-size="13" fill="#f8fafc">3. Indexing: Search engines create permanent searchable trails.</text> <!-- Decorative Elements --> <circle cx="850" cy="40" r="20" fill="none" stroke="#ffffff10" stroke-width="4"/> <circle cx="850" cy="40" r="10" fill="none" stroke="#38bdf8" stroke-width="2"/> </svg>Digital Communication and Netiquette image 1Digital Communication and Netiquette - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/digital-communication-and-netiquette/svg/1Digital Communication and Netiquette diagram 1Digital Communication and Netiquette - TPW: Technical & Professional Writing - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Geometric Accents --> <circle cx="850" cy="50" r="100" fill="#e879f9" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#38bdf8" fill-opacity="0.05"/> <!-- Main Title Header --> <text x="450" y="60" text-anchor="middle" font-family="Inter, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">THE RHETORICAL SITUATION</text> <text x="450" y="85" text-anchor="middle" font-family="Inter, sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2">THE ECOSYSTEM OF TECHNICAL COMMUNICATION</text> <rect x="400" y="95" width="100" height="2" fill="#f59e0b"/> <!-- LEFT PANEL: EXIGENCE --> <rect x="40" y="120" width="390" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff20"/> <text x="65" y="155" font-family="Inter, sans-serif" font-weight="700" font-size="20" fill="#f59e0b">01. EXIGENCE</text> <text x="65" y="175" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">The "Why Now?" — The catalyst for the message.</text> <!-- Exigence Categories --> <g transform="translate(65, 200)"> <!-- Functional --> <rect width="340" height="65" rx="8" fill="#ffffff05"/> <circle cx="25" cy="32" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <path d="M 20 32 L 30 32 M 25 27 L 25 37" stroke="#f59e0b" stroke-width="2"/> <text x="50" y="28" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Functional</text> <text x="50" y="45" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">System gaps, failures, or technical updates.</text> <!-- Legal --> <g transform="translate(0, 75)"> <rect width="340" height="65" rx="8" fill="#ffffff05"/> <circle cx="25" cy="32" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <rect x="20" y="27" width="10" height="10" stroke="#e879f9" fill="none" stroke-width="1.5"/> <text x="50" y="28" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Legal &amp; Compliance</text> <text x="50" y="45" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Regulatory mandates (GDPR, CCPA, ISO).</text> </g> <!-- Social --> <g transform="translate(0, 150)"> <rect width="340" height="65" rx="8" fill="#ffffff05"/> <circle cx="25" cy="32" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <circle cx="22" cy="30" r="3" fill="#38bdf8"/> <circle cx="28" cy="30" r="3" fill="#38bdf8"/> <text x="50" y="28" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Social &amp; Organizational</text> <text x="50" y="45" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Culture shifts, team onboarding, workflow changes.</text> </g> <!-- Educational --> <g transform="translate(0, 225)"> <rect width="340" height="65" rx="8" fill="#ffffff05"/> <circle cx="25" cy="32" r="15" fill="#10b98120" stroke="#10b981" stroke-width="1"/> <path d="M 20 28 L 30 28 M 20 32 L 30 32 M 20 36 L 26 36" stroke="#10b981" stroke-width="2"/> <text x="50" y="28" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Educational</text> <text x="50" y="45" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Knowledge gaps and troubleshooting needs.</text> </g> </g> <!-- RIGHT PANEL: AUDIENCE --> <rect x="470" y="120" width="390" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff20"/> <text x="495" y="155" font-family="Inter, sans-serif" font-weight="700" font-size="20" fill="#38bdf8">02. AUDIENCE</text> <text x="495" y="175" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">The Target — Minimizing cognitive load for the reader.</text> <!-- Audience Hierarchy Visualization --> <g transform="translate(495, 200)"> <!-- Primary --> <path d="M 0 0 L 340 0 L 320 50 L 20 50 Z" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="170" y="32" text-anchor="middle" font-family="Inter, sans-serif" font-weight="700" font-size="14" fill="#f8fafc">PRIMARY: Direct Users</text> <!-- Secondary --> <g transform="translate(0, 60)"> <path d="M 20 0 L 320 0 L 300 50 L 40 50 Z" fill="#ffffff08" stroke="#ffffff20" stroke-width="1"/> <text x="170" y="32" text-anchor="middle" font-family="Inter, sans-serif" font-weight="600" font-size="13" fill="#94a3b8">SECONDARY: Advisors &amp; Implementers</text> </g> <!-- Tertiary --> <g transform="translate(0, 120)"> <path d="M 40 0 L 300 0 L 280 50 L 60 50 Z" fill="#ffffff08" stroke="#ffffff20" stroke-width="1"/> <text x="170" y="32" text-anchor="middle" font-family="Inter, sans-serif" font-weight="600" font-size="13" fill="#94a3b8">TERTIARY: Auditors &amp; Historians</text> </g> <!-- Gatekeepers --> <g transform="translate(0, 180)"> <path d="M 60 0 L 280 0 L 260 50 L 80 50 Z" fill="#e879f915" stroke="#e879f9" stroke-width="1"/> <text x="170" y="32" text-anchor="middle" font-family="Inter, sans-serif" font-weight="700" font-size="13" fill="#f8fafc">GATEKEEPERS: Managers &amp; Editors</text> </g> <!-- Audience Insight Box --> <g transform="translate(0, 250)"> <rect width="340" height="60" rx="8" fill="#00000030" stroke="#38bdf840" stroke-dasharray="4 2"/> <text x="170" y="25" text-anchor="middle" font-family="Inter, sans-serif" font-style="italic" font-size="12" fill="#38bdf8">"The goal is to minimize cognitive load."</text> <text x="170" y="42" text-anchor="middle" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">— Audience-Centered Design</text> </g> </g> <!-- Central Connector: Signal vs Noise --> <g transform="translate(430, 300)"> <path d="M 0 -150 Q 20 -75 0 0 Q -20 75 0 150" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="5 5" opacity="0.3"/> <circle r="20" fill="#1e1b4b" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> <path d="M -8 0 L 8 0 M 0 -8 L 0 8" stroke="#f59e0b" stroke-width="2" transform="rotate(45)"/> </g> <!-- Footer Info --> <text x="40" y="545" font-family="Inter, sans-serif" font-size="10" fill="#475569" font-weight="600">TPW WIKI // SECTION 1.2</text> <text x="860" y="545" text-anchor="end" font-family="Inter, sans-serif" font-size="10" fill="#475569" font-weight="600">CORE ENGINEERING REQUIREMENT</text> </svg>The Rhetorical Situation: Purpose and Audience image 1The Rhetorical Situation: Purpose and Audience - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/the-rhetorical-situation/svg/1The Rhetorical Situation: Purpose and Audience diagram 1The Rhetorical Situation: Purpose and Audience - TPW: Technical & Professional Writing - diagram 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/the-rhetorical-situation/svg/2The Rhetorical Situation: Purpose and Audience diagram 2The Rhetorical Situation: Purpose and Audience - TPW: Technical & Professional Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="Inter, system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.02em">ADVANCED AUDIENCE ANALYSIS</text> <rect x="40" y="75" width="120" height="4" rx="2" fill="url(#accentGrad)"/> <text x="175" y="78" font-family="Inter, sans-serif" font-size="14" fill="#94a3b8" font-weight="500">TECHNICAL COMMUNICATION FRAMEWORK v2.0</text> <!-- Main Panel: The APS --> <rect x="40" y="110" width="280" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="145" font-family="Inter, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Audience Profile Sheet</text> <text x="60" y="165" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">Diagnostic Instrument for Stakeholders</text> <!-- APS Dimensions --> <g transform="translate(60, 195)"> <!-- Technical --> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <path d="M8 12l3 3 5-5" stroke="#38bdf8" fill="none" stroke-width="2"/> <text x="35" y="12" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Technical Depth</text> <text x="35" y="28" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Expert • Informed • Layperson</text> <!-- Operational --> <g transform="translate(0, 55)"> <circle cx="12" cy="12" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <rect x="8" y="8" width="8" height="8" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="35" y="12" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Operational Context</text> <text x="35" y="28" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Field • Office • High-Stress</text> </g> <!-- Attitudinal --> <g transform="translate(0, 110)"> <circle cx="12" cy="12" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <path d="M7 12h10M12 7v10" stroke="#e879f9" stroke-width="1.5" transform="rotate(45, 12, 12)"/> <text x="35" y="12" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Attitudinal State</text> <text x="35" y="28" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Skeptical • Neutral • Hostile</text> </g> <!-- Demographics --> <g transform="translate(0, 165)"> <circle cx="12" cy="12" r="12" fill="#94a3b820" stroke="#94a3b8" stroke-width="1"/> <circle cx="12" cy="10" r="3" fill="none" stroke="#94a3b8" stroke-width="1.5"/> <path d="M7 17c0-2 2-3 5-3s5 1 5 3" fill="none" stroke="#94a3b8" stroke-width="1.5"/> <text x="35" y="12" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Demographics</text> <text x="35" y="28" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Culture • Language • Education</text> </g> </g> <!-- Center Panel: The Formula --> <rect x="340" y="110" width="520" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="370" y="145" font-family="Inter, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Needs Assessment Logic</text> <!-- Formula Visualization --> <g transform="translate(370, 180)"> <rect width="460" height="140" rx="12" fill="#00000030"/> <text x="230" y="65" font-family="Courier New, monospace" font-weight="700" font-size="36" fill="#f8fafc" text-anchor="middle" filter="url(#glow)"> N = (K<tspan baseline-shift="sub" font-size="20">r</tspan> - K<tspan baseline-shift="sub" font-size="20">c</tspan>) × U </text> <g transform="translate(40, 95)" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8"> <text x="0" y="0">N: Total Need</text> <text x="110" y="0">Kr: Required Knowledge</text> <text x="260" y="0">Kc: Current Knowledge</text> <text x="390" y="0">U: Urgency</text> </g> <path d="M165 75 L165 85 M245 75 L245 85" stroke="#ffffff20" stroke-width="1"/> </g> <!-- Bottom Right: The Curse of Knowledge --> <rect x="340" y="370" width="520" height="150" rx="16" fill="#e11d4815" stroke="#e11d4830"/> <g transform="translate(370, 405)"> <path d="M0 0 L24 0 L12 -20 Z" fill="#e11d48" transform="translate(0, 15)"/> <text x="8" y="12" font-family="Inter, sans-serif" font-weight="900" font-size="14" fill="#f8fafc">!</text> <text x="40" y="5" font-family="Inter, sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The Curse of Knowledge</text> <text x="40" y="30" font-family="Inter, sans-serif" font-size="13" fill="#cbd5e1" width="400"> The cognitive bias where the writer assumes the reader has the same </text> <text x="40" y="48" font-family="Inter, sans-serif" font-size="13" fill="#cbd5e1"> background context. This leads to jargon-heavy, opaque documentation. </text> <!-- Visual Gap --> <g transform="translate(40, 75)"> <rect width="120" height="8" rx="4" fill="#38bdf8"/> <text x="0" y="-8" font-family="Inter, sans-serif" font-size="10" fill="#38bdf8" font-weight="700">WRITER CONTEXT</text> <rect x="200" width="120" height="8" rx="4" fill="#f59e0b"/> <text x="200" y="-8" font-family="Inter, sans-serif" font-size="10" fill="#f59e0b" font-weight="700">READER CONTEXT</text> <path d="M125 4 Q160 20 195 4" stroke="#e11d48" fill="none" stroke-width="2" stroke-dasharray="4 2"/> <text x="160" y="35" font-family="Inter, sans-serif" font-size="10" fill="#e11d48" text-anchor="middle" font-weight="700">COGNITIVE GAP</text> </g> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff08" stroke-width="8"/> <circle cx="870" cy="70" r="15" fill="none" stroke="#38bdf820" stroke-width="4"/> <path d="M300 560 L340 520" stroke="#ffffff05" stroke-width="20"/> </svg>Advanced Audience Analysis image 1Advanced Audience Analysis - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/audience-analysis-tools/svg/1Advanced Audience Analysis diagram 1Advanced Audience Analysis - TPW: Technical & Professional Writing - diagram 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/audience-analysis-tools/svg/2Advanced Audience Analysis diagram 2Advanced Audience Analysis - TPW: Technical & Professional Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" letter-spacing="1">INTERCULTURAL COMMUNICATION &amp; SENSITIVITY</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="300" letter-spacing="2">FROM MONOLITHIC AUDIENCES TO GLOBAL MEDIATION</text> <!-- Comparison Panels --> <!-- Ethnocentrism Card --> <rect x="40" y="120" width="400" height="220" rx="16" fill="#ffffff0a" stroke="#f59e0b44" stroke-width="1"/> <rect x="40" y="120" width="6" height="220" rx="3" fill="#f59e0b"/> <text x="65" y="155" fill="#f59e0b" font-family="sans-serif" font-size="20" font-weight="bold">Ethnocentrism</text> <text x="65" y="175" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">"My culture is the default standard."</text> <circle cx="80" cy="210" r="4" fill="#f59e0b"/> <text x="95" y="214" fill="#f8fafc" font-family="sans-serif" font-size="13">Localized metaphors (e.g., "Home run")</text> <circle cx="80" cy="240" r="4" fill="#f59e0b"/> <text x="95" y="244" fill="#f8fafc" font-family="sans-serif" font-size="13">Assumed universal reading directions</text> <circle cx="80" cy="270" r="4" fill="#f59e0b"/> <text x="95" y="274" fill="#f8fafc" font-family="sans-serif" font-size="13">Western-centric naming conventions</text> <rect x="65" y="300" width="350" height="1" fill="#ffffff15"/> <text x="65" y="320" fill="#94a3b8" font-family="sans-serif" font-size="11" font-weight="bold">GOAL: LOCAL EFFICIENCY</text> <!-- Ethnorelativism Card --> <rect x="460" y="120" width="400" height="220" rx="16" fill="#ffffff0a" stroke="#38bdf844" stroke-width="1"/> <rect x="854" y="120" width="6" height="220" rx="3" fill="#38bdf8"/> <text x="485" y="155" fill="#38bdf8" font-family="sans-serif" font-size="20" font-weight="bold">Ethnorelativism</text> <text x="485" y="175" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">"My culture is one of many valid systems."</text> <circle cx="500" cy="210" r="4" fill="#38bdf8"/> <text x="515" y="214" fill="#f8fafc" font-family="sans-serif" font-size="13">Context-aware clarity (BLUF vs. High-Context)</text> <circle cx="500" cy="240" r="4" fill="#38bdf8"/> <text x="515" y="244" fill="#f8fafc" font-family="sans-serif" font-size="13">Localization &amp; Culturalization of design</text> <circle cx="500" cy="270" r="4" fill="#38bdf8"/> <text x="515" y="274" fill="#f8fafc" font-family="sans-serif" font-size="13">Differences integrated as variables</text> <rect x="485" y="300" width="350" height="1" fill="#ffffff15"/> <text x="485" y="320" fill="#94a3b8" font-family="sans-serif" font-size="11" font-weight="bold">GOAL: GLOBAL EFFECTIVENESS</text> <!-- DMIS Timeline Section --> <text x="40" y="385" fill="#f8fafc" font-family="sans-serif" font-size="18" font-weight="bold">Developmental Model of Intercultural Sensitivity (DMIS)</text> <!-- The Path --> <path d="M 60 460 L 840 460" stroke="#ffffff15" stroke-width="4" stroke-linecap="round"/> <path d="M 60 460 L 450 460" stroke="#f59e0b" stroke-width="4" stroke-linecap="round" stroke-opacity="0.6"/> <path d="M 450 460 L 840 460" stroke="#38bdf8" stroke-width="4" stroke-linecap="round" stroke-opacity="0.6"/> <!-- DMIS Stages --> <!-- 1. Denial --> <circle cx="80" cy="460" r="12" fill="#0f172a" stroke="#f59e0b" stroke-width="3"/> <text x="80" y="490" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Denial</text> <text x="80" y="505" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Simplistic views</text> <!-- 2. Defense --> <circle cx="220" cy="460" r="12" fill="#0f172a" stroke="#f59e0b" stroke-width="3"/> <text x="220" y="490" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Defense</text> <text x="220" y="505" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Us vs. Them</text> <!-- 3. Minimization --> <circle cx="360" cy="460" r="12" fill="#0f172a" stroke="#f59e0b" stroke-width="3"/> <text x="360" y="490" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Minimization</text> <text x="360" y="505" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">"We're all the same"</text> <!-- Threshold Marker --> <line x1="450" y1="420" x2="450" y2="500" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <text x="450" y="410" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="10" font-weight="bold">THRESHOLD OF SENSITIVITY</text> <!-- 4. Acceptance --> <circle cx="540" cy="460" r="12" fill="#0f172a" stroke="#38bdf8" stroke-width="3"/> <text x="540" y="490" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Acceptance</text> <text x="540" y="505" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Respecting difference</text> <!-- 5. Adaptation --> <circle cx="680" cy="460" r="12" fill="#0f172a" stroke="#38bdf8" stroke-width="3"/> <text x="680" y="490" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Adaptation</text> <text x="680" y="505" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Shifting behavior</text> <!-- 6. Integration --> <circle cx="820" cy="460" r="12" fill="#0f172a" stroke="#38bdf8" stroke-width="3"/> <text x="820" y="490" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Integration</text> <text x="820" y="505" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Multicultural frame</text> <!-- Key Insight Box --> <rect x="620" y="20" width="240" height="40" rx="8" fill="#e879f922" stroke="#e879f9" stroke-width="1"/> <text x="740" y="45" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="11" font-weight="bold">KEY: MOVE BEYOND MINIMIZATION</text> <!-- Decorative Logic Icon --> <g transform="translate(40, 30)"> <rect width="24" height="24" rx="4" fill="#38bdf822" stroke="#38bdf8" stroke-width="1.5"/> <path d="M 6 12 L 10 16 L 18 8" stroke="#38bdf8" stroke-width="2" fill="none"/> </g> </svg>Intercultural Communication and Sensitivity image 1Intercultural Communication and Sensitivity - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/intercultural-communication/svg/1Intercultural Communication and Sensitivity diagram 1Intercultural Communication and Sensitivity - TPW: Technical & Professional Writing - diagram 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/intercultural-communication/svg/2Intercultural Communication and Sensitivity diagram 2Intercultural Communication and Sensitivity - TPW: Technical & Professional Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">DOCUMENT DESIGN &amp; ACCESSIBILITY</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="2">THE FUNCTIONAL INTERFACE OF TECHNICAL WRITING</text> <rect x="400" y="95" width="100" height="3" fill="#f59e0b" rx="1.5"/> <!-- Left Column: P.A.L.E.S. Criteria --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="165" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="18">P.A.L.E.S. CRITERIA</text> <g transform="translate(60, 190)"> <circle cx="12" cy="12" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="12" y="17" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="12">P</text> <text x="35" y="10" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Purpose</text> <text x="35" y="24" fill="#94a3b8" font-family="sans-serif" font-size="11">Does the design facilitate the goal?</text> </g> <g transform="translate(60, 245)"> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="12" y="17" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="12">A</text> <text x="35" y="10" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Audience</text> <text x="35" y="24" fill="#94a3b8" font-family="sans-serif" font-size="11">Appropriate visual complexity?</text> </g> <g transform="translate(60, 300)"> <circle cx="12" cy="12" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="12" y="17" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="12">L</text> <text x="35" y="10" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Language</text> <text x="35" y="24" fill="#94a3b8" font-family="sans-serif" font-size="11">Layout supports linguistic register.</text> </g> <g transform="translate(60, 355)"> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="12" y="17" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="12">E</text> <text x="35" y="10" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Evidence</text> <text x="35" y="24" fill="#94a3b8" font-family="sans-serif" font-size="11">Logical data visualization integration.</text> </g> <g transform="translate(60, 410)"> <circle cx="12" cy="12" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="12" y="17" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="12">S</text> <text x="35" y="10" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Structure</text> <text x="35" y="24" fill="#94a3b8" font-family="sans-serif" font-size="11">Intuitive and navigable hierarchy.</text> </g> <!-- Center Column: Information Scaffolding --> <rect x="320" y="130" width="260" height="390" rx="16" fill="#ffffff12" stroke="#ffffff20" stroke-width="1"/> <text x="450" y="165" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">THE MENTAL MAP</text> <!-- Document Mockup --> <g transform="translate(350, 190)"> <rect width="200" height="260" rx="4" fill="#0f172a" stroke="#38bdf8" stroke-width="1"/> <!-- H1 --> <rect x="20" y="25" width="120" height="12" rx="2" fill="#f59e0b"/> <text x="145" y="35" fill="#94a3b8" font-family="sans-serif" font-size="10">H1</text> <!-- H2 --> <rect x="20" y="55" width="80" height="8" rx="2" fill="#38bdf8"/> <text x="105" y="63" fill="#94a3b8" font-family="sans-serif" font-size="10">H2</text> <!-- Body --> <rect x="20" y="75" width="160" height="4" rx="1" fill="#ffffff20"/> <rect x="20" y="85" width="160" height="4" rx="1" fill="#ffffff20"/> <rect x="20" y="95" width="100" height="4" rx="1" fill="#ffffff20"/> <!-- H2 --> <rect x="20" y="115" width="80" height="8" rx="2" fill="#38bdf8"/> <!-- Body --> <rect x="20" y="135" width="160" height="4" rx="1" fill="#ffffff20"/> <rect x="20" y="145" width="140" height="4" rx="1" fill="#ffffff20"/> <!-- White Space Callout --> <path d="M 185 160 L 220 180" stroke="#e879f9" stroke-width="1" fill="none" stroke-dasharray="4"/> <text x="110" y="245" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="12" font-weight="bold">ACTIVE WHITE SPACE</text> <text x="110" y="258" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Reduces Cognitive Load</text> </g> <!-- Right Column: Mechanics & Math --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="620" y="165" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">THE MECHANICS</text> <!-- Gestalt Section --> <g transform="translate(620, 190)"> <text x="0" y="0" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Gestalt Principles</text> <!-- Proximity --> <g transform="translate(0, 20)"> <rect width="40" height="40" rx="4" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="12" cy="12" r="4" fill="#38bdf8"/> <circle cx="24" cy="12" r="4" fill="#38bdf8"/> <circle cx="12" cy="24" r="4" fill="#38bdf8"/> <circle cx="24" cy="24" r="4" fill="#38bdf8"/> <text x="50" y="18" fill="#f8fafc" font-family="sans-serif" font-size="12">Proximity</text> <text x="50" y="32" fill="#94a3b8" font-family="sans-serif" font-size="10">Grouping by distance</text> </g> <!-- Similarity --> <g transform="translate(0, 75)"> <rect width="40" height="40" rx="4" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="12" cy="12" r="4" fill="#e879f9"/> <rect x="20" y="8" width="8" height="8" fill="#f59e0b"/> <circle cx="12" cy="24" r="4" fill="#e879f9"/> <rect x="20" y="20" width="8" height="8" fill="#f59e0b"/> <text x="50" y="18" fill="#f8fafc" font-family="sans-serif" font-size="12">Similarity</text> <text x="50" y="32" fill="#94a3b8" font-family="sans-serif" font-size="10">Grouping by appearance</text> </g> </g> <!-- Math Section --> <g transform="translate(620, 340)"> <text x="0" y="0" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Typography Math</text> <rect y="15" width="220" height="100" rx="8" fill="#00000030" stroke="#f59e0b40"/> <text x="110" y="50" text-anchor="middle" fill="#f59e0b" font-family="serif" font-style="italic" font-size="22">L = f × r</text> <text x="110" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">L: Leading (Line Height)</text> <text x="110" y="90" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">f: Font Size | r: Ratio (1.4)</text> <text x="110" y="105" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">OPTIMAL READABILITY</text> </g> <!-- Footer --> <text x="450" y="545" text-anchor="middle" fill="#ffffff30" font-family="sans-serif" font-size="10" letter-spacing="1">TECHNICAL COMMUNICATION SERIES • DOCUMENT ARCHITECTURE • VOL 04</text> </svg>Document Design and Accessibility image 1Document Design and Accessibility - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/document-design-principles/svg/1Document Design and Accessibility diagram 1Document Design and Accessibility - TPW: Technical & Professional Writing - diagram 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/document-design-principles/svg/2Document Design and Accessibility diagram 2Document Design and Accessibility - TPW: Technical & Professional Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560"/> </g> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">VISUAL COMMUNICATION</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="3">STRATEGIC INFORMATION DESIGN &amp; SYNTHESIS</text> <rect x="400" y="95" width="100" height="3" fill="url(#accentGrad)" rx="1.5"/> <!-- Left Panel: Dual Coding Theory --> <rect x="40" y="120" width="260" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Dual Coding Theory</text> <text x="60" y="175" font-family="sans-serif" font-size="12" fill="#94a3b8">Cognitive processing of two channels</text> <!-- Brain Icon --> <g transform="translate(100, 210)" stroke="#f8fafc" stroke-width="2" fill="none"> <path d="M20 40c-15 0-20-10-20-20s10-20 25-20 25 10 25 20-5 20-20 20" stroke="#e879f9"/> <path d="M50 40c15 0 20-10 20-20s-10-20-25-20-25 10-25 20 5 20 20 20" stroke="#38bdf8"/> <path d="M35 10v30" stroke-dasharray="2 2"/> </g> <g font-family="sans-serif" font-size="11" fill="#f8fafc"> <rect x="60" y="270" width="90" height="24" rx="4" fill="#e879f933" stroke="#e879f9"/> <text x="105" y="286" text-anchor="middle">VERBAL</text> <rect x="190" y="270" width="90" height="24" rx="4" fill="#38bdf833" stroke="#38bdf8"/> <text x="235" y="286" text-anchor="middle">VISUAL</text> <path d="M105 294v20M235 294v20M105 314h130M170 314v20" fill="none" stroke="#94a3b8"/> <rect x="110" y="334" width="120" height="30" rx="4" fill="#ffffff15" stroke="#f8fafc"/> <text x="170" y="353" text-anchor="middle" font-weight="bold">LONG-TERM MEMORY</text> </g> <text x="60" y="395" font-family="sans-serif" font-size="12" fill="#94a3b8" width="220"> <tspan x="60" dy="1.4em">When text and visuals align, the</tspan> <tspan x="60" dy="1.4em">brain creates dual mental models,</tspan> <tspan x="60" dy="1.4em">reducing total cognitive load.</tspan> </text> <!-- Center Panel: Information Synthesis --> <rect x="320" y="120" width="260" height="400" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="450" y="155" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Information Synthesis</text> <!-- Synthesis Funnel Graphic --> <g transform="translate(360, 180)"> <!-- Raw Data Dots --> <circle cx="20" cy="20" r="3" fill="#94a3b8"/> <circle cx="50" cy="10" r="3" fill="#94a3b8"/> <circle cx="80" cy="25" r="3" fill="#94a3b8"/> <circle cx="110" cy="15" r="3" fill="#94a3b8"/> <circle cx="140" cy="30" r="3" fill="#94a3b8"/> <circle cx="170" cy="10" r="3" fill="#94a3b8"/> <!-- Funnel --> <path d="M10 50 L170 50 L110 120 L70 120 Z" fill="#ffffff15" stroke="#f59e0b" stroke-width="2"/> <text x="90" y="90" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">EXIGENCE FILTER</text> <!-- Synthesized Output --> <g transform="translate(65, 140)"> <rect x="0" y="30" width="15" height="40" fill="#38bdf8" rx="2"/> <rect x="20" y="10" width="15" height="60" fill="#38bdf8" rx="2"/> <rect x="40" y="40" width="15" height="30" fill="#38bdf8" rx="2"/> <text x="25" y="85" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">INSIGHT</text> </g> </g> <g font-family="sans-serif" font-size="12" fill="#f8fafc"> <text x="345" y="420" font-weight="bold">COMPLEXITY</text> <text x="555" y="420" text-anchor="end" font-weight="bold">CLARITY</text> <line x1="345" y1="430" x2="535" y2="430" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <circle cx="440" cy="430" r="6" fill="#f59e0b" filter="url(#glow)"/> <text x="440" y="455" text-anchor="middle" fill="#94a3b8" font-style="italic">The Designer's Balance</text> </g> <!-- Right Panel: Data-Ink Ratio --> <rect x="600" y="120" width="260" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">The KISS Principle</text> <!-- Formula Box --> <rect x="620" y="180" width="220" height="60" rx="8" fill="#00000044"/> <text x="730" y="205" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc"> R<tspan dy="4" font-size="10">di</tspan><tspan dy="-4"> = </tspan> <tspan text-decoration="underline">Data-Ink</tspan> </text> <text x="730" y="225" text-anchor="middle" font-family="serif" font-size="14" fill="#f8fafc">Total Ink</text> <!-- Comparison Charts --> <g transform="translate(630, 260)"> <!-- Chart Junk --> <rect x="0" y="20" width="80" height="60" fill="#ffffff05" stroke="#94a3b8" stroke-width="0.5"/> <line x1="0" y1="35" x2="80" y2="35" stroke="#ffffff10"/> <line x1="0" y1="50" x2="80" y2="50" stroke="#ffffff10"/> <line x1="0" y1="65" x2="80" y2="65" stroke="#ffffff10"/> <rect x="10" y="40" width="15" height="40" fill="#94a3b8" stroke="#000" stroke-width="2"/> <rect x="35" y="30" width="15" height="50" fill="#94a3b8" stroke="#000" stroke-width="2"/> <text x="40" y="95" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">"Chart Junk"</text> <!-- Arrow --> <path d="M95 50 L115 50" stroke="#f8fafc" stroke-width="2" fill="none" marker-end="url(#arrowHead)"/> <!-- Minimalist --> <g transform="translate(130, 0)"> <rect x="10" y="40" width="15" height="40" fill="#e879f9"/> <rect x="35" y="30" width="15" height="50" fill="#e879f9"/> <text x="17" y="35" font-family="sans-serif" font-size="8" fill="#f8fafc">40</text> <text x="42" y="25" font-family="sans-serif" font-size="8" fill="#f8fafc">50</text> <text x="40" y="95" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#e879f9">High Ratio</text> </g> </g> <text x="620" y="395" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="620" dy="1.4em">Erase non-data ink. Remove</tspan> <tspan x="620" dy="1.4em">redundant labels. Every pixel</tspan> <tspan x="620" dy="1.4em">must serve the data.</tspan> </text> <!-- Footer Branding --> <rect x="40" y="485" width="820" height="40" rx="20" fill="url(#accentGrad)" opacity="0.15"/> <text x="450" y="510" text-anchor="middle" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc"> RHETORICAL SITUATION: <tspan fill="#38bdf8">AUDIENCE</tspan> • <tspan fill="#f59e0b">PURPOSE</tspan> • <tspan fill="#e879f9">CONTEXT</tspan> </text> <!-- Markers --> <defs> <marker id="arrowHead" markerWidth="10" markerHeight="10" refX="9" refY="5" orientation="auto"> <path d="M0 0 L10 5 L0 10 Z" fill="#f8fafc"/> </marker> </defs> </svg>Visual Communication and Infographics image 1Visual Communication and Infographics - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/visual-communication-and-infographics/svg/1Visual Communication and Infographics diagram 1Visual Communication and Infographics - TPW: Technical & Professional Writing - diagram 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/visual-communication-and-infographics/svg/2Visual Communication and Infographics diagram 2Visual Communication and Infographics - TPW: Technical & Professional Writing - diagram 2<svg viewBox="0 0 900 560" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotGrid" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotGrid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-1">THE ARCHITECTURE OF DATA VISUALIZATION</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400">Transforming raw quantitative evidence into actionable professional intelligence.</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#334155" stroke-width="1"/> <!-- Panel 1: Data Foundations --> <rect x="40" y="130" width="260" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">1. DATA FOUNDATIONS</text> <g transform="translate(60, 185)"> <rect width="220" height="65" rx="8" fill="#ffffff05"/> <text x="10" y="20" font-family="sans-serif" font-weight="600" font-size="13" fill="#f59e0b">CATEGORICAL (Qualitative)</text> <text x="10" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">• NOMINAL: Unordered labels</text> <text x="10" y="52" font-family="sans-serif" font-size="11" fill="#94a3b8">• ORDINAL: Logical sequences</text> <rect y="80" width="220" height="65" rx="8" fill="#ffffff05"/> <text x="10" y="100" font-family="sans-serif" font-weight="600" font-size="13" fill="#e879f9">NUMERICAL (Quantitative)</text> <text x="10" y="118" font-family="sans-serif" font-size="11" fill="#94a3b8">• DISCRETE: Countable values</text> <text x="10" y="132" font-family="sans-serif" font-size="11" fill="#94a3b8">• CONTINUOUS: Measurable ranges</text> </g> <text x="60" y="365" font-family="sans-serif" font-weight="600" font-size="12" fill="#f8fafc">THE MAPPING PRINCIPLE</text> <text x="60" y="385" font-family="sans-serif" font-size="11" fill="#94a3b8" width="220"> <tspan x="60" dy="0">Effectiveness depends on how math</tspan> <tspan x="60" dy="14">properties map to visual properties</tspan> <tspan x="60" dy="14">(length, position, color, area).</tspan> </text> <!-- Panel 2: Table Anatomy --> <rect x="320" y="130" width="260" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">2. TABLE ANATOMY</text> <!-- Visual Table Diagram --> <g transform="translate(340, 185)"> <text x="0" y="-5" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">Table 1: Descriptive Title</text> <rect y="0" width="220" height="20" fill="#334155" rx="2"/> <text x="10" y="14" font-family="sans-serif" font-size="10" fill="#f8fafc" font-weight="bold">BOXHEAD (Headers)</text> <rect y="22" width="60" height="80" fill="#ffffff10" rx="2"/> <text x="5" y="40" font-family="sans-serif" font-size="9" fill="#94a3b8">STUB</text> <text x="5" y="55" font-family="sans-serif" font-size="9" fill="#94a3b8">(Row IDs)</text> <rect x="62" y="22" width="158" height="80" fill="#ffffff05" rx="2"/> <text x="110" y="65" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">BODY (Data Cells)</text> <line x1="0" y1="108" x2="220" y2="108" stroke="#334155" stroke-width="1"/> <text x="0" y="122" font-family="sans-serif" font-size="9" fill="#94a3b8">Source: Footnotes &amp; Citations</text> </g> <g transform="translate(340, 340)"> <circle cx="5" cy="5" r="3" fill="#38bdf8"/> <text x="15" y="9" font-family="sans-serif" font-size="11" fill="#f8fafc">Numbers: Right-aligned</text> <circle cx="5" cy="25" r="3" fill="#38bdf8"/> <text x="15" y="29" font-family="sans-serif" font-size="11" fill="#f8fafc">Text: Left-aligned</text> <circle cx="5" cy="45" r="3" fill="#38bdf8"/> <text x="15" y="49" font-family="sans-serif" font-size="11" fill="#f8fafc">Grid: Minimize noise (Tufte)</text> </g> <!-- Panel 3: Graph Mechanics --> <rect x="600" y="130" width="260" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">3. GRAPH MECHANICS</text> <g transform="translate(640, 190)"> <!-- Mini Graph --> <line x1="0" y1="0" x2="0" y2="100" stroke="#94a3b8" stroke-width="2"/> <line x1="0" y1="100" x2="150" y2="100" stroke="#94a3b8" stroke-width="2"/> <path d="M 0 80 Q 40 70 70 40 T 150 10" fill="none" stroke="#e879f9" stroke-width="3" filter="glow"/> <text x="-35" y="50" transform="rotate(-90 -35 50)" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">Y: DEPENDENT</text> <text x="75" y="115" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">X: INDEPENDENT</text> <!-- Legend --> <rect x="100" y="30" width="60" height="30" rx="4" fill="#ffffff10"/> <line x1="105" y1="40" x2="115" y2="40" stroke="#e879f9" stroke-width="2"/> <text x="120" y="43" font-family="sans-serif" font-size="8" fill="#f8fafc">Trend A</text> </g> <g transform="translate(620, 340)"> <text x="0" y="0" font-family="sans-serif" font-weight="600" font-size="12" fill="#f8fafc">AXIS PRINCIPLES</text> <text x="0" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">• Zero Baseline for Bar Charts</text> <text x="0" y="35" font-family="sans-serif" font-size="11" fill="#94a3b8">• Logical Tick Intervals (2, 5, 10)</text> <text x="0" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">• Direct Labeling over Legends</text> <text x="0" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8">• Units in Parentheses: Time (s)</text> </g> <!-- Footer / Key Takeaway --> <rect x="40" y="490" width="820" height="40" rx="20" fill="#38bdf820" stroke="#38bdf840"/> <text x="450" y="516" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8" text-anchor="middle">FUNCTIONAL EFFICIENCY OVER DECORATION: DATA MUST BE SCANNABLE, PRECISE, AND HONEST.</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="#e879f910"/> <circle cx="850" cy="50" r="15" fill="#e879f920"/> </svg>Tables, Charts, and Graphs image 1Tables, Charts, and Graphs - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/tables-charts-and-graphs/svg/1Tables, Charts, and Graphs diagram 1Tables, Charts, and Graphs - TPW: Technical & Professional Writing - diagram 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/tables-charts-and-graphs/svg/2Tables, Charts, and Graphs diagram 2Tables, Charts, and Graphs - TPW: Technical & Professional Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">Lists &amp; Formatting</text> <text x="40" y="85" font-family="sans-serif" font-weight="600" font-size="14" fill="#38bdf8" letter-spacing="3">THE ARCHITECTURE OF READABILITY</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Panel 1: The F-Pattern --> <rect x="40" y="130" width="260" height="260" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The F-Pattern</text> <text x="60" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">Visual Scanning Behavior</text> <!-- F-Pattern Illustration --> <rect x="70" y="200" width="200" height="160" rx="4" fill="#0f172a" stroke="#ffffff10"/> <!-- Heatmap lines --> <rect x="80" y="215" width="180" height="12" rx="2" fill="#f59e0b" fill-opacity="0.8"/> <rect x="80" y="235" width="180" height="12" rx="2" fill="#f59e0b" fill-opacity="0.5"/> <rect x="80" y="255" width="120" height="12" rx="2" fill="#f59e0b" fill-opacity="0.7"/> <rect x="80" y="275" width="40" height="12" rx="2" fill="#f59e0b" fill-opacity="0.4"/> <rect x="80" y="295" width="40" height="12" rx="2" fill="#f59e0b" fill-opacity="0.3"/> <rect x="80" y="315" width="40" height="12" rx="2" fill="#f59e0b" fill-opacity="0.2"/> <path d="M 85 210 L 260 210 M 85 210 L 85 340 M 85 250 L 200 250" stroke="#38bdf8" stroke-width="2" fill="none" stroke-dasharray="4" opacity="0.6"/> <!-- Panel 2: Parallelism Logic --> <rect x="320" y="130" width="260" height="260" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="340" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Parallel Logic</text> <text x="340" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">The Symmetry of Syntax</text> <!-- Math Formula Visual --> <rect x="340" y="200" width="220" height="160" rx="8" fill="#ffffff05"/> <text x="450" y="250" font-family="serif" font-style="italic" font-size="22" fill="#e879f9" text-anchor="middle">G(i₁) = G(i₂) = G(iₙ)</text> <line x1="370" y1="265" x2="530" y2="265" stroke="#ffffff20" stroke-width="1"/> <g font-family="sans-serif" font-size="11" fill="#f8fafc"> <circle cx="370" cy="290" r="4" fill="#38bdf8"/> <text x="385" y="294">Action Verb A</text> <circle cx="370" cy="315" r="4" fill="#38bdf8"/> <text x="385" y="319">Action Verb B</text> <circle cx="370" cy="340" r="4" fill="#38bdf8"/> <text x="385" y="344">Action Verb C</text> </g> <!-- Panel 3: List Taxonomy --> <rect x="600" y="130" width="260" height="260" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="620" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Taxonomy</text> <text x="620" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">Choosing the Right Structure</text> <g transform="translate(620, 210)"> <!-- Bulleted --> <rect width="220" height="65" rx="8" fill="#ffffff05"/> <circle cx="20" cy="22" r="3" fill="#f59e0b"/> <circle cx="20" cy="32" r="3" fill="#f59e0b"/> <circle cx="20" cy="42" r="3" fill="#f59e0b"/> <text x="40" y="25" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Bulleted (Unordered)</text> <text x="40" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Equal weight, arbitrary order.</text> <!-- Numbered --> <rect y="75" width="220" height="65" rx="8" fill="#ffffff05"/> <text x="15" y="100" font-family="sans-serif" font-weight="bold" font-size="12" fill="#38bdf8">1.</text> <text x="15" y="115" font-family="sans-serif" font-weight="bold" font-size="12" fill="#38bdf8">2.</text> <text x="15" y="130" font-family="sans-serif" font-weight="bold" font-size="12" fill="#38bdf8">3.</text> <text x="40" y="100" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Numbered (Ordered)</text> <text x="40" y="117" font-family="sans-serif" font-size="11" fill="#94a3b8">Sequence, priority, or steps.</text> </g> <!-- Footer: The Theorem --> <rect x="40" y="410" width="820" height="110" rx="16" fill="url(#accentGrad)" fill-opacity="0.1" stroke="#38bdf830"/> <text x="70" y="445" font-family="sans-serif" font-weight="800" font-size="14" fill="#38bdf8" letter-spacing="1">THE SCANNABILITY THEOREM</text> <text x="70" y="480" font-family="serif" font-style="italic" font-size="32" fill="#f8fafc">T ∝ 1 / (W · S)</text> <g font-family="sans-serif" font-size="12" fill="#94a3b8"> <text x="300" y="455"><tspan fill="#f8fafc" font-weight="bold">T</tspan> = Time to locate data</text> <text x="300" y="475"><tspan fill="#f8fafc" font-weight="bold">W</tspan> = Surrounding White Space</text> <text x="300" y="495"><tspan fill="#f8fafc" font-weight="bold">S</tspan> = Syntactic Isolation</text> </g> <path d="M 550 435 L 550 495" stroke="#ffffff20" stroke-width="1"/> <text x="575" y="455" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Cognitive Load Theory</text> <text x="575" y="475" font-family="sans-serif" font-size="11" fill="#94a3b8" width="200">Lists function as cognitive shortcuts,</text> <text x="575" y="490" font-family="sans-serif" font-size="11" fill="#94a3b8">bypassing linear constraints of prose.</text> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="#e879f9" opacity="0.1"/> <circle cx="850" cy="50" r="15" fill="#e879f9" opacity="0.2"/> </svg>Lists and Formatting for Readability image 1Lists and Formatting for Readability - TPW: Technical & Professional Writing - image 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/lists-and-formatting-for-readability/svg/1Lists and Formatting for Readability diagram 1Lists and Formatting for Readability - TPW: Technical & Professional Writing - diagram 1https://www.getlykke.com/explore/public/tpw-technical-professional-writing-eeaeb115-8bf5-4fb1-8e48-7e86fd368469/media/lists-and-formatting-for-readability/svg/2Lists and Formatting for Readability diagram 2Lists and Formatting for Readability - TPW: Technical & Professional Writing - diagram 2https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d2026-04-20T04:52:48.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background and Texture --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Geometric Shapes --> <circle cx="850" cy="50" r="100" fill="#38bdf8" fill-opacity="0.05"/> <rect x="-50" y="400" width="200" height="200" rx="40" fill="#f59e0b" fill-opacity="0.05" transform="rotate(15)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">COURSE FOUNDATIONS &amp; OER</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8">The Systemic Shift Toward Accessible, Equitable Learning</text> <line x1="350" y1="105" x2="550" y2="105" stroke="url(#accentGrad)" stroke-width="3" stroke-linecap="round"/> <!-- Comparison Section --> <g transform="translate(50, 130)"> <!-- Traditional Card --> <rect width="385" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="20" y="35" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Traditional Publishing</text> <circle cx="350" cy="30" r="12" fill="#ef4444" fill-opacity="0.2"/> <path d="M346 26 L354 34 M354 26 L346 34" stroke="#ef4444" stroke-width="2"/> <g font-family="sans-serif" font-size="13" fill="#94a3b8"> <text x="20" y="70">• High Cost ($100 - $300+ per student)</text> <text x="20" y="95">• Delayed Access (Waiting for purchase)</text> <text x="20" y="120">• Fixed Content (Requires new editions)</text> <text x="20" y="145">• Expiring Access (Digital rentals)</text> </g> </g> <g transform="translate(465, 130)"> <!-- OER Card --> <rect width="385" height="180" rx="16" fill="#38bdf810" stroke="#38bdf840" stroke-width="1"/> <text x="20" y="35" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Open Educational Resources</text> <circle cx="350" cy="30" r="12" fill="#22c55e" fill-opacity="0.2"/> <path d="M344 30 L348 34 L356 26" fill="none" stroke="#22c55e" stroke-width="2"/> <g font-family="sans-serif" font-size="13" fill="#f8fafc"> <text x="20" y="70">• Zero to Low-Cost ($0 - $25)</text> <text x="20" y="95">• Day One Access (Immediate availability)</text> <text x="20" y="120">• Fully Customizable (Real-time updates)</text> <text x="20" y="145">• Perpetual Access (Ownership of content)</text> </g> </g> <!-- The 5 Rs Framework Section --> <text x="450" y="360" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="22" fill="#f59e0b">The "Five Rs" Framework</text> <text x="450" y="380" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">The legal and practical rights defining the OER movement</text> <g transform="translate(75, 410)"> <!-- R1: Retain --> <rect width="140" height="100" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="70" cy="35" r="20" fill="#38bdf820"/> <path d="M62 35 H78 M70 27 V43" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <text x="70" y="70" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">RETAIN</text> <text x="70" y="88" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Make/Own Copies</text> <!-- R2: Reuse --> <g transform="translate(152, 0)"> <rect width="140" height="100" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="70" cy="35" r="20" fill="#e879f920"/> <path d="M60 35 A10 10 0 1 1 70 45" fill="none" stroke="#e879f9" stroke-width="2" stroke-linecap="round"/> <path d="M70 45 L66 45 M70 45 L70 41" fill="none" stroke="#e879f9" stroke-width="2" stroke-linecap="round"/> <text x="70" y="70" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">REUSE</text> <text x="70" y="88" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Use in any context</text> </g> <!-- R3: Revise --> <g transform="translate(304, 0)"> <rect width="140" height="100" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="70" cy="35" r="20" fill="#f59e0b20"/> <path d="M65 40 L75 30 L78 33 L68 43 Z" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="70" y="70" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">REVISE</text> <text x="70" y="88" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Adapt &amp; Modify</text> </g> <!-- R4: Remix --> <g transform="translate(456, 0)"> <rect width="140" height="100" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="62" cy="35" r="10" stroke="#22c55e" stroke-width="1.5" fill="none"/> <circle cx="78" cy="35" r="10" stroke="#22c55e" stroke-width="1.5" fill="none"/> <text x="70" y="70" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">REMIX</text> <text x="70" y="88" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Combine Content</text> </g> <!-- R5: Redistribute --> <g transform="translate(608, 0)"> <rect width="140" height="100" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="70" cy="35" r="20" fill="#38bdf820"/> <path d="M60 35 H80 M75 30 L80 35 L75 40" fill="none" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <text x="70" y="70" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">REDISTRIBUTE</text> <text x="70" y="88" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Share with Others</text> </g> </g> <!-- Footer / Ecosystem Note --> <rect x="50" y="525" width="800" height="25" rx="8" fill="#ffffff05"/> <text x="450" y="542" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#64748b"> <tspan fill="#38bdf8" font-weight="bold">Lumen Learning</tspan> &amp; <tspan fill="#e879f9" font-weight="bold">Kaleidoscope Initiative</tspan> — Bridging OER Content with Enterprise Digital Courseware </text> </svg>Course Foundations and Open Educational Resources image 1Course Foundations and Open Educational Resources - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/course-foundations-and-oer/svg/1Course Foundations and Open Educational Resources diagram 1Course Foundations and Open Educational Resources - Principles of Public Speaking - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-grad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="34" fill="#f8fafc" letter-spacing="2">THE VALUE OF PUBLIC SPEAKING</text> <text x="450" y="85" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Intersection of Rhetoric, Cognitive Psychology, and Logical Formalism</text> <line x1="300" y1="105" x2="600" y2="105" stroke="url(#accent-grad)" stroke-width="2" opacity="0.6"/> <!-- Left Card: The Rhetorical Equation --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="165" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">THE RHETORICAL PILLARS</text> <g transform="translate(60, 190)"> <!-- Ethos --> <circle cx="20" cy="20" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="20" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#38bdf8">E</text> <text x="50" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">ETHOS</text> <text x="50" y="32" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Credibility &amp; Authority</text> <!-- Logos --> <g transform="translate(0, 60)"> <circle cx="20" cy="20" r="18" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="20" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">L</text> <text x="50" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">LOGOS</text> <text x="50" y="32" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Logical Consistency</text> </g> <!-- Pathos --> <g transform="translate(0, 120)"> <circle cx="20" cy="20" r="18" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <text x="20" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#e879f9">P</text> <text x="50" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">PATHOS</text> <text x="50" y="32" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Emotional Alignment</text> </g> </g> <rect x="60" y="390" width="220" height="100" rx="8" fill="#00000030"/> <text x="75" y="415" font-family="Courier New, monospace" font-size="13" fill="#38bdf8">The Persuasion Equation:</text> <text x="75" y="445" font-family="serif" font-size="18" fill="#f8fafc">E = w<tspan baseline-shift="sub" font-size="10">e</tspan>(E) + w<tspan baseline-shift="sub" font-size="10">l</tspan>(L) + w<tspan baseline-shift="sub" font-size="10">p</tspan>(P)</text> <text x="75" y="475" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Effectiveness is a weighted function</text> <!-- Center Card: Transactional Model --> <rect x="320" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="340" y="165" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">COMMUNICATION LOOP</text> <!-- Diagram --> <circle cx="450" cy="270" r="70" fill="none" stroke="#ffffff20" stroke-dasharray="4 4"/> <!-- Source --> <rect x="340" y="245" width="60" height="50" rx="4" fill="#38bdf820" stroke="#38bdf8"/> <text x="370" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">SOURCE</text> <!-- Receiver --> <rect x="500" y="245" width="60" height="50" rx="4" fill="#e879f920" stroke="#e879f9"/> <text x="530" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">RECEIVER</text> <!-- Arrows --> <path d="M 405 260 Q 450 230 495 260" fill="none" stroke="#f8fafc" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 495 280 Q 450 310 405 280" fill="none" stroke="#f8fafc" stroke-width="2" opacity="0.5"/> <text x="450" y="220" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">MESSAGE</text> <text x="450" y="325" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">FEEDBACK</text> <!-- Noise --> <path d="M 430 255 L 470 285 M 430 285 L 470 255" stroke="#ef4444" stroke-width="2" opacity="0.6"/> <text x="450" y="275" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#ef4444" font-weight="bold">NOISE</text> <text x="340" y="380" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">High-Bandwidth Protocol:</text> <text x="340" y="405" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">• Salience &amp; Nuance</text> <text x="340" y="425" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">• Immediate Feedback Loops</text> <text x="340" y="445" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">• Real-time Error Correction</text> <text x="340" y="465" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">• Contextual Encoding</text> <!-- Right Card: Cognitive Growth --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="620" y="165" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">COGNITIVE GROWTH</text> <g transform="translate(620, 200)"> <rect x="0" y="0" width="220" height="45" rx="6" fill="#ffffff05"/> <text x="10" y="20" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">1. Systematic Desensitization</text> <text x="10" y="36" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Managing Glossophobia via exposure.</text> <rect x="0" y="60" width="220" height="45" rx="6" fill="#ffffff05"/> <text x="10" y="80" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">2. Executive Function</text> <text x="10" y="96" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Managing high cognitive load.</text> <rect x="0" y="120" width="220" height="45" rx="6" fill="#ffffff05"/> <text x="10" y="140" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">3. The Trivium Interface</text> <text x="10" y="156" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Grammar → Logic → Rhetoric.</text> </g> <!-- Bottom Visual: The Forcing Function --> <path d="M 620 410 L 840 410" stroke="#ffffff20" stroke-width="1"/> <text x="620" y="435" font-family="Arial, sans-serif" font-size="14" fill="#f8fafc" font-weight="bold">The "Forcing Function"</text> <text x="620" y="455" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Public speaking forces the brain to</text> <text x="620" y="472" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">organize internal chaos into</text> <text x="620" y="489" font-family="Arial, sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">Structured Social Reality.</text> <!-- Decorative Accents --> <circle cx="40" cy="40" r="3" fill="#38bdf8"/> <circle cx="860" cy="40" r="3" fill="#e879f9"/> <circle cx="40" cy="520" r="3" fill="#f59e0b"/> <circle cx="860" cy="520" r="3" fill="#38bdf8"/> <!-- Arrow Marker --> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#f8fafc" /> </marker> </svg>The Value of Public Speaking image 1The Value of Public Speaking - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/the-value-of-public-speaking/svg/1The Value of Public Speaking diagram 1The Value of Public Speaking - Principles of Public Speaking - diagram 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/the-value-of-public-speaking/svg/2The Value of Public Speaking diagram 2The Value of Public Speaking - Principles of Public Speaking - diagram 2https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/the-value-of-public-speaking/svg/3The Value of Public Speaking diagram 3The Value of Public Speaking - Principles of Public Speaking - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="linearGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#0ea5e9"/> </linearGradient> <linearGradient id="transGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#e879f9"/> <stop offset="100%" stop-color="#a855f7"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">THE COMMUNICATION PROCESS</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8" letter-spacing="2">FROM TRANSMISSION TO MEANING-MAKING</text> <!-- Linear Model Panel --> <rect x="40" y="100" width="400" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="135" font-family="sans-serif" font-weight="700" font-size="20" fill="#38bdf8">The Linear Model</text> <text x="60" y="155" font-family="sans-serif" font-size="13" fill="#94a3b8">Shannon-Weaver (1949) — The Transmission Paradigm</text> <!-- Linear Diagram --> <g transform="translate(60, 180)"> <!-- Sender --> <circle cx="40" cy="60" r="30" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="40" y="65" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">SENDER</text> <!-- Arrow/Channel --> <line x1="75" y1="60" x2="285" y2="60" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 4"/> <path d="M 285 60 L 275 55 L 275 65 Z" fill="#94a3b8"/> <!-- Noise --> <path d="M 180 20 L 170 45 L 190 45 L 180 70" fill="none" stroke="#f59e0b" stroke-width="3" stroke-linecap="round"/> <text x="180" y="15" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">NOISE</text> <!-- Receiver --> <circle cx="320" cy="60" r="30" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="320" y="65" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">RECEIVER</text> <!-- Labels --> <text x="100" y="85" font-family="sans-serif" font-size="11" fill="#38bdf8">Encoding</text> <text x="250" y="85" font-family="sans-serif" font-size="11" fill="#38bdf8">Decoding</text> <text x="180" y="105" text-anchor="middle" font-family="sans-serif" font-size="12" font-style="italic" fill="#94a3b8">Channel (Air, Cable, Signal)</text> </g> <!-- Linear Description --> <g transform="translate(60, 320)"> <rect width="360" height="140" fill="#00000020" rx="8"/> <text x="15" y="25" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Key Characteristics:</text> <text x="15" y="50" font-family="sans-serif" font-size="12" fill="#94a3b8">• One-way flow (Injection model)</text> <text x="15" y="70" font-family="sans-serif" font-size="12" fill="#94a3b8">• Focus on data integrity &amp; technical accuracy</text> <text x="15" y="90" font-family="sans-serif" font-size="12" fill="#94a3b8">• Receiver is a passive destination</text> <text x="15" y="110" font-family="sans-serif" font-size="12" fill="#94a3b8">• Entropy &amp; Noise are primary obstacles</text> </g> <!-- Transactional Model Panel --> <rect x="460" y="100" width="400" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="480" y="135" font-family="sans-serif" font-weight="700" font-size="20" fill="#e879f9">The Transactional Model</text> <text x="480" y="155" font-family="sans-serif" font-size="13" fill="#94a3b8">Barnlund (1970) — The Circular Exchange</text> <!-- Transactional Diagram --> <g transform="translate(480, 180)"> <!-- Context Box --> <rect x="0" y="0" width="360" height="120" rx="12" fill="#e879f905" stroke="#e879f930" stroke-dasharray="2 2"/> <text x="180" y="-10" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#e879f9" letter-spacing="1">SOCIAL &amp; CULTURAL CONTEXT</text> <!-- Communicator A --> <circle cx="120" cy="60" r="45" fill="#e879f915" stroke="#e879f9" stroke-width="2"/> <!-- Communicator B --> <circle cx="240" cy="60" r="45" fill="#e879f915" stroke="#e879f9" stroke-width="2"/> <!-- Shared Meaning Overlap --> <text x="180" y="65" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">SHARED<tspan x="180" dy="12">MEANING</tspan></text> <text x="85" y="65" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#f8fafc">COMMUNICATOR</text> <text x="275" y="65" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#f8fafc">COMMUNICATOR</text> <!-- Circular Arrows --> <path d="M 150 20 Q 180 5 210 20" fill="none" stroke="#e879f9" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M 210 100 Q 180 115 150 100" fill="none" stroke="#e879f9" stroke-width="2" marker-end="url(#arrowhead)"/> </g> <!-- Transactional Description --> <g transform="translate(480, 320)"> <rect width="360" height="140" fill="#00000020" rx="8"/> <text x="15" y="25" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Key Characteristics:</text> <text x="15" y="50" font-family="sans-serif" font-size="12" fill="#94a3b8">• Simultaneous sending and receiving</text> <text x="15" y="70" font-family="sans-serif" font-size="12" fill="#94a3b8">• Meaning is co-created, not just sent</text> <text x="15" y="90" font-family="sans-serif" font-size="12" fill="#94a3b8">• Influenced by field of experience</text> <text x="15" y="110" font-family="sans-serif" font-size="12" fill="#94a3b8">• Constant non-verbal feedback loop</text> </g> <!-- Bottom Comparison Bar --> <rect x="40" y="500" width="820" height="40" rx="20" fill="#ffffff10"/> <text x="60" y="525" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">EVOLUTION:</text> <text x="150" y="525" font-family="sans-serif" font-size="13" fill="#94a3b8">From viewing communication as a </text> <text x="365" y="525" font-family="sans-serif" font-size="13" font-weight="bold" fill="#38bdf8">TECHNICAL SIGNAL</text> <text x="495" y="525" font-family="sans-serif" font-size="13" fill="#94a3b8">to a </text> <text x="530" y="525" font-family="sans-serif" font-size="13" font-weight="bold" fill="#e879f9">SOCIAL REALITY CONSTRUCT.</text> <!-- Arrowhead Marker --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#e879f9" /> </marker> </defs> </svg>The Communication Process and Models image 1The Communication Process and Models - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/the-communication-process/svg/1The Communication Process and Models diagram 1The Communication Process and Models - Principles of Public Speaking - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">RHETORIC &amp; CORE COMPETENCIES</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2">THE ARCHITECTURE OF PERSUASIVE COMMUNICATION</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Column 1: The 5 Canons --> <rect x="30" y="110" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="160" y="140" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE FIVE CANONS</text> <g transform="translate(50, 165)"> <!-- Invention --> <circle cx="20" cy="10" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M 15 10 L 25 10 M 20 5 L 20 15" stroke="#38bdf8" stroke-width="2"/> <text x="45" y="10" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Invention</text> <text x="45" y="25" font-family="sans-serif" font-size="11" fill="#94a3b8">Discovery of arguments &amp; evidence.</text> <!-- Arrangement --> <g transform="translate(0, 55)"> <rect x="5" y="0" width="30" height="20" rx="4" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <line x1="10" y1="10" x2="30" y2="10" stroke="#38bdf8" stroke-width="1"/> <text x="45" y="10" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Arrangement</text> <text x="45" y="25" font-family="sans-serif" font-size="11" fill="#94a3b8">Strategic structure &amp; organization.</text> </g> <!-- Style --> <g transform="translate(0, 110)"> <path d="M 5 15 L 20 5 L 35 15" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <circle cx="20" cy="15" r="4" fill="#38bdf8"/> <text x="45" y="10" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Style</text> <text x="45" y="25" font-family="sans-serif" font-size="11" fill="#94a3b8">Language choice &amp; rhetorical devices.</text> </g> <!-- Memory --> <g transform="translate(0, 165)"> <circle cx="20" cy="10" r="12" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <circle cx="20" cy="10" r="4" fill="#38bdf8"/> <text x="45" y="10" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Memory</text> <text x="45" y="25" font-family="sans-serif" font-size="11" fill="#94a3b8">Internalizing content for engagement.</text> </g> <!-- Delivery --> <g transform="translate(0, 220)"> <path d="M 5 5 L 35 5 L 20 25 Z" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="45" y="10" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Delivery</text> <text x="45" y="25" font-family="sans-serif" font-size="11" fill="#94a3b8">Vocal &amp; physical performance.</text> </g> </g> <!-- Column 2: The Three Pillars --> <rect x="320" y="110" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="450" y="140" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">THE THREE PILLARS</text> <!-- Triangle Diagram --> <g transform="translate(450, 280)"> <path d="M 0 -80 L 70 50 L -70 50 Z" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 4" opacity="0.5"/> <!-- Logos --> <g transform="translate(0, -80)"> <circle r="35" fill="#0f172a" stroke="#38bdf8" stroke-width="2"/> <text y="-45" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">LOGOS</text> <text y="5" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">LOGIC</text> <text y="18" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Evidence &amp; Reason</text> </g> <!-- Pathos --> <g transform="translate(70, 50)"> <circle r="35" fill="#0f172a" stroke="#e879f9" stroke-width="2"/> <text y="50" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#e879f9">PATHOS</text> <text y="5" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">EMOTION</text> <text y="18" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Values &amp; Stories</text> </g> <!-- Ethos --> <g transform="translate(-70, 50)"> <circle r="35" fill="#0f172a" stroke="#f59e0b" stroke-width="2"/> <text y="50" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">ETHOS</text> <text y="5" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">CREDIBILITY</text> <text y="18" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Character &amp; Ethics</text> </g> </g> <text x="450" y="480" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"The faculty of observing the available</text> <text x="450" y="495" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">means of persuasion." — Aristotle</text> <!-- Column 3: Learning Model --> <rect x="610" y="110" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="740" y="140" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE LEARNING MODEL</text> <g transform="translate(640, 180)"> <!-- Step 1 --> <rect width="200" height="60" rx="8" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="10" y="25" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">01. INSTRUCTION</text> <text x="10" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Theory, organization, and ethics.</text> <!-- Arrow --> <path d="M 100 60 L 100 85" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2 2" marker-end="url(#arrowhead)"/> <!-- Step 2 --> <g transform="translate(0, 90)"> <rect width="200" height="60" rx="8" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="10" y="25" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">02. IMITATION</text> <text x="10" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Modeling and analyzing the masters.</text> </g> <!-- Arrow --> <path d="M 100 150 L 100 175" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2 2"/> <!-- Step 3 --> <g transform="translate(0, 180)"> <rect width="200" height="60" rx="8" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="10" y="25" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">03. PRACTICE</text> <text x="10" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Iterative performance &amp; critique.</text> </g> </g> <!-- Footer: PSCR --> <rect x="30" y="530" width="840" height="20" rx="4" fill="#38bdf820"/> <text x="450" y="545" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="10" fill="#38bdf8" letter-spacing="1">METRIC: PUBLIC SPEAKING COMPETENCE RUBRIC (PSCR) — OBJECTIVE ASSESSMENT STANDARDS</text> <!-- Decorative Accents --> <circle cx="30" cy="30" r="2" fill="#f59e0b"/> <circle cx="870" cy="30" r="2" fill="#e879f9"/> <circle cx="30" cy="530" r="2" fill="#38bdf8"/> <circle cx="870" cy="530" r="2" fill="#f8fafc"/> </svg>Rhetoric and Core Competencies image 1Rhetoric and Core Competencies - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/rhetoric-and-core-competencies/svg/1Rhetoric and Core Competencies diagram 1Rhetoric and Core Competencies - Principles of Public Speaking - diagram 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/rhetoric-and-core-competencies/svg/2Rhetoric and Core Competencies diagram 2Rhetoric and Core Competencies - Principles of Public Speaking - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <line x1="0" y1="100" x2="900" y2="100"/> <line x1="0" y1="200" x2="900" y2="200"/> <line x1="0" y1="300" x2="900" y2="300"/> <line x1="0" y1="400" x2="900" y2="400"/> <line x1="0" y1="500" x2="900" y2="500"/> <line x1="100" y1="0" x2="100" y2="560"/> <line x1="300" y1="0" x2="300" y2="560"/> <line x1="500" y1="0" x2="500" y2="560"/> <line x1="700" y1="0" x2="700" y2="560"/> </g> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-size="32" font-weight="bold" fill="#f8fafc">LISTENING &amp; FEEDBACK</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE COGNITIVE ARCHITECTURE OF HUMAN INTERACTION</text> <rect x="40" y="105" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Section 1: Hearing vs Listening --> <rect x="40" y="140" width="400" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="170" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">I. THE PHYSIOLOGICAL DIVIDE</text> <!-- Hearing Column --> <g transform="translate(60, 190)"> <circle cx="20" cy="20" r="18" fill="#ffffff10" stroke="#94a3b8" stroke-dasharray="2 2"/> <path d="M15 15 Q25 20 15 25" fill="none" stroke="#94a3b8" stroke-width="2"/> <text x="50" y="15" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">HEARING</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Passive Transducer</text> <text x="0" y="65" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="0" dy="0">• Involuntary reception</tspan> <tspan x="0" dy="18">• Sound wave transduction</tspan> <tspan x="0" dy="18">• Zero cognitive effort</tspan> </text> </g> <!-- Listening Column --> <g transform="translate(250, 190)"> <circle cx="20" cy="20" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M12 20 L18 20 L22 12 L28 28 L32 20 L38 20" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="50" y="15" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">LISTENING</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#38bdf8">Active Decoder</text> <text x="0" y="65" font-family="sans-serif" font-size="12" fill="#cbd5e1"> <tspan x="0" dy="0">• Intentional focus</tspan> <tspan x="0" dy="18">• Semantic integration</tspan> <tspan x="0" dy="18">• Noise filtering (SNR)</tspan> </text> </g> <!-- Section 2: The Three A's --> <rect x="460" y="140" width="400" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="170" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">II. THE TRIAD OF ENGAGEMENT</text> <!-- A1: Attention --> <g transform="translate(480, 200)"> <rect width="360" height="80" rx="12" fill="#ffffff05"/> <circle cx="30" cy="40" r="20" fill="#f59e0b20" stroke="#f59e0b"/> <path d="M30 30 L30 50 M20 40 L40 40" stroke="#f59e0b" stroke-width="2"/> <text x="70" y="35" font-family="sans-serif" font-size="15" font-weight="bold" fill="#f8fafc">ATTENTION</text> <text x="70" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8">Overcoming the speech-thought differential.</text> <text x="70" y="70" font-family="sans-serif" font-size="11" fill="#f59e0b" font-style="italic">Focus: Selective narrowing of resources.</text> </g> <!-- A2: Attitude --> <g transform="translate(480, 295)"> <rect width="360" height="80" rx="12" fill="#ffffff05"/> <circle cx="30" cy="40" r="20" fill="#e879f920" stroke="#e879f9"/> <path d="M22 40 Q30 50 38 40" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="70" y="35" font-family="sans-serif" font-size="15" font-weight="bold" fill="#f8fafc">ATTITUDE</text> <text x="70" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8">Neutral-to-positive valence toward the speaker.</text> <text x="70" y="70" font-family="sans-serif" font-size="11" fill="#e879f9" font-style="italic">Avoidance of "deaf spots" and bias.</text> </g> <!-- A3: Adjustment --> <g transform="translate(480, 390)"> <rect width="360" height="80" rx="12" fill="#ffffff05"/> <circle cx="30" cy="40" r="20" fill="#38bdf820" stroke="#38bdf8"/> <path d="M25 35 L35 45 M35 35 L25 45" stroke="#38bdf8" stroke-width="2"/> <text x="70" y="35" font-family="sans-serif" font-size="15" font-weight="bold" fill="#f8fafc">ADJUSTMENT</text> <text x="70" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8">Cognitive flexibility as arguments evolve.</text> <text x="70" y="70" font-family="sans-serif" font-size="11" fill="#38bdf8" font-style="italic">Dynamic mapping of the message path.</text> </g> <!-- Section 3: Feedback Loop --> <rect x="40" y="340" width="400" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="370" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">III. THE CLOSED-LOOP SYSTEM</text> <g transform="translate(100, 420)"> <!-- Speaker Node --> <circle cx="0" cy="30" r="25" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <text x="-15" y="35" font-family="sans-serif" font-size="10" fill="#f8fafc">TX</text> <!-- Listener Node --> <circle cx="200" cy="30" r="25" fill="#1e293b" stroke="#e879f9" stroke-width="2"/> <text x="185" y="35" font-family="sans-serif" font-size="10" fill="#f8fafc">RX</text> <!-- Signal Path --> <path d="M30 20 Q100 0 170 20" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 2"/> <text x="80" y="15" font-family="sans-serif" font-size="10" fill="#94a3b8">MESSAGE</text> <!-- Feedback Path --> <path d="M170 45 Q100 65 30 45" fill="none" stroke="#f59e0b" stroke-width="2"/> <polygon points="30,45 40,40 40,50" fill="#f59e0b"/> <text x="80" y="75" font-family="sans-serif" font-size="10" fill="#f59e0b">FEEDBACK</text> </g> <text x="60" y="500" font-family="monospace" font-size="11" fill="#64748b">system_status: ACTIVE_LISTENING_ENGAGED</text> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="850" cy="50" r="15" fill="none" stroke="#ffffff05" stroke-width="4"/> </svg>Listening and Feedback image 1Listening and Feedback - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/listening-and-feedback/svg/1Listening and Feedback diagram 1Listening and Feedback - Principles of Public Speaking - diagram 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/listening-and-feedback/svg/2Listening and Feedback diagram 2Listening and Feedback - Principles of Public Speaking - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Grid Lines --> <g stroke="#ffffff08" stroke-width="1"> <line x1="0" y1="80" x2="900" y2="80"/> <line x1="450" y1="80" x2="450" y2="520"/> </g> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">SPEECH PREPARATION &amp; TOPIC SELECTION</text> <path d="M 350 65 L 550 65" stroke="url(#accentGrad)" stroke-width="3" stroke-linecap="round"/> <!-- LEFT COLUMN: THE FUNNEL OF PRECISION --> <g transform="translate(40, 100)"> <rect width="380" height="430" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="20" y="35" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE FUNNEL OF PRECISION</text> <text x="20" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8">The recursive narrowing of focus</text> <!-- Funnel Graphic --> <path d="M 60 80 L 320 80 L 240 380 L 140 380 Z" fill="#ffffff05" stroke="#ffffff20" stroke-dasharray="4 2"/> <!-- Funnel Steps --> <g transform="translate(0, 90)"> <rect x="70" y="0" width="240" height="45" rx="8" fill="#ffffff10"/> <text x="190" y="28" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">1. BROAD TOPIC</text> <text x="190" y="65" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">e.g., "Artificial Intelligence"</text> <rect x="100" y="80" width="180" height="45" rx="8" fill="#ffffff15"/> <text x="190" y="108" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">2. GENERAL PURPOSE</text> <text x="190" y="145" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">To Inform, Persuade, or Commemorate</text> <rect x="125" y="160" width="130" height="45" rx="8" fill="#ffffff20" stroke="#f59e0b" stroke-width="1"/> <text x="190" y="188" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">3. SPECIFIC PURPOSE</text> <text x="190" y="225" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">"To inform about AI in healthcare"</text> <rect x="145" y="240" width="90" height="45" rx="8" fill="#f59e0b" fill-opacity="0.2" stroke="#f59e0b"/> <text x="190" y="268" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">4. CENTRAL IDEA</text> <text x="190" y="305" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">The "Thesis" or core message</text> </g> </g> <!-- RIGHT COLUMN: TAXONOMY OF PURPOSES --> <g transform="translate(460, 100)"> <text x="0" y="25" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">TAXONOMY OF PURPOSES</text> <!-- Informative Card --> <g transform="translate(0, 50)"> <rect width="400" height="100" rx="12" fill="#38bdf815" stroke="#38bdf840"/> <circle cx="40" cy="50" r="20" fill="#38bdf820"/> <path d="M 35 45 L 45 45 L 45 55 L 35 55 Z" fill="#38bdf8"/> <!-- Book Icon --> <text x="75" y="40" font-family="sans-serif" font-weight="700" font-size="16" fill="#38bdf8">Informative Speaking</text> <text x="75" y="62" font-family="sans-serif" font-size="12" fill="#f8fafc">Role: Educator / Reporter</text> <text x="75" y="80" font-family="sans-serif" font-size="11" fill="#94a3b8">Goal: Knowledge transfer and audience comprehension.</text> </g> <!-- Persuasive Card --> <g transform="translate(0, 165)"> <rect width="400" height="100" rx="12" fill="#f59e0b15" stroke="#f59e0b40"/> <circle cx="40" cy="50" r="20" fill="#f59e0b20"/> <path d="M 32 55 L 40 40 L 48 55 Z" fill="#f59e0b"/> <!-- Advocate Icon --> <text x="75" y="40" font-family="sans-serif" font-weight="700" font-size="16" fill="#f59e0b">Persuasive Speaking</text> <text x="75" y="62" font-family="sans-serif" font-size="12" fill="#f8fafc">Role: Advocate / Catalyst</text> <text x="75" y="80" font-family="sans-serif" font-size="11" fill="#94a3b8">Goal: Behavioral change using Ethos, Logos, and Pathos.</text> </g> <!-- Commemorative Card --> <g transform="translate(0, 280)"> <rect width="400" height="100" rx="12" fill="#e879f915" stroke="#e879f940"/> <circle cx="40" cy="50" r="20" fill="#e879f920"/> <path d="M 40 38 L 43 45 L 50 45 L 45 50 L 47 57 L 40 53 L 33 57 L 35 50 L 30 45 L 37 45 Z" fill="#e879f9"/> <!-- Star Icon --> <text x="75" y="40" font-family="sans-serif" font-weight="700" font-size="16" fill="#e879f9">Commemorative Speaking</text> <text x="75" y="62" font-family="sans-serif" font-size="12" fill="#f8fafc">Role: Master of Ceremonies</text> <text x="75" y="80" font-family="sans-serif" font-size="11" fill="#94a3b8">Goal: Social cohesion and shared emotional resonance.</text> </g> <!-- The Goldilocks Principle --> <g transform="translate(0, 395)"> <rect width="400" height="35" rx="8" fill="#ffffff10"/> <text x="200" y="22" text-anchor="middle" font-family="sans-serif" font-style="italic" font-size="12" fill="#94a3b8"> "The Goldilocks Principle: Not too broad, not too narrow, just right." </text> </g> </g> <!-- Bottom Legend/Footer --> <g transform="translate(40, 540)"> <text font-family="sans-serif" font-size="10" fill="#475569">SPEECH PREP WORKFLOW v1.0 • ENCODING PHASE • AUDIENCE-CENTRIC DESIGN</text> </g> </svg>Speech Preparation and Topic Selection image 1Speech Preparation and Topic Selection - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/speech-preparation-and-topic-selection/svg/1Speech Preparation and Topic Selection diagram 1Speech Preparation and Topic Selection - Principles of Public Speaking - diagram 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/speech-preparation-and-topic-selection/svg/2Speech Preparation and Topic Selection diagram 2Speech Preparation and Topic Selection - Principles of Public Speaking - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" filter="url(#glow)">FOUNDATIONS OF INFORMATIVE SPEAKING</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#38bdf8" letter-spacing="4" font-weight="600">KNOWLEDGE TRANSFER PROTOCOL</text> <line x1="300" y1="100" x2="600" y2="100" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4" opacity="0.5"/> <!-- Left Panel: Information vs Knowledge --> <rect x="40" y="130" width="260" height="240" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="165" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">ONTOLOGICAL SHIFT</text> <g transform="translate(60, 190)"> <circle cx="10" cy="10" r="6" fill="#f59e0b"/> <text x="25" y="15" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Information</text> <text x="25" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Discrete data points &amp; facts.</text> <text x="25" y="46" font-family="sans-serif" font-size="11" fill="#94a3b8">High Entropy (Unorganized).</text> <path d="M 10 65 L 10 85" stroke="#94a3b8" stroke-width="1" stroke-dasharray="2 2"/> <rect x="0" y="100" width="20" height="20" rx="4" fill="#e879f9"/> <text x="25" y="115" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Knowledge</text> <text x="25" y="132" font-family="sans-serif" font-size="11" fill="#94a3b8">Internalized mental models.</text> <text x="25" y="146" font-family="sans-serif" font-size="11" fill="#94a3b8">Low Entropy (Structured).</text> </g> <!-- Center Panel: The Process --> <rect x="320" y="130" width="260" height="240" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="165" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">TRANSFORMATION</text> <g transform="translate(340, 190)"> <rect x="0" y="0" width="220" height="40" rx="8" fill="#38bdf815" stroke="#38bdf830"/> <text x="40" y="25" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">1. SELECTION</text> <circle cx="20" cy="20" r="8" fill="#38bdf8"/> <text x="20" y="24" text-anchor="middle" font-size="10" fill="#0f172a" font-weight="bold">S</text> <rect x="0" y="55" width="220" height="40" rx="8" fill="#38bdf815" stroke="#38bdf830"/> <text x="40" y="80" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">2. ORGANIZATION</text> <circle cx="20" cy="75" r="8" fill="#38bdf8"/> <text x="20" y="79" text-anchor="middle" font-size="10" fill="#0f172a" font-weight="bold">O</text> <rect x="0" y="110" width="220" height="40" rx="8" fill="#38bdf815" stroke="#38bdf830"/> <text x="40" y="135" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">3. INTEGRATION</text> <circle cx="20" cy="130" r="8" fill="#38bdf8"/> <text x="20" y="134" text-anchor="middle" font-size="10" fill="#0f172a" font-weight="bold">I</text> </g> <!-- Right Panel: Shannon Entropy --> <rect x="600" y="130" width="260" height="240" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="165" font-family="sans-serif" font-weight="bold" font-size="18" fill="#e879f9">SHANNON ENTROPY</text> <text x="620" y="195" font-family="serif" font-style="italic" font-size="16" fill="#f8fafc">H = -Σ p(x) log₂ p(x)</text> <!-- Entropy Visual --> <g transform="translate(625, 220)"> <!-- High Entropy --> <text x="0" y="10" font-size="10" fill="#94a3b8">UNCERTAINTY (H)</text> <rect x="0" y="20" width="80" height="60" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="10" cy="30" r="2" fill="#f59e0b"/> <circle cx="30" cy="50" r="2" fill="#f59e0b"/> <circle cx="60" cy="35" r="2" fill="#f59e0b"/> <circle cx="45" cy="70" r="2" fill="#f59e0b"/> <circle cx="15" cy="65" r="2" fill="#f59e0b"/> <path d="M 95 50 L 115 50" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow)"/> <!-- Low Entropy --> <rect x="130" y="20" width="80" height="60" fill="#38bdf810" stroke="#38bdf830"/> <circle cx="170" cy="50" r="4" fill="#38bdf8"/> <circle cx="170" cy="50" r="8" fill="#38bdf8" fill-opacity="0.2"/> <text x="130" y="95" font-size="10" fill="#38bdf8">KNOWLEDGE GAIN</text> </g> <!-- Bottom: Functions --> <rect x="40" y="390" width="820" height="140" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="420" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">PRIMARY FUNCTIONS</text> <g transform="translate(60, 445)"> <text x="0" y="0" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">1. PROVIDING KNOWLEDGE</text> <text x="0" y="20" font-family="sans-serif" font-size="12" fill="#94a3b8">Translating complexity into</text> <text x="0" y="35" font-family="sans-serif" font-size="12" fill="#94a3b8">accessible mental models.</text> </g> <g transform="translate(310, 445)"> <text x="0" y="0" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">2. SHAPING PERCEPTION</text> <text x="0" y="20" font-family="sans-serif" font-size="12" fill="#94a3b8">Framing facts to influence</text> <text x="0" y="35" font-family="sans-serif" font-size="12" fill="#94a3b8">how reality is conceptualized.</text> </g> <g transform="translate(560, 445)"> <text x="0" y="0" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">3. ARTICULATING ALTERNATIVES</text> <text x="0" y="20" font-family="sans-serif" font-size="12" fill="#94a3b8">Mapping the menu of options</text> <text x="0" y="35" font-family="sans-serif" font-size="12" fill="#94a3b8">prior to decision-making.</text> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="#e879f9" fill-opacity="0.05"/> <circle cx="850" cy="50" r="15" fill="#e879f9" fill-opacity="0.1"/> <path d="M 820 520 L 860 520 L 840 490 Z" fill="#f59e0b" fill-opacity="0.2"/> </svg>Foundations of Informative Speaking image 1Foundations of Informative Speaking - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/foundations-of-informative-speaking/svg/1Foundations of Informative Speaking diagram 1Foundations of Informative Speaking - Principles of Public Speaking - diagram 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/foundations-of-informative-speaking/svg/2Foundations of Informative Speaking diagram 2Foundations of Informative Speaking - Principles of Public Speaking - diagram 2https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/foundations-of-informative-speaking/svg/3Foundations of Informative Speaking diagram 3Foundations of Informative Speaking - Principles of Public Speaking - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-blue" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#0ea5e9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Background Elements --> <circle cx="850" cy="50" r="100" fill="#e879f9" opacity="0.05"/> <circle cx="50" cy="510" r="120" fill="#38bdf8" opacity="0.05"/> <path d="M 0 450 Q 450 500 900 450" fill="none" stroke="#ffffff05" stroke-width="2"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">TYPES OF INFORMATIVE SPEECHES</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8" letter-spacing="2">THE ART OF DOCERE: ENGINEERING MENTAL MODELS</text> <rect x="400" y="95" width="100" height="3" rx="1.5" fill="#f59e0b"/> <!-- Card 1: Definitional --> <g transform="translate(50, 130)"> <rect width="385" height="180" rx="16" fill="#ffffff10" stroke="#38bdf844" stroke-width="1"/> <rect x="20" y="20" width="40" height="40" rx="8" fill="#38bdf822"/> <path d="M 30 35 L 50 35 M 30 40 L 50 40 M 30 45 L 40 45" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <text x="75" y="38" font-family="sans-serif" font-weight="700" font-size="20" fill="#f8fafc">DEFINITIONAL</text> <text x="75" y="56" font-family="sans-serif" font-weight="600" font-size="12" fill="#38bdf8" letter-spacing="1">THE LOGIC OF MEANING</text> <text x="25" y="90" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="25" dy="1.2em">Clarifies complex concepts or theories using</tspan> <tspan x="25" dy="1.2em">precision and logic. Relies on "Genus and</tspan> <tspan x="25" dy="1.2em">Differentia" to distinguish terms.</tspan> </text> <rect x="25" y="145" width="110" height="20" rx="4" fill="#38bdf815"/> <text x="80" y="159" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="700" fill="#38bdf8">LOGOS FOCUS</text> </g> <!-- Card 2: Descriptive --> <g transform="translate(465, 130)"> <rect width="385" height="180" rx="16" fill="#ffffff10" stroke="#e879f944" stroke-width="1"/> <rect x="20" y="20" width="40" height="40" rx="8" fill="#e879f922"/> <circle cx="40" cy="40" r="8" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M 40 32 L 40 28 M 48 35 L 52 32 M 48 45 L 52 48 M 40 48 L 40 52" stroke="#e879f9" stroke-width="2" stroke-linecap="round"/> <text x="75" y="38" font-family="sans-serif" font-weight="700" font-size="20" fill="#f8fafc">DESCRIPTIVE</text> <text x="75" y="56" font-family="sans-serif" font-weight="600" font-size="12" fill="#e879f9" letter-spacing="1">ARCHITECTURE OF IMAGERY</text> <text x="25" y="90" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="25" dy="1.2em">Creates a vivid mental image of people, places,</tspan> <tspan x="25" dy="1.2em">or objects. Utilizes sensory appeal and style</tspan> <tspan x="25" dy="1.2em">to achieve high "vividness" (Enargeia).</tspan> </text> <rect x="25" y="145" width="110" height="20" rx="4" fill="#e879f915"/> <text x="80" y="159" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="700" fill="#e879f9">STYLE FOCUS</text> </g> <!-- Card 3: Explanatory --> <g transform="translate(50, 340)"> <rect width="385" height="180" rx="16" fill="#ffffff10" stroke="#f59e0b44" stroke-width="1"/> <rect x="20" y="20" width="40" height="40" rx="8" fill="#f59e0b22"/> <path d="M 32 32 L 48 48 M 48 32 L 32 48" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/> <circle cx="40" cy="40" r="12" fill="none" stroke="#f59e0b" stroke-width="1.5" stroke-dasharray="4 2"/> <text x="75" y="38" font-family="sans-serif" font-weight="700" font-size="20" fill="#f8fafc">EXPLANATORY</text> <text x="75" y="56" font-family="sans-serif" font-weight="600" font-size="12" fill="#f59e0b" letter-spacing="1">UNPACKING THE "WHY"</text> <text x="25" y="90" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="25" dy="1.2em">Focuses on causal relationships and complex</tspan> <tspan x="25" dy="1.2em">phenomena. Moves beyond "what" to explain</tspan> <tspan x="25" dy="1.2em">the underlying mechanics of a subject.</tspan> </text> <rect x="25" y="145" width="110" height="20" rx="4" fill="#f59e0b15"/> <text x="80" y="159" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="700" fill="#f59e0b">CAUSAL FOCUS</text> </g> <!-- Card 4: Demonstration --> <g transform="translate(465, 340)"> <rect width="385" height="180" rx="16" fill="#ffffff10" stroke="#10b98144" stroke-width="1"/> <rect x="20" y="20" width="40" height="40" rx="8" fill="#10b98122"/> <path d="M 30 45 L 40 30 L 50 45 Z" fill="none" stroke="#10b981" stroke-width="2"/> <circle cx="40" cy="38" r="3" fill="#10b981"/> <text x="75" y="38" font-family="sans-serif" font-weight="700" font-size="20" fill="#f8fafc">DEMONSTRATION</text> <text x="75" y="56" font-family="sans-serif" font-weight="600" font-size="12" fill="#10b981" letter-spacing="1">PROCEDURAL MEMORY</text> <text x="25" y="90" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="25" dy="1.2em">Teaches the audience how to perform a task.</tspan> <tspan x="25" dy="1.2em">Relies on step-by-step chronological</tspan> <tspan x="25" dy="1.2em">arrangement and physical modeling.</tspan> </text> <rect x="25" y="145" width="110" height="20" rx="4" fill="#10b98115"/> <text x="80" y="159" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="700" fill="#10b981">PROCESS FOCUS</text> </g> <!-- Central Badge --> <g transform="translate(450, 310)"> <circle r="35" fill="#1e1b4b" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> <text text-anchor="middle" y="5" font-family="sans-serif" font-weight="900" font-size="10" fill="#f59e0b">CANONS</text> </g> <!-- Footer / Key --> <line x1="50" y1="535" x2="850" y2="535" stroke="#ffffff15" stroke-width="1"/> <text x="50" y="550" font-family="sans-serif" font-size="10" fill="#64748b">CORE OBJECTIVE: INCREASE UNDERSTANDING</text> <text x="850" y="550" text-anchor="end" font-family="sans-serif" font-size="10" fill="#64748b">CLASSICAL RHETORICAL TRADITION</text> </svg>Types of Informative Speeches image 1Types of Informative Speeches - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/types-of-informative-speeches/svg/1Types of Informative Speeches diagram 1Types of Informative Speeches - Principles of Public Speaking - diagram 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/types-of-informative-speeches/svg/2Types of Informative Speeches diagram 2Types of Informative Speeches - Principles of Public Speaking - diagram 2https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/types-of-informative-speeches/svg/3Types of Informative Speeches diagram 3Types of Informative Speeches - Principles of Public Speaking - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Header Line --> <rect x="50" y="75" width="800" height="1" fill="#ffffff20"/> <rect x="400" y="73" width="100" height="5" rx="2" fill="url(#accentGrad)"/> <!-- Title --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">STRATEGIES FOR AUDIENCE ENGAGEMENT</text> <text x="450" y="95" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Neuro-Cognitive Architecture of Public Discourse</text> <!-- Left Column: Attention Triggers --> <rect x="40" y="120" width="400" height="300" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">I. THE MECHANICS OF ATTENTION</text> <!-- Trigger 1: Intensity --> <g transform="translate(60, 175)"> <circle cx="20" cy="20" r="20" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <path d="M10 25 L15 15 L20 25 L25 10 L30 25" fill="none" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/> <text x="50" y="15" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">INTENSITY</text> <text x="50" y="32" font-family="sans-serif" font-size="12" fill="#94a3b8">Magnitude &amp; Arousal. Triggers the Orienting Response.</text> </g> <!-- Trigger 2: Novelty --> <g transform="translate(60, 245)"> <circle cx="20" cy="20" r="20" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <path d="M20 10 L22 18 L30 20 L22 22 L20 30 L18 22 L10 20 L18 18 Z" fill="#e879f9" /> <text x="50" y="15" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">NOVELTY</text> <text x="50" y="32" font-family="sans-serif" font-size="12" fill="#94a3b8">Entropy vs. Habituation. Prioritizes new information.</text> </g> <!-- Trigger 3: Contrast --> <g transform="translate(60, 315)"> <circle cx="20" cy="20" r="20" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <path d="M20 10 A10 10 0 0 1 20 30 Z" fill="#38bdf8" /> <circle cx="20" cy="20" r="10" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="50" y="15" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">CONTRAST</text> <text x="50" y="32" font-family="sans-serif" font-size="12" fill="#94a3b8">Differential Analysis. Signal vs. Noise detection.</text> </g> <!-- Right Column: Narrative Frameworks --> <rect x="460" y="120" width="400" height="300" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="480" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">II. NARRATIVE FRAMEWORKS</text> <!-- Narrative 1: Natural --> <g transform="translate(480, 175)"> <rect x="0" y="5" width="40" height="30" rx="4" fill="#94a3b820" stroke="#94a3b8" stroke-width="1"/> <path d="M10 20 H30 M25 15 L30 20 L25 25" fill="none" stroke="#94a3b8" stroke-width="2"/> <text x="50" y="15" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">NATURAL NARRATIVES</text> <text x="50" y="32" font-family="sans-serif" font-size="12" fill="#94a3b8">Causal logic &amp; physical sequences. (A → B → C)</text> </g> <!-- Narrative 2: Social --> <g transform="translate(480, 245)"> <rect x="0" y="5" width="40" height="30" rx="4" fill="#f43f5e20" stroke="#f43f5e" stroke-width="1"/> <circle cx="15" cy="20" r="6" fill="#f43f5e"/> <circle cx="25" cy="20" r="6" fill="#f43f5e" fill-opacity="0.6"/> <text x="50" y="15" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">SOCIAL NARRATIVES</text> <text x="50" y="32" font-family="sans-serif" font-size="12" fill="#94a3b8">Human agency &amp; empathy. Activates Mirror Neurons.</text> </g> <!-- Narrative 3: Ultimate --> <g transform="translate(480, 315)"> <rect x="0" y="5" width="40" height="30" rx="4" fill="#fbbf2420" stroke="#fbbf24" stroke-width="1"/> <path d="M20 12 L28 28 L12 28 Z" fill="none" stroke="#fbbf24" stroke-width="2"/> <circle cx="20" cy="20" r="3" fill="#fbbf24"/> <text x="50" y="15" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">ULTIMATE NARRATIVES</text> <text x="50" y="32" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Big Why." Teleology, purpose, and destiny.</text> </g> <!-- Bottom Section: Neural Coupling --> <rect x="40" y="440" width="820" height="90" rx="16" fill="url(#accentGrad)" fill-opacity="0.1" stroke="#ffffff20"/> <g transform="translate(70, 465)"> <path d="M0 20 Q 40 0, 80 20 T 160 20" fill="none" stroke="#38bdf8" stroke-width="3" filter="glow"> <animate attributeName="stroke-dasharray" from="0, 200" to="200, 0" dur="3s" repeatCount="indefinite" /> </path> <text x="180" y="15" font-family="sans-serif" font-weight="800" font-size="20" fill="#f8fafc">NEURAL COUPLING</text> <text x="180" y="38" font-family="sans-serif" font-size="13" fill="#cbd5e1">The synchronization of brain activity between speaker and listener through shared mental models.</text> </g> <!-- Decorative Brain Icons --> <g opacity="0.5"> <path d="M800 460 c-5-10-20-10-25 0 c-10-5-20 5-15 15 c-10 10 0 25 10 20 c5 10 25 10 30 0 c10 5 20-5 15-15 c10-10 0-25-15-20" fill="none" stroke="#e879f9" stroke-width="1.5"/> <path d="M740 460 c-5-10-20-10-25 0 c-10-5-20 5-15 15 c-10 10 0 25 10 20 c5 10 25 10 30 0 c10 5 20-5 15-15 c10-10 0-25-15-20" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <path d="M745 475 L775 475" stroke="#ffffff40" stroke-dasharray="2 2"/> </g> <!-- Formula Overlay --> <rect x="680" y="370" width="160" height="40" rx="8" fill="#00000040" stroke="#ffffff10"/> <text x="760" y="395" text-anchor="middle" font-family="serif" font-size="14" fill="#f8fafc" font-style="italic">R = f(N ∩ S ∩ U)</text> </svg>Strategies for Audience Engagement image 1Strategies for Audience Engagement - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/strategies-for-audience-engagement/svg/1Strategies for Audience Engagement diagram 1Strategies for Audience Engagement - Principles of Public Speaking - diagram 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/strategies-for-audience-engagement/svg/2Strategies for Audience Engagement diagram 2Strategies for Audience Engagement - Principles of Public Speaking - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">RHETORICAL ANALYSIS &amp; PERSUASION</text> <text x="40" y="75" font-family="sans-serif" font-weight="400" font-size="14" fill="#94a3b8" letter-spacing="1">THE ARCHITECTURE OF STRATEGIC INFLUENCE</text> <line x1="40" y1="90" x2="860" y2="90" stroke="#ffffff20" stroke-width="1"/> <!-- Left Panel: The Rhetorical Triangle --> <rect x="40" y="110" width="400" height="300" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Rhetorical Triangle</text> <text x="60" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">The tripartite model of artistic proofs (Inventio)</text> <!-- Triangle Graphic --> <path d="M 240 190 L 140 340 L 340 340 Z" fill="none" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4 4"/> <!-- Logos Node --> <circle cx="140" cy="340" r="35" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <text x="140" y="345" font-family="sans-serif" font-weight="700" font-size="12" fill="#38bdf8" text-anchor="middle">LOGOS</text> <text x="140" y="390" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Logical Calculus</text> <text x="140" y="405" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Evidence &amp; Reason</text> <!-- Ethos Node --> <circle cx="240" cy="190" r="35" fill="#1e293b" stroke="#f59e0b" stroke-width="2"/> <text x="240" y="195" font-family="sans-serif" font-weight="700" font-size="12" fill="#f59e0b" text-anchor="middle">ETHOS</text> <text x="240" y="145" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Credibility Vector</text> <text x="240" y="130" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Authority &amp; Character</text> <!-- Pathos Node --> <circle cx="340" cy="340" r="35" fill="#1e293b" stroke="#e879f9" stroke-width="2"/> <text x="340" y="345" font-family="sans-serif" font-weight="700" font-size="12" fill="#e879f9" text-anchor="middle">PATHOS</text> <text x="340" y="390" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Emotional Resonance</text> <text x="340" y="405" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Affect &amp; Motivation</text> <!-- Right Panel: Bayesian Inference Model --> <rect x="460" y="110" width="400" height="300" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="480" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">The Bayesian Update</text> <text x="480" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">Quantifying the shift in audience belief</text> <!-- Bayesian Flow Diagram --> <rect x="485" y="200" width="100" height="60" rx="8" fill="#ffffff10" stroke="#ffffff20"/> <text x="535" y="225" font-family="sans-serif" font-size="14" fill="#f8fafc" text-anchor="middle">P(H)</text> <text x="535" y="245" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Prior Belief</text> <path d="M 585 230 L 730 230" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrowhead)"/> <text x="657" y="215" font-family="sans-serif" font-size="11" fill="#38bdf8" text-anchor="middle">Evidence (E)</text> <text x="657" y="250" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Weighted by Ethos</text> <rect x="740" y="200" width="100" height="60" rx="8" fill="#38bdf820" stroke="#38bdf8"/> <text x="790" y="225" font-family="sans-serif" font-size="14" fill="#f8fafc" text-anchor="middle">P(H|E)</text> <text x="790" y="245" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Posterior Belief</text> <!-- Code Snippet Visual --> <rect x="485" y="280" width="355" height="110" rx="8" fill="#00000040"/> <text x="500" y="305" font-family="monospace" font-size="11" fill="#38bdf8">def</text> <text x="530" y="305" font-family="monospace" font-size="11" fill="#f8fafc">calculate_belief_shift(prior, logos, ethos):</text> <text x="520" y="325" font-family="monospace" font-size="11" fill="#94a3b8"># effective_evidence = logos * ethos</text> <text x="520" y="345" font-family="monospace" font-size="11" fill="#f59e0b">posterior = prior + (eff_evid * (1 - prior))</text> <text x="520" y="365" font-family="monospace" font-size="11" fill="#38bdf8">return</text> <text x="570" y="365" font-family="monospace" font-size="11" fill="#f8fafc">np.clip(posterior, 0, 1)</text> <!-- Bottom Comparison Table --> <rect x="40" y="430" width="820" height="110" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <!-- Table Headers --> <text x="60" y="455" font-family="sans-serif" font-weight="700" font-size="12" fill="#94a3b8">MODE</text> <text x="200" y="455" font-family="sans-serif" font-weight="700" font-size="12" fill="#94a3b8">DOMAIN</text> <text x="400" y="455" font-family="sans-serif" font-weight="700" font-size="12" fill="#94a3b8">MECHANISM</text> <text x="650" y="455" font-family="sans-serif" font-weight="700" font-size="12" fill="#94a3b8">OBJECTIVE</text> <line x1="60" y1="465" x2="840" y2="465" stroke="#ffffff10" stroke-width="1"/> <!-- Row 1: Logos --> <text x="60" y="485" font-family="sans-serif" font-weight="700" font-size="13" fill="#38bdf8">LOGOS</text> <text x="200" y="485" font-family="sans-serif" font-size="13" fill="#f8fafc">Cognition</text> <text x="400" y="485" font-family="sans-serif" font-size="13" fill="#f8fafc">Data, Syllogisms, Induction</text> <text x="650" y="485" font-family="sans-serif" font-size="13" fill="#f8fafc">Intellectual Consent</text> <!-- Row 2: Ethos --> <text x="60" y="505" font-family="sans-serif" font-weight="700" font-size="13" fill="#f59e0b">ETHOS</text> <text x="200" y="505" font-family="sans-serif" font-size="13" fill="#f8fafc">Perception</text> <text x="400" y="505" font-family="sans-serif" font-size="13" fill="#f8fafc">Authority, Goodwill, Character</text> <text x="650" y="505" font-family="sans-serif" font-size="13" fill="#f8fafc">Trust &amp; Reliability</text> <!-- Row 3: Pathos --> <text x="60" y="525" font-family="sans-serif" font-weight="700" font-size="13" fill="#e879f9">PATHOS</text> <text x="200" y="525" font-family="sans-serif" font-size="13" fill="#f8fafc">Affect</text> <text x="400" y="525" font-family="sans-serif" font-size="13" fill="#f8fafc">Narratives, Values, Metaphor</text> <text x="650" y="525" font-family="sans-serif" font-size="13" fill="#f8fafc">Motivation &amp; Actuation</text> <!-- Arrowhead Marker --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#38bdf8" /> </marker> </defs> <!-- Decorative Accent --> <circle cx="860" cy="40" r="80" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="860" cy="40" r="40" fill="#38bdf8" fill-opacity="0.05"/> </svg>Persuasive Speaking and Rhetorical Analysis image 1Persuasive Speaking and Rhetorical Analysis - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/persuasive-speaking-and-rhetorical-analysis/svg/1Persuasive Speaking and Rhetorical Analysis diagram 1Persuasive Speaking and Rhetorical Analysis - Principles of Public Speaking - diagram 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/persuasive-speaking-and-rhetorical-analysis/svg/2Persuasive Speaking and Rhetorical Analysis diagram 2Persuasive Speaking and Rhetorical Analysis - Principles of Public Speaking - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="3" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="1">THE ARCHITECTURE OF SPEECH</text> <text x="450" y="82" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="2">ORGANIZATION • OUTLINING • DELIVERY</text> <rect x="350" y="95" width="200" height="3" fill="#38bdf8" rx="1.5"/> <!-- Left Column: The 4 Pillars --> <rect x="30" y="120" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="50" y="150" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="bold">THE FOUR PILLARS</text> <!-- Pillar 1 --> <circle cx="60" cy="185" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 55 185 L 65 185 M 60 180 L 60 190" stroke="#38bdf8" stroke-width="2"/> <text x="80" y="182" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Subordination</text> <text x="80" y="198" fill="#94a3b8" font-family="sans-serif" font-size="11">Lower points must support higher ones.</text> <!-- Pillar 2 --> <circle cx="60" cy="245" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 54 242 L 66 242 M 54 248 L 66 248" stroke="#38bdf8" stroke-width="2"/> <text x="80" y="242" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Coordination</text> <text x="80" y="258" fill="#94a3b8" font-family="sans-serif" font-size="11">Points at same level share weight.</text> <!-- Pillar 3 --> <circle cx="60" cy="305" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 60 298 L 60 305 L 54 312 M 60 305 L 66 312" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="80" y="302" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Division (Rule of 2)</text> <text x="80" y="318" fill="#94a3b8" font-family="sans-serif" font-size="11">If you have an 'A', you must have a 'B'.</text> <!-- Pillar 4 --> <circle cx="60" cy="365" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M 54 360 L 66 360 M 54 365 L 66 365 M 54 370 L 66 370" stroke="#38bdf8" stroke-width="2"/> <text x="80" y="362" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Parallelism</text> <text x="80" y="378" fill="#94a3b8" font-family="sans-serif" font-size="11">Consistent grammatical structure.</text> <!-- Center Column: Outline Evolution --> <rect x="310" y="120" width="280" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="330" y="150" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">OUTLINE EVOLUTION</text> <!-- Prep Outline Box --> <rect x="330" y="170" width="240" height="100" rx="8" fill="#ffffff05" stroke="#e879f930"/> <text x="340" y="190" fill="#e879f9" font-family="sans-serif" font-size="13" font-weight="bold">1. Preparation Outline</text> <text x="340" y="210" fill="#f8fafc" font-family="sans-serif" font-size="11">• Full declarative sentences</text> <text x="340" y="225" fill="#f8fafc" font-family="sans-serif" font-size="11">• Detailed citations &amp; transitions</text> <text x="340" y="240" fill="#f8fafc" font-family="sans-serif" font-size="11">• Used for logic &amp; timing tests</text> <text x="340" y="260" fill="#94a3b8" font-family="sans-serif" font-size="10" font-style="italic">"The blueprint of your thoughts."</text> <!-- Arrow --> <path d="M 450 280 L 450 310" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 4" marker-end="url(#arrowhead)"/> <circle cx="450" cy="295" r="15" fill="#1e1b4b" stroke="#e879f9"/> <text x="450" y="300" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="10" font-weight="bold">TRANSFORM</text> <!-- Speaking Outline Box --> <rect x="330" y="320" width="240" height="100" rx="8" fill="#ffffff05" stroke="#e879f930"/> <text x="340" y="340" fill="#e879f9" font-family="sans-serif" font-size="13" font-weight="bold">2. Speaking Outline</text> <text x="340" y="360" fill="#f8fafc" font-family="sans-serif" font-size="11">• Keywords &amp; brief phrases</text> <text x="340" y="375" fill="#f8fafc" font-family="sans-serif" font-size="11">• Delivery cues (PAUSE, SLOW)</text> <text x="340" y="390" fill="#f8fafc" font-family="sans-serif" font-size="11">• Used at the podium</text> <text x="340" y="410" fill="#94a3b8" font-family="sans-serif" font-size="10" font-style="italic">"The map for your performance."</text> <!-- Right Column: Delivery Spectrum --> <rect x="610" y="120" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="630" y="150" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">DELIVERY SPECTRUM</text> <!-- Spectrum Line --> <line x1="640" y1="180" x2="640" y2="480" stroke="#ffffff20" stroke-width="4" stroke-linecap="round"/> <!-- Impromptu --> <circle cx="640" cy="200" r="6" fill="#94a3b8"/> <text x="660" y="200" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Impromptu</text> <text x="660" y="215" fill="#94a3b8" font-family="sans-serif" font-size="11">Little prep, high anxiety.</text> <!-- Manuscript --> <circle cx="640" cy="270" r="6" fill="#94a3b8"/> <text x="660" y="270" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Manuscript</text> <text x="660" y="285" fill="#94a3b8" font-family="sans-serif" font-size="11">Word-for-word reading.</text> <!-- Memorized --> <circle cx="640" cy="340" r="6" fill="#94a3b8"/> <text x="660" y="340" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Memorized</text> <text x="660" y="355" fill="#94a3b8" font-family="sans-serif" font-size="11">Risk of total blanking.</text> <!-- Extemporaneous (The Goldilocks) --> <rect x="630" y="390" width="220" height="100" rx="12" fill="#f59e0b15" stroke="#f59e0b" stroke-width="1"/> <circle cx="640" cy="415" r="8" fill="#f59e0b" filter="url(#glow)"/> <text x="660" y="418" fill="#f59e0b" font-family="sans-serif" font-size="14" font-weight="bold">EXTEMPORANEOUS</text> <text x="660" y="438" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">The Gold Standard</text> <text x="660" y="453" fill="#f8fafc" font-family="sans-serif" font-size="11">Prepared structure +</text> <text x="660" y="468" fill="#f8fafc" font-family="sans-serif" font-size="11">Spontaneous wording.</text> <!-- Bottom Mental Map Visual --> <path d="M 50 545 Q 225 510 450 545 T 850 545" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="5 5" opacity="0.5"/> <circle cx="50" cy="545" r="4" fill="#38bdf8"/> <circle cx="450" cy="545" r="4" fill="#e879f9"/> <circle cx="850" cy="545" r="4" fill="#f59e0b"/> <text x="450" y="525" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10" font-weight="bold" letter-spacing="1">THE AUDIENCE'S MENTAL MAP</text> <!-- Decorative Shapes --> <rect x="840" y="20" width="40" height="40" rx="8" fill="none" stroke="#f59e0b" stroke-width="1" opacity="0.3" transform="rotate(15 860 40)"/> <circle cx="40" cy="40" r="20" fill="none" stroke="#38bdf8" stroke-width="1" opacity="0.3"/> </svg>Organization, Outlining, and Delivery image 1Organization, Outlining, and Delivery - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/organization-and-outlining/svg/1Organization, Outlining, and Delivery diagram 1Organization, Outlining, and Delivery - Principles of Public Speaking - diagram 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/organization-and-outlining/svg/2Organization, Outlining, and Delivery diagram 2Organization, Outlining, and Delivery - Principles of Public Speaking - diagram 2https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/organization-and-outlining/svg/3Organization, Outlining, and Delivery diagram 3Organization, Outlining, and Delivery - Principles of Public Speaking - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">ASSIGNMENTS &amp; EVALUATION</text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE PROGRESSIVE COMPLEXITY PIPELINE: FROM THEORY TO MASTERY</text> <rect x="40" y="85" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Main Pipeline (Horizontal Flow) --> <g transform="translate(40, 110)"> <!-- Connecting Line --> <line x1="50" y1="100" x2="550" y2="100" stroke="#ffffff15" stroke-width="2" stroke-dasharray="8 4"/> <!-- Step 1: Impromptu --> <rect x="0" y="20" width="135" height="160" rx="16" fill="#ffffff08" stroke="#38bdf840"/> <circle cx="67" cy="55" r="22" fill="#38bdf820"/> <circle cx="67" cy="55" r="12" fill="none" stroke="#38bdf8" stroke-width="2"/> <line x1="67" y1="55" x2="67" y2="48" stroke="#38bdf8" stroke-width="2"/> <line x1="67" y1="55" x2="74" y2="55" stroke="#38bdf8" stroke-width="2"/> <text x="67" y="95" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">IMPROMPTU</text> <text x="67" y="115" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">"Cold-Start" Agility</text> <text x="67" y="135" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle" font-weight="bold">PREP FRAMEWORK</text> <text x="67" y="155" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">2-3 Minutes</text> <!-- Step 2: Demonstration --> <rect x="150" y="20" width="135" height="160" rx="16" fill="#ffffff08" stroke="#2dd4bf40"/> <circle cx="217" cy="55" r="22" fill="#2dd4bf20"/> <rect x="208" y="46" width="18" height="18" fill="none" stroke="#2dd4bf" stroke-width="2"/> <path d="M212 55 L222 55 M217 50 L217 60" stroke="#2dd4bf" stroke-width="2"/> <text x="217" y="95" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">DEMO</text> <text x="217" y="115" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Spatial-Temporal</text> <text x="217" y="135" font-family="sans-serif" font-size="10" fill="#2dd4bf" text-anchor="middle" font-weight="bold">VISUAL AIDS</text> <text x="217" y="155" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">5-7 Minutes</text> <!-- Step 3: Persuasive --> <rect x="300" y="20" width="135" height="160" rx="16" fill="#ffffff12" stroke="#f59e0b60"/> <circle cx="367" cy="55" r="22" fill="#f59e0b20"/> <path d="M358 62 L367 45 L376 62 Z" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="367" y="95" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">PERSUASIVE</text> <text x="367" y="115" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Behavioral Change</text> <text x="367" y="135" font-family="sans-serif" font-size="10" fill="#f59e0b" text-anchor="middle" font-weight="bold">MONROE'S MMS</text> <text x="367" y="155" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">7-10 Minutes</text> <!-- Step 4: Inspirational --> <rect x="450" y="20" width="135" height="160" rx="16" fill="#ffffff08" stroke="#e879f940"/> <circle cx="517" cy="55" r="22" fill="#e879f920"/> <path d="M517 42 L521 50 L530 50 L523 56 L526 65 L517 60 L508 65 L511 56 L504 50 L513 50 Z" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="517" y="95" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">INSPIRATIONAL</text> <text x="517" y="115" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Pathos &amp; Resonance</text> <text x="517" y="135" font-family="sans-serif" font-size="10" fill="#e879f9" text-anchor="middle" font-weight="bold">NARRATIVE</text> <text x="517" y="155" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">5-8 Minutes</text> </g> <!-- Monroe's Motivated Sequence Sidebar --> <g transform="translate(620, 110)"> <rect width="240" height="410" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="20" y="35" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">MONROE'S ALGORITHM</text> <text x="20" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8">The 5-Step Persuasion Engine</text> <g transform="translate(20, 80)"> <circle cx="12" cy="0" r="10" fill="#f59e0b"/> <text x="12" y="4" font-family="sans-serif" font-size="10" font-weight="bold" fill="#0f172a" text-anchor="middle">1</text> <text x="35" y="4" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">ATTENTION</text> <text x="35" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">Hook the audience focus</text> <circle cx="12" cy="60" r="10" fill="#f59e0b"/> <text x="12" y="64" font-family="sans-serif" font-size="10" font-weight="bold" fill="#0f172a" text-anchor="middle">2</text> <text x="35" y="64" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">NEED</text> <text x="35" y="80" font-family="sans-serif" font-size="11" fill="#94a3b8">Isolate the core problem</text> <circle cx="12" cy="120" r="10" fill="#f59e0b"/> <text x="12" y="124" font-family="sans-serif" font-size="10" font-weight="bold" fill="#0f172a" text-anchor="middle">3</text> <text x="35" y="124" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">SATISFACTION</text> <text x="35" y="140" font-family="sans-serif" font-size="11" fill="#94a3b8">Present the workable solution</text> <circle cx="12" cy="180" r="10" fill="#f59e0b"/> <text x="12" y="184" font-family="sans-serif" font-size="10" font-weight="bold" fill="#0f172a" text-anchor="middle">4</text> <text x="35" y="184" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">VISUALIZATION</text> <text x="35" y="200" font-family="sans-serif" font-size="11" fill="#94a3b8">Paint the future state</text> <circle cx="12" cy="240" r="10" fill="#f59e0b"/> <text x="12" y="244" font-family="sans-serif" font-size="10" font-weight="bold" fill="#0f172a" text-anchor="middle">5</text> <text x="35" y="244" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">ACTION</text> <text x="35" y="260" font-family="sans-serif" font-size="11" fill="#94a3b8">The final "Exit Hook"</text> </g> <!-- Theorem Box --> <rect x="15" y="355" width="210" height="40" rx="8" fill="#f59e0b15" stroke="#f59e0b30"/> <text x="120" y="372" font-family="serif" font-style="italic" font-size="11" fill="#f59e0b" text-anchor="middle">P_c ∝ (M_n × E_s) · C</text> <text x="120" y="386" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">Theorem of Persuasive Impact</text> </g> <!-- Evaluation Framework Section --> <g transform="translate(40, 330)"> <rect width="560" height="190" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="20" y="35" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">THE RECURSIVE FEEDBACK LOOP</text> <!-- Loop Visualization --> <g transform="translate(40, 60)"> <!-- Self --> <circle cx="60" cy="50" r="45" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <text x="60" y="45" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc" text-anchor="middle">SELF</text> <text x="60" y="60" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Post-Mortem</text> <!-- Peer --> <circle cx="240" cy="50" r="45" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <text x="240" y="45" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc" text-anchor="middle">PEER</text> <text x="240" y="60" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Distributed Intel</text> <!-- Expert --> <circle cx="420" cy="50" r="45" fill="none" stroke="#2dd4bf" stroke-width="2" stroke-dasharray="4 2"/> <text x="420" y="45" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc" text-anchor="middle">EXPERT</text> <text x="420" y="60" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Weighted Rubric</text> <!-- Arrows --> <path d="M110 50 L190 50" stroke="#ffffff30" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M290 50 L370 50" stroke="#ffffff30" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M420 100 Q240 140 60 100" fill="none" stroke="#ffffff30" stroke-width="2" stroke-dasharray="5 5"/> </g> <text x="20" y="175" font-family="sans-serif" font-size="11" fill="#94a3b8">Evaluation focuses on identifying "Micro-Tics" (filler words) and "Macro-Errors" (logical fallacies).</text> </g> <!-- Arrowhead definition --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#ffffff30" /> </marker> </defs> </svg>Assignments and Evaluation image 1Assignments and Evaluation - Principles of Public Speaking - image 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/assignments-and-evaluation/svg/1Assignments and Evaluation diagram 1Assignments and Evaluation - Principles of Public Speaking - diagram 1https://www.getlykke.com/explore/public/principles-of-public-speaking-5a7685ad-4af1-4273-b778-2de11a0f267d/media/assignments-and-evaluation/svg/2Assignments and Evaluation diagram 2Assignments and Evaluation - Principles of Public Speaking - diagram 2https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba82026-04-20T04:49:11.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Background Elements --> <circle cx="850" cy="50" r="120" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="100" fill="#e879f9" fill-opacity="0.05"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="1">THE SPECTRUM OF COMPUTATION</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" text-transform="uppercase" letter-spacing="4">From Mathematical Theory to Machine Execution</text> <rect x="400" y="95" width="100" height="4" rx="2" fill="url(#accentGrad)"/> <!-- Left Column: Computer Science (The Physics) --> <g transform="translate(40, 130)"> <rect width="260" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <rect x="20" y="20" width="40" height="40" rx="8" fill="#38bdf820"/> <path d="M 30 40 L 40 30 L 50 40 L 40 50 Z" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="40" cy="40" r="3" fill="#38bdf8"/> <text x="75" y="38" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">Computer Science</text> <text x="75" y="55" font-family="sans-serif" font-size="12" font-weight="400" fill="#94a3b8">The Theoretical Foundation</text> <text x="20" y="95" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Core Question:</text> <text x="20" y="115" font-family="sans-serif" font-size="13" font-style="italic" fill="#cbd5e1">"What is computable?"</text> <g transform="translate(20, 145)"> <circle cx="5" cy="5" r="3" fill="#38bdf8"/> <text x="15" y="9" font-family="sans-serif" font-size="12" fill="#94a3b8">Algorithm Complexity (Big O)</text> <circle cx="5" cy="25" r="3" fill="#38bdf8"/> <text x="15" y="29" font-family="sans-serif" font-size="12" fill="#94a3b8">Data Structures &amp; Logic</text> <circle cx="5" cy="45" r="3" fill="#38bdf8"/> <text x="15" y="49" font-family="sans-serif" font-size="12" fill="#94a3b8">Information Theory</text> </g> <path d="M 40 230 Q 130 210 220 230" fill="none" stroke="#ffffff10" stroke-width="2" stroke-dasharray="4 4"/> <text x="130" y="270" text-anchor="middle" font-family="serif" font-size="36" fill="#ffffff05">f(x)</text> </g> <!-- Middle Column: Programming (The Bridge) --> <g transform="translate(320, 130)"> <rect width="260" height="320" rx="16" fill="#ffffff12" stroke="#ffffff20" stroke-width="1.5"/> <rect x="20" y="20" width="40" height="40" rx="8" fill="#f59e0b20"/> <path d="M 30 35 L 50 35 M 30 45 L 50 45 M 40 30 L 40 50" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="75" y="38" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">Programming</text> <text x="75" y="55" font-family="sans-serif" font-size="12" font-weight="400" fill="#94a3b8">The Applied Craft</text> <text x="20" y="95" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Core Question:</text> <text x="20" y="115" font-family="sans-serif" font-size="13" font-style="italic" fill="#cbd5e1">"How do we build the solution?"</text> <g transform="translate(20, 145)"> <rect x="0" y="0" width="220" height="110" rx="8" fill="#00000020"/> <text x="10" y="20" font-family="monospace" font-size="11" fill="#f59e0b">1. Problem Analysis</text> <text x="10" y="40" font-family="monospace" font-size="11" fill="#f8fafc">2. Algorithm Design</text> <text x="10" y="60" font-family="monospace" font-size="11" fill="#f8fafc">3. Implementation</text> <text x="10" y="80" font-family="monospace" font-size="11" fill="#f8fafc">4. Testing &amp; Debugging</text> <text x="10" y="100" font-family="monospace" font-size="11" fill="#94a3b8">5. Maintenance</text> </g> </g> <!-- Right Column: Coding (The Bricks) --> <g transform="translate(600, 130)"> <rect width="260" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <rect x="20" y="20" width="40" height="40" rx="8" fill="#e879f920"/> <path d="M 32 35 L 38 40 L 32 45 M 48 35 L 42 40 L 48 45" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="75" y="38" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">Coding</text> <text x="75" y="55" font-family="sans-serif" font-size="12" font-weight="400" fill="#94a3b8">The Translation Layer</text> <text x="20" y="95" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Core Question:</text> <text x="20" y="115" font-family="sans-serif" font-size="13" font-style="italic" fill="#cbd5e1">"How do I write the syntax?"</text> <g transform="translate(20, 145)"> <text x="0" y="15" font-family="sans-serif" font-size="12" fill="#94a3b8">Translating logic into</text> <text x="0" y="32" font-family="sans-serif" font-size="12" fill="#94a3b8">executable instructions.</text> <rect x="0" y="50" width="220" height="80" rx="8" fill="#00000040"/> <text x="10" y="70" font-family="monospace" font-size="11" fill="#38bdf8">while</text> <text x="55" y="70" font-family="monospace" font-size="11" fill="#f8fafc">(data &gt; 0) {</text> <text x="25" y="90" font-family="monospace" font-size="11" fill="#e879f9">process</text> <text x="75" y="90" font-family="monospace" font-size="11" fill="#f8fafc">(data--);</text> <text x="10" y="110" font-family="monospace" font-size="11" fill="#f8fafc">}</text> </g> </g> <!-- Bottom Section: The Bridge (Compilers) --> <g transform="translate(40, 470)"> <rect width="820" height="70" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="20" y="40" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">THE TRANSLATORS</text> <g transform="translate(160, 20)"> <text x="0" y="15" font-family="monospace" font-size="12" fill="#94a3b8">Source Code</text> <path d="M 85 10 L 125 10" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow)"/> <rect x="140" y="-5" width="160" height="30" rx="6" fill="#38bdf820" stroke="#38bdf8"/> <text x="220" y="15" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">COMPILER / INTERPRETER</text> <path d="M 315 10 L 355 10" stroke="#e879f9" stroke-width="2"/> <text x="370" y="15" font-family="monospace" font-size="12" fill="#e879f9">Machine Code (010110...)</text> </g> </g> <!-- Connection Arrows --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="5" orientation="auto"> <path d="M0,0 L10,5 L0,10 Z" fill="#ffffff30" /> </marker> </defs> <path d="M 300 290 L 320 290" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 580 290 L 600 290" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrow)"/> </svg>Introduction to Computer Science and Programming image 1Introduction to Computer Science and Programming - Intro to Python Fundamentals - image 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/introduction-to-computer-science/svg/1Introduction to Computer Science and Programming diagram 1Introduction to Computer Science and Programming - Intro to Python Fundamentals - diagram 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/introduction-to-computer-science/svg/2Introduction to Computer Science and Programming diagram 2Introduction to Computer Science and Programming - Intro to Python Fundamentals - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Definitions for Gradients and Filters --> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="blueGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8" stop-opacity="0.2"/> <stop offset="100%" stop-color="#38bdf8" stop-opacity="0.05"/> </linearGradient> <linearGradient id="pinkGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#e879f9" stop-opacity="0.2"/> <stop offset="100%" stop-color="#e879f9" stop-opacity="0.05"/> </linearGradient> <linearGradient id="amberGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b" stop-opacity="0.2"/> <stop offset="100%" stop-color="#f59e0b" stop-opacity="0.05"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Decorative Grid Lines --> <path d="M 0 80 L 900 80 M 0 480 L 900 480" stroke="#ffffff10" stroke-width="1"/> <path d="M 300 80 L 300 480 M 600 80 L 600 480" stroke="#ffffff08" stroke-width="1"/> <!-- Header Section --> <text x="450" y="45" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="30" fill="#f8fafc" letter-spacing="1">THE DEVELOPMENT ENVIRONMENT</text> <text x="450" y="68" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">From Client-Side Scripting to Code Execution Lifecycle</text> <!-- Column 1: The JavaScript Engine --> <rect x="40" y="100" width="260" height="360" rx="16" fill="url(#blueGrad)" stroke="#38bdf840" stroke-width="1"/> <circle cx="75" cy="135" r="18" fill="#38bdf820"/> <path d="M 68 135 L 73 140 L 82 130" fill="none" stroke="#38bdf8" stroke-width="2.5"/> <text x="105" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE ENGINE</text> <text x="60" y="180" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">JavaScript Prerequisite</text> <text x="60" y="200" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Glue" of the Browser IDE</text> <g transform="translate(60, 230)"> <rect width="220" height="50" rx="8" fill="#ffffff08"/> <text x="10" y="20" font-family="sans-serif" font-weight="600" font-size="12" fill="#38bdf8">DOM Manipulation</text> <text x="10" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Dynamic UI updates as you type.</text> </g> <g transform="translate(60, 290)"> <rect width="220" height="50" rx="8" fill="#ffffff08"/> <text x="10" y="20" font-family="sans-serif" font-weight="600" font-size="12" fill="#38bdf8">Event Handling</text> <text x="10" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Capturing keystrokes &amp; clicks.</text> </g> <g transform="translate(60, 350)"> <rect width="220" height="50" rx="8" fill="#ffffff08"/> <text x="10" y="20" font-family="sans-serif" font-weight="600" font-size="12" fill="#38bdf8">Client-Side Interpreter</text> <text x="10" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Running Python logic locally.</text> </g> <!-- Column 2: The IDE Interface --> <rect x="320" y="100" width="260" height="360" rx="16" fill="url(#pinkGrad)" stroke="#e879f940" stroke-width="1"/> <circle cx="355" cy="135" r="18" fill="#e879f920"/> <path d="M 348 130 L 362 130 M 348 135 L 358 135 M 348 140 L 362 140" fill="none" stroke="#e879f9" stroke-width="2.5"/> <text x="385" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">THE INTERFACE</text> <text x="340" y="180" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Code Editor Features</text> <!-- Syntax Highlighting Mockup --> <rect x="340" y="200" width="220" height="100" rx="8" fill="#00000040"/> <rect x="350" y="215" width="40" height="6" rx="3" fill="#e879f9"/> <!-- def --> <rect x="395" y="215" width="60" height="6" rx="3" fill="#38bdf8"/> <!-- func --> <rect x="350" y="230" width="20" height="6" rx="3" fill="#f59e0b"/> <!-- if --> <rect x="375" y="230" width="80" height="6" rx="3" fill="#94a3b8"/> <path d="M 350 245 L 430 245" stroke="#ef4444" stroke-width="1" stroke-dasharray="2,2"/> <!-- Linter squiggle --> <g transform="translate(340, 315)"> <circle cx="5" cy="5" r="3" fill="#e879f9"/> <text x="15" y="9" font-family="sans-serif" font-size="12" fill="#f8fafc">Syntax Highlighting</text> <circle cx="5" cy="25" r="3" fill="#e879f9"/> <text x="15" y="29" font-family="sans-serif" font-size="12" fill="#f8fafc">Linters (Error Squiggles)</text> <circle cx="5" cy="45" r="3" fill="#e879f9"/> <text x="15" y="49" font-family="sans-serif" font-size="12" fill="#f8fafc">IntelliSense Autocomplete</text> </g> <!-- Column 3: The Output Console --> <rect x="600" y="100" width="260" height="360" rx="16" fill="url(#amberGrad)" stroke="#f59e0b40" stroke-width="1"/> <circle cx="635" cy="135" r="18" fill="#f59e0b20"/> <text x="628" y="141" font-family="monospace" font-weight="700" font-size="16" fill="#f59e0b">&gt;_</text> <text x="665" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE OUTPUT</text> <text x="620" y="180" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Execution Lifecycle</text> <g transform="translate(620, 210)"> <text x="0" y="0" font-family="sans-serif" font-weight="600" font-size="12" fill="#f59e0b">Standard Output (stdout)</text> <rect y="10" width="220" height="60" rx="4" fill="#00000040"/> <text x="10" y="30" font-family="monospace" font-size="10" fill="#22c55e">Simulation complete.</text> <text x="10" y="45" font-family="monospace" font-size="10" fill="#22c55e">Final Pop: 1420</text> </g> <g transform="translate(620, 300)"> <text x="0" y="0" font-family="sans-serif" font-weight="600" font-size="12" fill="#ef4444">Standard Error (stderr)</text> <rect y="10" width="220" height="80" rx="4" fill="#00000040"/> <text x="10" y="30" font-family="monospace" font-size="10" fill="#ef4444">Traceback (most recent call):</text> <text x="10" y="45" font-family="monospace" font-size="10" fill="#f8fafc"> File "main.py", line 12</text> <text x="10" y="60" font-family="monospace" font-size="10" fill="#ef4444">IndexError: list index out of range</text> </g> <!-- Connecting Arrows --> <g opacity="0.4"> <path d="M 300 280 L 320 280" stroke="#f8fafc" stroke-width="2" fill="none" marker-end="url(#arrow)"/> <path d="M 580 280 L 600 280" stroke="#f8fafc" stroke-width="2" fill="none"/> <circle cx="590" cy="280" r="15" fill="#22c55e" filter="glow"/> <path d="M 586 275 L 596 280 L 586 285 Z" fill="white"/> </g> <text x="590" y="305" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="10" fill="#22c55e">RUN</text> <!-- Footer Info --> <rect x="40" y="495" width="820" height="40" rx="8" fill="#ffffff05"/> <text x="60" y="520" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan fill="#f59e0b" font-weight="bold">TIP:</tspan> Minimizing "Environmental Friction" allows focus on algorithmic logic and computational thinking. </text> <text x="840" y="520" text-anchor="end" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8">CLIENT CHALLENGE v2.0</text> </svg>Technical Requirements and the Development Environment image 1Technical Requirements and the Development Environment - Intro to Python Fundamentals - image 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/technical-requirements-and-ide/svg/1Technical Requirements and the Development Environment diagram 1Technical Requirements and the Development Environment - Intro to Python Fundamentals - diagram 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/technical-requirements-and-ide/svg/2Technical Requirements and the Development Environment diagram 2Technical Requirements and the Development Environment - Intro to Python Fundamentals - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560"/> </g> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">UNIT 1</text> <text x="155" y="60" font-family="sans-serif" font-weight="300" font-size="32" fill="#94a3b8">/</text> <text x="180" y="60" font-family="sans-serif" font-weight="700" font-size="28" fill="url(#accentGrad)">COMPUTATIONAL THINKING &amp; VARIABLES</text> <rect x="40" y="85" width="820" height="2" fill="url(#accentGrad)" opacity="0.5"/> <!-- Left Column: Sequence & State --> <rect x="40" y="110" width="400" height="220" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">01. THE CORE MECHANICS</text> <!-- Sequence Visual --> <g transform="translate(60, 160)"> <rect width="110" height="40" rx="8" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="55" y="25" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">SEQUENCE</text> <path d="M110 20 L130 20" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <rect x="140" width="110" height="40" rx="8" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="195" y="25" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#e879f9">TRANSITION</text> <path d="M250 20 L270 20" stroke="#94a3b8" stroke-width="2"/> <rect x="280" width="100" height="40" rx="8" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="330" y="25" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">STATE</text> </g> <text x="60" y="235" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Sequence: <tspan font-weight="normal" fill="#94a3b8">The deterministic path of instructions.</tspan></text> <text x="60" y="255" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">State: <tspan font-weight="normal" fill="#94a3b8">The snapshot of memory at time </tspan><tspan font-style="italic" fill="#e879f9">t</tspan><tspan font-weight="normal" fill="#94a3b8">.</tspan></text> <path d="M60 280 L380 280" stroke="#ffffff10" stroke-width="1"/> <text x="60" y="305" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"A change in sequence fundamentally alters the outcome."</text> <!-- Right Column: Binary Data --> <rect x="460" y="110" width="400" height="220" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="140" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">02. BINARY ATOMICS</text> <!-- Binary Visual --> <g transform="translate(480, 160)"> <rect x="0" y="0" width="30" height="40" rx="4" fill="#f59e0b" opacity="0.8"/> <text x="15" y="25" text-anchor="middle" font-family="monospace" font-size="18" font-weight="bold" fill="#0f172a">1</text> <rect x="35" y="0" width="30" height="40" rx="4" fill="#ffffff10" stroke="#f59e0b"/> <text x="50" y="25" text-anchor="middle" font-family="monospace" font-size="18" font-weight="bold" fill="#f8fafc">0</text> <rect x="70" y="0" width="30" height="40" rx="4" fill="#f59e0b" opacity="0.8"/> <text x="85" y="25" text-anchor="middle" font-family="monospace" font-size="18" font-weight="bold" fill="#0f172a">1</text> <rect x="105" y="0" width="30" height="40" rx="4" fill="#f59e0b" opacity="0.8"/> <text x="120" y="25" text-anchor="middle" font-family="monospace" font-size="18" font-weight="bold" fill="#0f172a">1</text> <text x="150" y="25" font-family="sans-serif" font-size="14" fill="#94a3b8">=</text> <text x="175" y="25" font-family="sans-serif" font-size="22" font-weight="bold" fill="#f8fafc">11</text> <text x="205" y="25" font-family="sans-serif" font-size="12" fill="#94a3b8">(Decimal)</text> </g> <text x="480" y="235" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Bit: <tspan font-weight="normal" fill="#94a3b8">Smallest unit (0 or 1).</tspan></text> <text x="480" y="255" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Byte: <tspan font-weight="normal" fill="#94a3b8">8 bits (256 distinct values).</tspan></text> <g transform="translate(480, 280)"> <rect width="360" height="35" rx="8" fill="#00000030"/> <text x="10" y="22" font-family="serif" font-size="14" fill="#38bdf8" font-style="italic">Value = Σ (d_i × 2^i)</text> <text x="160" y="22" font-family="sans-serif" font-size="11" fill="#94a3b8">Positional notation derivation</text> </g> <!-- Bottom Section: Data Types --> <rect x="40" y="350" width="820" height="170" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="385" font-family="sans-serif" font-weight="bold" font-size="18" fill="#e879f9">03. PRIMITIVE DATA TYPES</text> <!-- Type Cards --> <g transform="translate(60, 405)"> <!-- Integer --> <rect width="240" height="90" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="30" cy="25" r="10" fill="#38bdf8"/> <text x="50" y="30" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Integer (int)</text> <text x="20" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8">Whole numbers. Python uses</text> <text x="20" y="72" font-family="sans-serif" font-size="12" fill="#94a3b8">arbitrary-precision logic.</text> <!-- Float --> <rect x="260" width="240" height="90" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <path d="M280 15 L300 35 M300 15 L280 35" stroke="#e879f9" stroke-width="3"/> <text x="310" y="30" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Float (float)</text> <text x="280" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8">Real numbers. IEEE 754</text> <text x="280" y="72" font-family="sans-serif" font-size="12" fill="#94a3b8">standard approximations.</text> <!-- Boolean --> <rect x="520" width="260" height="90" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <rect x="540" y="18" width="15" height="15" fill="#f59e0b"/> <text x="570" y="30" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Boolean (bool)</text> <text x="540" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8">Logical True or False.</text> <text x="540" y="72" font-family="sans-serif" font-size="12" fill="#94a3b8">The binary choice of logic.</text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#38bdf8" stroke-width="0.5" opacity="0.5"/> <circle cx="850" cy="50" r="20" fill="none" stroke="#e879f9" stroke-width="0.5" opacity="0.5"/> <path d="M820 520 L860 520 M840 500 L840 540" stroke="#f59e0b" stroke-width="1" opacity="0.3"/> <!-- Footer Label --> <text x="450" y="545" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#475569" letter-spacing="2">CS FUNDAMENTALS // CORE CONCEPTS ARCHIVE</text> </svg>Unit 1: Computational Thinking and Variables image 1Unit 1: Computational Thinking and Variables - Intro to Python Fundamentals - image 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-1-computational-thinking-and-variables/svg/1Unit 1: Computational Thinking and Variables diagram 1Unit 1: Computational Thinking and Variables - Intro to Python Fundamentals - diagram 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-1-computational-thinking-and-variables/svg/2Unit 1: Computational Thinking and Variables diagram 2Unit 1: Computational Thinking and Variables - Intro to Python Fundamentals - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="60" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">UNIT 1: EXPRESSIONS &amp; OUTPUT</text> <text x="40" y="85" font-family="Arial, sans-serif" font-size="16" fill="#94a3b8" letter-spacing="1">THE ATOMIC FOUNDATIONS OF COMPUTATION</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#334155" stroke-width="2"/> <!-- Left Column: The IPO Cycle --> <rect x="40" y="125" width="260" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="155" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The IPO Cycle</text> <text x="60" y="175" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Data transformation in three stages</text> <!-- Flow Visual --> <g transform="translate(60, 200)"> <!-- Input --> <rect width="220" height="50" rx="8" fill="#ffffff05" stroke="#38bdf8" stroke-dasharray="4"/> <circle cx="25" cy="25" r="12" fill="#38bdf820" stroke="#38bdf8"/> <path d="M20 25h10M25 20l5 5-5 5" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="50" y="30" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">INPUT</text> <text x="110" y="30" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Raw Data / Variables</text> <!-- Process --> <rect y="70" width="220" height="50" rx="8" fill="#ffffff05" stroke="#f59e0b"/> <circle cx="25" cy="95" r="12" fill="#f59e0b20" stroke="#f59e0b"/> <path d="M20 95h10M22 90l6 10M28 90l-6 10" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="50" y="100" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">EXPRESSION</text> <text x="145" y="100" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Evaluation</text> <!-- Output --> <rect y="140" width="220" height="50" rx="8" fill="#ffffff05" stroke="#e879f9"/> <circle cx="25" cy="165" r="12" fill="#e879f920" stroke="#e879f9"/> <path d="M20 165h10M25 160l5 5-5 5" transform="rotate(90 25 165)" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="50" y="170" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">OUTPUT</text> <text x="120" y="170" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Communication</text> <!-- Connecting Arrows --> <path d="M110 50v20M110 120v20" stroke="#334155" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/> </g> <!-- Center Column: Evaluation Engine --> <rect x="320" y="125" width="260" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="155" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Evaluation Engine</text> <text x="340" y="175" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Reducing complexity to a single value</text> <g transform="translate(340, 210)"> <!-- Expression Tree --> <rect x="0" y="0" width="220" height="40" rx="6" fill="#1e293b"/> <text x="110" y="25" text-anchor="middle" font-family="Monaco, monospace" font-size="16" fill="#f8fafc">10 + (5 * 2)</text> <path d="M110 40 L110 70" stroke="#334155" stroke-width="2" stroke-dasharray="4"/> <rect x="20" y="70" width="180" height="40" rx="6" fill="#1e293b" stroke="#f59e0b" stroke-width="1"/> <text x="110" y="95" text-anchor="middle" font-family="Monaco, monospace" font-size="16" fill="#f8fafc">10 + 10</text> <path d="M110 110 L110 140" stroke="#334155" stroke-width="2" stroke-dasharray="4"/> <rect x="60" y="140" width="100" height="50" rx="25" fill="#f59e0b" filter="url(#glow)"/> <text x="110" y="172" text-anchor="middle" font-family="Arial, sans-serif" font-weight="900" font-size="24" fill="#0f172a">20</text> <text x="0" y="230" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"An expression is not a command, but a question that the computer answers with a value."</text> </g> <!-- Right Column: Operator Hierarchy --> <rect x="600" y="125" width="260" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="155" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#e879f9">Operator Rules</text> <!-- PEMDAS List --> <g transform="translate(620, 180)"> <text x="0" y="0" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">PEMDAS Precedence</text> <g transform="translate(0, 20)"> <rect width="220" height="24" rx="4" fill="#ffffff05"/> <text x="10" y="17" font-family="Monaco, monospace" font-size="12" fill="#38bdf8">1. ( )</text> <text x="80" y="17" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Parentheses</text> </g> <g transform="translate(0, 48)"> <rect width="220" height="24" rx="4" fill="#ffffff05"/> <text x="10" y="17" font-family="Monaco, monospace" font-size="12" fill="#38bdf8">2. **</text> <text x="80" y="17" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Exponentiation</text> </g> <g transform="translate(0, 76)"> <rect width="220" height="24" rx="4" fill="#ffffff05"/> <text x="10" y="17" font-family="Monaco, monospace" font-size="12" fill="#38bdf8">3. * / // %</text> <text x="80" y="17" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Mult / Div / Mod</text> </g> <g transform="translate(0, 104)"> <rect width="220" height="24" rx="4" fill="#ffffff05"/> <text x="10" y="17" font-family="Monaco, monospace" font-size="12" fill="#38bdf8">4. + -</text> <text x="80" y="17" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Add / Sub</text> </g> </g> <!-- Modulo & Concatenation --> <g transform="translate(620, 330)"> <text x="0" y="0" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Special Operators</text> <!-- Modulo --> <rect y="15" width="220" height="70" rx="8" fill="#f59e0b10" stroke="#f59e0b40"/> <text x="10" y="35" font-family="Monaco, monospace" font-size="13" font-weight="bold" fill="#f59e0b">% Modulo</text> <text x="10" y="52" font-family="Arial, sans-serif" font-size="11" fill="#cbd5e1">Returns the remainder.</text> <text x="10" y="68" font-family="Monaco, monospace" font-size="11" fill="#94a3b8">17 % 5 == 2</text> <!-- Concatenation --> <rect y="95" width="220" height="70" rx="8" fill="#e879f910" stroke="#e879f940"/> <text x="10" y="115" font-family="Monaco, monospace" font-size="13" font-weight="bold" fill="#e879f9">+ Concatenation</text> <text x="10" y="132" font-family="Arial, sans-serif" font-size="11" fill="#cbd5e1">Joins strings together.</text> <text x="10" y="148" font-family="Monaco, monospace" font-size="11" fill="#94a3b8">"Hi" + "!" == "Hi!"</text> </g> <!-- Footer Decor --> <circle cx="840" cy="500" r="40" fill="#38bdf805" stroke="#38bdf810" stroke-width="2"/> <circle cx="840" cy="500" r="25" fill="#38bdf805" stroke="#38bdf810" stroke-width="1"/> <path d="M830 500 L850 500 M840 490 L840 510" stroke="#38bdf820" stroke-width="2"/> </svg>Unit 1: Expressions, Operators, and Output image 1Unit 1: Expressions, Operators, and Output - Intro to Python Fundamentals - image 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-1-expressions-and-output/svg/1Unit 1: Expressions, Operators, and Output diagram 1Unit 1: Expressions, Operators, and Output - Intro to Python Fundamentals - diagram 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-1-expressions-and-output/svg/2Unit 1: Expressions, Operators, and Output diagram 2Unit 1: Expressions, Operators, and Output - Intro to Python Fundamentals - diagram 2https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-1-debugging-and-errors/svg/1Unit 1: Debugging and Error Types diagram 1Unit 1: Debugging and Error Types - Intro to Python Fundamentals - diagram 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-1-debugging-and-errors/svg/2Unit 1: Debugging and Error Types diagram 2Unit 1: Debugging and Error Types - Intro to Python Fundamentals - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">UNIT 2: CONDITIONAL LOGIC &amp; BRANCHING</text> <text x="450" y="75" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" fill="#38bdf8" letter-spacing="3" font-weight="600">THE NERVOUS SYSTEM OF ALGORITHMS</text> <rect x="400" y="85" width="100" height="2" fill="#e879f9" opacity="0.6"/> <!-- Left Card: Comparison Operators --> <rect x="40" y="120" width="260" height="320" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="150" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Comparison Operators</text> <text x="60" y="170" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">The mechanics of evaluation</text> <g font-family="monospace" font-size="14" fill="#f8fafc"> <text x="60" y="205"><tspan fill="#38bdf8">==</tspan> Equal to</text> <text x="60" y="235"><tspan fill="#38bdf8">!=</tspan> Not equal to</text> <text x="60" y="265"><tspan fill="#38bdf8">&gt; </tspan> Greater than</text> <text x="60" y="295"><tspan fill="#38bdf8">&lt; </tspan> Less than</text> <text x="60" y="325"><tspan fill="#38bdf8">&gt;=</tspan> Greater or equal</text> <text x="60" y="355"><tspan fill="#38bdf8">&lt;=</tspan> Less or equal</text> </g> <rect x="60" y="380" width="220" height="45" rx="8" fill="#00000030"/> <text x="70" y="398" font-family="system-ui, sans-serif" font-size="11" font-weight="bold" fill="#e879f9">BOOLEAN PRIMITIVITY</text> <text x="70" y="415" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">True = 1 | False = 0 (Python)</text> <!-- Central Branching Visual --> <path d="M 450 120 L 450 220" stroke="#38bdf8" stroke-width="3" stroke-dasharray="8 4" opacity="0.5"/> <polygon points="450,230 490,270 450,310 410,270" fill="#1e293b" stroke="#38bdf8" stroke-width="2" filter="url(#glow)"/> <text x="450" y="275" text-anchor="middle" font-family="monospace" font-weight="bold" font-size="16" fill="#f8fafc">IF</text> <!-- Branching Paths --> <path d="M 410 270 L 340 270 L 340 320" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M 490 270 L 560 270 L 560 320" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="330" y="260" text-anchor="end" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" fill="#e879f9">FALSE</text> <text x="570" y="260" text-anchor="start" font-family="system-ui, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">TRUE</text> <!-- Right Card: Logical Operators --> <rect x="600" y="120" width="260" height="320" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="620" y="150" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Logical Operators</text> <text x="620" y="170" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">Combining complex conditions</text> <g font-family="monospace" font-size="14" fill="#f8fafc"> <rect x="620" y="190" width="220" height="30" rx="4" fill="#ffffff05"/> <text x="630" y="210"><tspan fill="#e879f9" font-weight="bold">and</tspan> Conjunction</text> <rect x="620" y="230" width="220" height="30" rx="4" fill="#ffffff05"/> <text x="630" y="250"><tspan fill="#e879f9" font-weight="bold">or </tspan> Disjunction</text> <rect x="620" y="270" width="220" height="30" rx="4" fill="#ffffff05"/> <text x="630" y="290"><tspan fill="#e879f9" font-weight="bold">not</tspan> Negation</text> </g> <text x="620" y="335" font-family="system-ui, sans-serif" font-size="13" font-weight="bold" fill="#38bdf8">Short-Circuiting</text> <text x="620" y="355" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8" width="220"> <tspan x="620" dy="0">If 'and' finds a False, it stops.</tspan> <tspan x="620" dy="15">If 'or' finds a True, it stops.</tspan> <tspan x="620" dy="15" fill="#f59e0b" font-weight="bold">Prevents ZeroDivisionErrors!</tspan> </text> <!-- Bottom Center: Identity vs Equality --> <rect x="320" y="450" width="260" height="80" rx="12" fill="#38bdf815" stroke="#38bdf840" stroke-width="1"/> <text x="450" y="475" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Identity vs. Equality</text> <text x="340" y="500" font-family="monospace" font-size="13" fill="#f59e0b">==</text> <text x="370" y="500" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">Checks Value (Contents)</text> <text x="340" y="520" font-family="monospace" font-size="13" fill="#f59e0b">is</text> <text x="370" y="520" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">Checks Identity (Memory Addr)</text> <!-- Decorative Elements --> <circle cx="40" cy="40" r="20" fill="#f59e0b" opacity="0.1"/> <circle cx="860" cy="520" r="30" fill="#38bdf8" opacity="0.1"/> <path d="M 800 50 L 850 50" stroke="#ffffff20" stroke-width="2"/> <path d="M 50 510 L 100 510" stroke="#ffffff20" stroke-width="2"/> </svg>Unit 2: Conditional Logic and Branching image 1Unit 2: Conditional Logic and Branching - Intro to Python Fundamentals - image 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-2-conditional-logic/svg/1Unit 2: Conditional Logic and Branching diagram 1Unit 2: Conditional Logic and Branching - Intro to Python Fundamentals - diagram 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-2-conditional-logic/svg/2Unit 2: Conditional Logic and Branching diagram 2Unit 2: Conditional Logic and Branching - Intro to Python Fundamentals - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentWhile" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#d97706"/> </linearGradient> <linearGradient id="accentFor" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#0284c7"/> </linearGradient> <filter id="glow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="3" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <g stroke="#ffffff08" stroke-width="1"> <line x1="450" y1="100" x2="450" y2="520" /> <line x1="50" y1="320" x2="850" y2="320" /> </g> <!-- Header --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">UNIT 3: LOOPS &amp; SIMULATIONS</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400">THE ENGINE OF COMPUTATION &amp; STOCHASTIC MODELING</text> <!-- Left Panel: Indefinite Iteration --> <rect x="40" y="120" width="390" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <circle cx="75" cy="155" r="18" fill="url(#accentWhile)" filter="url(#glow)"/> <path d="M70 150 A8 8 0 1 1 70 160 M70 160 L66 156 M70 160 L74 156" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round"/> <text x="105" y="160" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="20">Indefinite: While Loops</text> <text x="65" y="200" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">"Repeated If Statement"</text> <text x="65" y="220" fill="#94a3b8" font-family="sans-serif" font-size="12" width="340"> <tspan x="65" dy="0">Executes as long as a Boolean condition is True.</tspan> <tspan x="65" dy="18">Requires: Initialization, Condition, and Update.</tspan> </text> <rect x="65" y="250" width="110" height="30" rx="6" fill="#f59e0b20" stroke="#f59e0b40"/> <text x="120" y="270" text-anchor="middle" fill="#f59e0b" font-family="monospace" font-weight="bold" font-size="12">SENTINEL</text> <rect x="185" y="250" width="110" height="30" rx="6" fill="#ef444420" stroke="#ef444440"/> <text x="240" y="270" text-anchor="middle" fill="#ef4444" font-family="monospace" font-weight="bold" font-size="12">HALTING PROB.</text> <!-- Right Panel: Definite Iteration --> <rect x="470" y="120" width="390" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <circle cx="505" cy="155" r="18" fill="url(#accentFor)" filter="url(#glow)"/> <rect x="498" y="148" width="14" height="14" fill="none" stroke="white" stroke-width="2"/> <line x1="498" y1="155" x2="512" y2="155" stroke="white" stroke-width="2"/> <text x="535" y="160" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="20">Definite: For Loops</text> <text x="495" y="200" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">"Iterator-Based Sequences"</text> <text x="495" y="220" fill="#94a3b8" font-family="sans-serif" font-size="12"> <tspan x="495" dy="0">Iterates over a known collection or range.</tspan> <tspan x="495" dy="18">Memory efficient: generates values on demand.</tspan> </text> <g transform="translate(495, 250)"> <rect width="200" height="30" rx="6" fill="#38bdf820" stroke="#38bdf840"/> <text x="100" y="20" text-anchor="middle" fill="#38bdf8" font-family="monospace" font-weight="bold" font-size="12">range(start, stop, step)</text> </g> <!-- Bottom Panel: Control Flow --> <rect x="40" y="340" width="440" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="65" y="375" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">Loop Control Flow</text> <!-- Break Visual --> <g transform="translate(65, 400)"> <rect width="160" height="90" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="25" fill="#f8fafc" font-family="monospace" font-weight="bold" font-size="14">break</text> <path d="M20 60 H80 M80 60 L70 50 M80 60 L70 70" fill="none" stroke="#ef4444" stroke-width="2"/> <line x1="90" y1="45" x2="90" y2="75" stroke="#ef4444" stroke-width="3" stroke-linecap="round"/> <text x="15" y="80" fill="#94a3b8" font-family="sans-serif" font-size="10">Exits loop immediately</text> </g> <!-- Continue Visual --> <g transform="translate(245, 400)"> <rect width="160" height="90" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="25" fill="#f8fafc" font-family="monospace" font-weight="bold" font-size="14">continue</text> <path d="M20 65 Q50 30 80 65" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <path d="M80 65 L72 60 M80 65 L75 72" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="50" cy="65" r="4" fill="#ef4444"/> <text x="15" y="80" fill="#94a3b8" font-family="sans-serif" font-size="10">Skips to next iteration</text> </g> <!-- Right Bottom: Simulations --> <rect x="500" y="340" width="360" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="525" y="375" fill="#2dd4bf" font-family="sans-serif" font-weight="700" font-size="18">Simulations &amp; Stochasticity</text> <g transform="translate(525, 400)"> <!-- Monte Carlo Visual --> <circle cx="40" cy="40" r="35" fill="none" stroke="#ffffff20" stroke-width="1"/> <rect x="5" y="5" width="70" height="70" fill="none" stroke="#ffffff20" stroke-width="1"/> <circle cx="20" cy="25" r="2" fill="#2dd4bf"/> <circle cx="55" cy="15" r="2" fill="#f59e0b"/> <circle cx="40" cy="50" r="2" fill="#2dd4bf"/> <circle cx="15" cy="60" r="2" fill="#f59e0b"/> <circle cx="60" cy="55" r="2" fill="#2dd4bf"/> <circle cx="30" cy="10" r="2" fill="#2dd4bf"/> <text x="90" y="25" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="13">Monte Carlo Models</text> <text x="90" y="45" fill="#94a3b8" font-family="sans-serif" font-size="11"> <tspan x="90" dy="0">Using randomness to solve</tspan> <tspan x="90" dy="15">deterministic problems via</tspan> <tspan x="90" dy="15">repeated sampling.</tspan> </text> </g> <!-- Decorative Accents --> <path d="M850 50 L870 70 M850 70 L870 50" stroke="#ffffff20" stroke-width="2"/> <circle cx="30" cy="30" r="10" fill="none" stroke="#ffffff20" stroke-width="2"/> </svg>Unit 3: Loops and Simulations image 1Unit 3: Loops and Simulations - Intro to Python Fundamentals - image 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-3-loops-and-simulations/svg/1Unit 3: Loops and Simulations diagram 1Unit 3: Loops and Simulations - Intro to Python Fundamentals - diagram 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-3-loops-and-simulations/svg/2Unit 3: Loops and Simulations diagram 2Unit 3: Loops and Simulations - Intro to Python Fundamentals - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#818cf8"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="55" font-family="system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">UNIT 4: FUNCTIONS &amp; MODULARITY</text> <text x="40" y="82" font-family="system-ui, sans-serif" font-size="16" fill="#94a3b8" letter-spacing="1">THE ARCHITECTURE OF ABSTRACTION</text> <rect x="40" y="95" width="120" height="4" rx="2" fill="#f59e0b"/> <!-- Left Panel: Linear vs Modular --> <rect x="40" y="120" width="260" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="145" font-family="system-ui, sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">EVOLUTION OF STRUCTURE</text> <!-- Spaghetti Code Visual --> <path d="M 70 170 Q 100 160 130 180 T 190 170 T 250 190" fill="none" stroke="#ef4444" stroke-width="2" stroke-dasharray="4 2"/> <text x="70" y="210" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Linear "Spaghetti" Script</text> <!-- Modular Visual --> <rect x="70" y="240" width="40" height="25" rx="4" fill="#38bdf833" stroke="#38bdf8" stroke-width="1.5"/> <rect x="120" y="240" width="40" height="25" rx="4" fill="#38bdf833" stroke="#38bdf8" stroke-width="1.5"/> <rect x="170" y="240" width="40" height="25" rx="4" fill="#38bdf833" stroke="#38bdf8" stroke-width="1.5"/> <text x="70" y="285" font-family="system-ui, sans-serif" font-size="11" fill="#f8fafc">Modular Abstraction</text> <text x="70" y="300" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">Interchangeable, reusable units.</text> <!-- Center Panel: The Function Machine --> <rect x="320" y="120" width="540" height="300" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="340" y="145" font-family="system-ui, sans-serif" font-weight="bold" font-size="14" fill="#e879f9">ANATOMY OF A FUNCTION</text> <!-- The Machine Graphic --> <path d="M 450 200 L 730 200 L 750 220 L 750 340 L 430 340 L 430 220 Z" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <rect x="470" y="230" width="240" height="80" rx="8" fill="#0f172a" stroke="#ffffff10"/> <text x="485" y="255" font-family="monospace" font-size="12" fill="#38bdf8">def <tspan fill="#f8fafc">calculate_entropy</tspan>(data):</text> <text x="500" y="275" font-family="monospace" font-size="11" fill="#64748b">"""Docstring: Logic here"""</text> <text x="500" y="295" font-family="monospace" font-size="12" fill="#e879f9">return <tspan fill="#f8fafc">result</tspan></text> <!-- Inputs/Outputs --> <circle cx="380" cy="270" r="25" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <path d="M 405 270 L 430 270" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrow)"/> <text x="355" y="310" font-family="system-ui, sans-serif" font-size="11" font-weight="bold" fill="#f59e0b">ARGUMENTS</text> <text x="355" y="325" font-family="system-ui, sans-serif" font-size="9" fill="#94a3b8">Actual Values</text> <polygon points="750,270 780,255 780,285" fill="#e879f9"/> <rect x="790" y="255" width="50" height="30" rx="4" fill="#e879f922" stroke="#e879f9" stroke-width="2"/> <text x="785" y="310" font-family="system-ui, sans-serif" font-size="11" font-weight="bold" fill="#e879f9">RETURN VALUE</text> <text x="785" y="325" font-family="system-ui, sans-serif" font-size="9" fill="#94a3b8">The Output Space</text> <!-- Bottom Panel: Key Concepts --> <rect x="40" y="340" width="260" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="365" font-family="system-ui, sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">PARAMETER PASSING</text> <rect x="60" y="380" width="220" height="45" rx="8" fill="#ffffff05"/> <text x="70" y="398" font-family="system-ui, sans-serif" font-size="11" font-weight="bold" fill="#f8fafc">Immutable (int, str)</text> <text x="70" y="413" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">Behaves like pass-by-value.</text> <rect x="60" y="435" width="220" height="45" rx="8" fill="#ffffff05"/> <text x="70" y="453" font-family="system-ui, sans-serif" font-size="11" font-weight="bold" fill="#f8fafc">Mutable (list, dict)</text> <text x="70" y="468" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">Changes persist outside function.</text> <!-- Simpson's Rule Case Study --> <rect x="320" y="440" width="540" height="80" rx="16" fill="url(#accentGrad)" opacity="0.15"/> <rect x="320" y="440" width="540" height="80" rx="16" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 4"/> <text x="340" y="465" font-family="system-ui, sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">CASE STUDY: SIMPSON'S RULE</text> <text x="340" y="485" font-family="system-ui, sans-serif" font-size="12" fill="#f8fafc">Numerical integration demonstrates modularity by encapsulating complex summation logic,</text> <text x="340" y="502" font-family="system-ui, sans-serif" font-size="12" fill="#f8fafc">allowing the user to treat a mathematical algorithm as a single "black box" tool.</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff10" stroke-width="8"/> <circle cx="850" cy="50" r="15" fill="#f59e0b" opacity="0.5"/> <!-- Marker Definition --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="0" refY="3" orientation="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#f59e0b" /> </marker> </defs> </svg>Unit 4: Functions and Modularity image 1Unit 4: Functions and Modularity - Intro to Python Fundamentals - image 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-4-functions-and-modularity/svg/1Unit 4: Functions and Modularity diagram 1Unit 4: Functions and Modularity - Intro to Python Fundamentals - diagram 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-5-data-structures-lists/svg/1Unit 5: Data Structures - Lists and Sequences diagram 1Unit 5: Data Structures - Lists and Sequences - Intro to Python Fundamentals - diagram 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-5-data-structures-lists/svg/2Unit 5: Data Structures - Lists and Sequences diagram 2Unit 5: Data Structures - Lists and Sequences - Intro to Python Fundamentals - diagram 2https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-5-data-structures-lists/svg/3Unit 5: Data Structures - Lists and Sequences diagram 3Unit 5: Data Structures - Lists and Sequences - Intro to Python Fundamentals - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#334155" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <path d="M 0 100 L 900 100 M 0 460 L 900 460" stroke="#1e293b" stroke-width="1"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">UNIT 6: OBJECT-ORIENTED PROGRAMMING</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">A PARADIGM SHIFT FROM PROCEDURAL TO ENTITY-BASED DESIGN</text> <rect x="740" y="45" width="120" height="30" rx="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="800" y="65" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">CORE CONCEPT</text> <!-- Left Card: Procedural vs OOP --> <rect x="40" y="120" width="260" height="160" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="150" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">Procedural vs. OOP</text> <circle cx="70" cy="185" r="4" fill="#94a3b8"/> <text x="85" y="189" font-family="sans-serif" font-size="12" fill="#f8fafc">Procedural: The "How"</text> <text x="85" y="204" font-family="sans-serif" font-size="11" fill="#94a3b8">Linear sequence of actions.</text> <circle cx="70" cy="235" r="4" fill="#38bdf8"/> <text x="85" y="239" font-family="sans-serif" font-size="12" fill="#f8fafc">OOP: The "What"</text> <text x="85" y="254" font-family="sans-serif" font-size="11" fill="#94a3b8">Bundled data and logic (Objects).</text> <!-- Center Area: The Blueprint Illustration --> <rect x="320" y="120" width="540" height="240" rx="16" fill="#ffffff05" stroke="#ffffff10" stroke-dasharray="4 4"/> <!-- Blueprint Graphic --> <g transform="translate(360, 160)"> <!-- Blueprint Side --> <rect width="160" height="120" fill="#38bdf810" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 2"/> <path d="M 20 100 L 80 40 L 140 100 Z" fill="none" stroke="#38bdf8" stroke-width="2"/> <rect x="65" y="75" width="30" height="25" fill="none" stroke="#38bdf8" stroke-width="1"/> <text x="80" y="135" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8" text-anchor="middle">CLASS (Blueprint)</text> <text x="80" y="150" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">The Logical Template</text> <!-- Arrow --> <path d="M 180 60 L 240 60" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrowhead)"/> <text x="210" y="50" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b" text-anchor="middle">INSTANTIATE</text> <!-- Object Side --> <g transform="translate(260, 0)"> <rect width="160" height="120" rx="8" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <path d="M 20 100 L 80 40 L 140 100 Z" fill="#f59e0b40" stroke="#f59e0b" stroke-width="2"/> <rect x="65" y="75" width="30" height="25" fill="#0f172a" stroke="#f59e0b" stroke-width="1"/> <text x="80" y="135" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f59e0b" text-anchor="middle">OBJECT (Instance)</text> <text x="80" y="150" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Memory: 0x7ff...a2</text> </g> </g> <!-- Bottom Left: State Theorem --> <rect x="40" y="300" width="260" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="330" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">Object State</text> <text x="60" y="355" font-family="sans-serif" font-size="13" fill="#f8fafc" font-style="italic">σ(O, t) = { a₁:v₁, a₂:v₂ }</text> <text x="60" y="375" font-family="sans-serif" font-size="11" fill="#94a3b8" width="220"> The state of an object at time t is the </text> <text x="60" y="390" font-family="sans-serif" font-size="11" fill="#94a3b8"> mapping of all attributes to values. </text> <line x1="60" y1="410" x2="240" y2="410" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="435" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">The 'self' Keyword</text> <text x="60" y="455" font-family="sans-serif" font-size="11" fill="#94a3b8">A reference to the specific instance</text> <text x="60" y="470" font-family="sans-serif" font-size="11" fill="#94a3b8">being accessed in memory.</text> <rect x="60" y="485" width="100" height="20" rx="4" fill="#38bdf820"/> <text x="110" y="500" font-family="monospace" font-size="11" fill="#38bdf8" text-anchor="middle">self.health = 100</text> <!-- Bottom Right: Pipeline --> <rect x="320" y="380" width="540" height="140" rx="16" fill="#1e293b" stroke="#ffffff10"/> <text x="345" y="410" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">The Instantiation Pipeline</text> <!-- Step 1 --> <circle cx="360" cy="455" r="15" fill="#38bdf8"/> <text x="360" y="460" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a" text-anchor="middle">1</text> <text x="360" y="485" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Definition</text> <text x="360" y="500" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">Read Class</text> <line x1="385" y1="455" x2="465" y2="455" stroke="#334155" stroke-width="2" stroke-dasharray="4 2"/> <!-- Step 2 --> <circle cx="490" cy="455" r="15" fill="#38bdf8"/> <text x="490" y="460" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a" text-anchor="middle">2</text> <text x="490" y="485" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Allocation</text> <text x="490" y="500" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">Reserve RAM</text> <line x1="515" y1="455" x2="595" y2="455" stroke="#334155" stroke-width="2" stroke-dasharray="4 2"/> <!-- Step 3 --> <circle cx="620" cy="455" r="15" fill="#38bdf8"/> <text x="620" y="460" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a" text-anchor="middle">3</text> <text x="620" y="485" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Initialization</text> <text x="620" y="500" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">Run __init__</text> <line x1="645" y1="455" x2="725" y2="455" stroke="#334155" stroke-width="2" stroke-dasharray="4 2"/> <!-- Step 4 --> <circle cx="750" cy="455" r="15" fill="#38bdf8"/> <text x="750" y="460" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a" text-anchor="middle">4</text> <text x="750" y="485" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Reference</text> <text x="750" y="500" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">Return Pointer</text> <!-- Arrowhead Marker --> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#f59e0b" /> </marker> <!-- Decorative Accent --> <path d="M 860 40 Q 880 40 880 60" fill="none" stroke="#e879f9" stroke-width="4" stroke-linecap="round"/> </svg>Unit 6: Object-Oriented Programming (OOP) image 1Unit 6: Object-Oriented Programming (OOP) - Intro to Python Fundamentals - image 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-6-object-oriented-programming/svg/1Unit 6: Object-Oriented Programming (OOP) diagram 1Unit 6: Object-Oriented Programming (OOP) - Intro to Python Fundamentals - diagram 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/unit-6-object-oriented-programming/svg/2Unit 6: Object-Oriented Programming (OOP) diagram 2Unit 6: Object-Oriented Programming (OOP) - Intro to Python Fundamentals - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="1">PRACTICAL PROGRAM DESIGN</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="400" fill="#38bdf8" letter-spacing="2">THE ARCHITECTURE OF PROBLEM SOLVING</text> <rect x="400" y="95" width="100" height="3" fill="#f59e0b" rx="1.5"/> <!-- Left Column: The Pillars --> <g transform="translate(40, 130)"> <rect width="380" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="20" y="35" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">Core Pillars</text> <!-- Decomposition --> <g transform="translate(20, 55)"> <rect width="32" height="32" rx="6" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <path d="M10 10h4v4h-4zM18 10h4v4h-4zM10 18h4v4h-4zM18 18h4v4h-4z" fill="#e879f9"/> <text x="45" y="15" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Decomposition</text> <text x="45" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">Breaking complex systems into modular sub-problems.</text> </g> <!-- State & Sequence --> <g transform="translate(20, 110)"> <rect width="32" height="32" rx="6" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M8 16h16M20 10l6 6-6 6" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="45" y="15" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">State &amp; Sequence</text> <text x="45" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">Managing variable values (t) over a timeline of logic.</text> </g> </g> <!-- Right Column: Design Patterns Grid --> <g transform="translate(440, 130)"> <rect width="420" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="20" y="35" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">Design Patterns</text> <!-- Pattern 1 --> <rect x="20" y="55" width="185" height="50" rx="8" fill="#ffffff05"/> <text x="30" y="75" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">The Accumulator</text> <text x="30" y="90" font-family="sans-serif" font-size="10" fill="#94a3b8">Updating state within a loop.</text> <!-- Pattern 2 --> <rect x="215" y="55" width="185" height="50" rx="8" fill="#ffffff05"/> <text x="225" y="75" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">The Game Loop</text> <text x="225" y="90" font-family="sans-serif" font-size="10" fill="#94a3b8">Continuous input/update/render.</text> <!-- Pattern 3 --> <rect x="20" y="115" width="185" height="50" rx="8" fill="#ffffff05"/> <text x="30" y="135" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Encapsulation</text> <text x="30" y="150" font-family="sans-serif" font-size="10" fill="#94a3b8">Bundling data and methods.</text> <!-- Pattern 4 --> <rect x="215" y="115" width="185" height="50" rx="8" fill="#ffffff05"/> <text x="225" y="135" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">The Factory</text> <text x="225" y="150" font-family="sans-serif" font-size="10" fill="#94a3b8">Generating dynamic objects.</text> </g> <!-- Bottom Section: The Simulation Engine --> <g transform="translate(40, 330)"> <rect width="820" height="190" rx="16" fill="#ffffff10" stroke="#ffffff20" stroke-width="1"/> <!-- Visual Representation of a Simulation --> <g transform="translate(30, 40)"> <circle cx="40" cy="60" r="30" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <path d="M40 30 v10 M40 80 v10 M10 60 h10 M70 60 h10" stroke="#38bdf8" stroke-width="2"/> <text x="100" y="25" font-family="sans-serif" font-size="20" font-weight="700" fill="#f8fafc">The Simulation Engine</text> <text x="100" y="50" font-family="sans-serif" font-size="13" fill="#94a3b8" width="600"> The ultimate synthesis of curriculum concepts. It requires managing a collection of objects, </text> <text x="100" y="70" font-family="sans-serif" font-size="13" fill="#94a3b8"> iterating through time steps, and handling state mutations based on conditional logic. </text> <!-- Code Snippet Visual --> <rect x="100" y="90" width="680" height="70" rx="8" fill="#00000040"/> <text x="120" y="115" font-family="monospace" font-size="12" fill="#38bdf8">while <tspan fill="#f8fafc">active:</tspan></text> <text x="140" y="135" font-family="monospace" font-size="12" fill="#94a3b8"># Sequence: Update State -> Render Output</text> <text x="140" y="150" font-family="monospace" font-size="12" fill="#e879f9">active = environment.run_cycle()</text> </g> </g> <!-- Decorative Connectors --> <path d="M230 310 L230 330" stroke="#ffffff15" stroke-width="2" fill="none"/> <path d="M650 310 L650 330" stroke="#ffffff15" stroke-width="2" fill="none"/> <!-- Footer Label --> <text x="860" y="540" text-anchor="end" font-family="sans-serif" font-size="10" font-weight="600" fill="#ffffff30" letter-spacing="1">CS CURRICULUM CAPSTONE // UNIT 08</text> </svg>Curriculum Wrap-up and Practical Design image 1Curriculum Wrap-up and Practical Design - Intro to Python Fundamentals - image 1https://www.getlykke.com/explore/public/intro-to-python-fundamentals-7d69e48a-d004-41fe-9114-c2d622302ba8/media/curriculum-wrap-up-and-projects/svg/1Curriculum Wrap-up and Practical Design diagram 1Curriculum Wrap-up and Practical Design - Intro to Python Fundamentals - diagram 1https://www.getlykke.com/explore/public/principles-management-f8e5b267-5d1c-49fe-a6cf-4f1aea655c622026-04-20T04:47:57.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-blue" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#0ea5e9"/> </linearGradient> <filter id="glow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="4" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="Inter, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">Foundations of Management</text> <text x="40" y="85" font-family="Inter, sans-serif" font-size="16" fill="#94a3b8" letter-spacing="1">THE POLC FRAMEWORK &amp; EVOLUTIONARY LOGIC</text> <rect x="40" y="105" width="120" height="4" rx="2" fill="#f59e0b"/> <!-- Left Column: Evolution --> <g transform="translate(40, 140)"> <rect width="240" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="20" y="35" font-family="Inter, sans-serif" font-weight="700" font-size="18" fill="#e879f9">Evolution of Theory</text> <!-- Scientific Management --> <rect x="15" y="60" width="210" height="110" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="40" cy="85" r="12" fill="#e879f9" fill-opacity="0.2"/> <path d="M35 85 L45 85 M40 80 L40 90" stroke="#e879f9" stroke-width="2"/> <text x="60" y="90" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Scientific (Taylorism)</text> <text x="25" y="115" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8"> <tspan x="25" dy="1.2em">• Focus on efficiency &amp; logic</tspan> <tspan x="25" dy="1.2em">• Workers as machine parts</tspan> <tspan x="25" dy="1.2em">• Rigid industrial commands</tspan> </text> <!-- Arrow --> <path d="M120 185 L120 215" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 4" marker-end="url(#arrowhead)"/> <!-- Behavioral Management --> <rect x="15" y="230" width="210" height="110" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="40" cy="255" r="12" fill="#38bdf8" fill-opacity="0.2"/> <path d="M35 255 Q40 245 45 255" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="60" y="260" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Behavioral Approach</text> <text x="25" y="285" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8"> <tspan x="25" dy="1.2em">• Social &amp; psychological needs</tspan> <tspan x="25" dy="1.2em">• Motivation &amp; group dynamics</tspan> <tspan x="25" dy="1.2em">• Strategic agility &amp; systems</tspan> </text> </g> <!-- Center: POLC Loop --> <g transform="translate(310, 140)"> <rect width="280" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="140" y="35" text-anchor="middle" font-family="Inter, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Iterative Loop</text> <!-- Central Circle --> <circle cx="140" cy="210" r="85" fill="none" stroke="#ffffff10" stroke-width="1" stroke-dasharray="8 8"/> <!-- P - Planning --> <g transform="translate(140, 125)"> <circle r="35" fill="#0f172a" stroke="#38bdf8" stroke-width="2" filter="url(#glow)"/> <text text-anchor="middle" y="5" font-family="Inter, sans-serif" font-weight="800" font-size="20" fill="#38bdf8">P</text> <text text-anchor="middle" y="55" font-family="Inter, sans-serif" font-size="12" font-weight="600" fill="#f8fafc">PLANNING</text> </g> <!-- O - Organizing --> <g transform="translate(225, 210)"> <circle r="35" fill="#0f172a" stroke="#e879f9" stroke-width="2"/> <text text-anchor="middle" y="5" font-family="Inter, sans-serif" font-weight="800" font-size="20" fill="#e879f9">O</text> <text text-anchor="middle" y="55" font-family="Inter, sans-serif" font-size="12" font-weight="600" fill="#f8fafc">ORGANIZING</text> </g> <!-- L - Leading --> <g transform="translate(140, 295)"> <circle r="35" fill="#0f172a" stroke="#f59e0b" stroke-width="2"/> <text text-anchor="middle" y="5" font-family="Inter, sans-serif" font-weight="800" font-size="20" fill="#f59e0b">L</text> <text text-anchor="middle" y="55" font-family="Inter, sans-serif" font-size="12" font-weight="600" fill="#f8fafc">LEADING</text> </g> <!-- C - Controlling --> <g transform="translate(55, 210)"> <circle r="35" fill="#0f172a" stroke="#10b981" stroke-width="2"/> <text text-anchor="middle" y="5" font-family="Inter, sans-serif" font-weight="800" font-size="20" fill="#10b981">C</text> <text text-anchor="middle" y="55" font-family="Inter, sans-serif" font-size="12" font-weight="600" fill="#f8fafc">CONTROLLING</text> </g> <!-- Connecting Arrows --> <path d="M175 125 Q225 125 225 175" fill="none" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M225 245 Q225 295 175 295" fill="none" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M105 295 Q55 295 55 245" fill="none" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M55 175 Q55 125 105 125" fill="none" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrowhead)"/> </g> <!-- Right Column: Planning Hierarchy --> <g transform="translate(620, 140)"> <rect width="240" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="20" y="35" font-family="Inter, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Planning Hierarchy</text> <!-- Strategic --> <path d="M20 70 L220 70 L200 130 L40 130 Z" fill="#38bdf8" fill-opacity="0.15" stroke="#38bdf8" stroke-width="1"/> <text x="120" y="95" text-anchor="middle" font-family="Inter, sans-serif" font-weight="700" font-size="13" fill="#f8fafc">STRATEGIC</text> <text x="120" y="112" text-anchor="middle" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8">3–5+ Years | C-Suite</text> <!-- Tactical --> <path d="M40 140 L200 140 L180 200 L60 200 Z" fill="#e879f9" fill-opacity="0.15" stroke="#e879f9" stroke-width="1"/> <text x="120" y="165" text-anchor="middle" font-family="Inter, sans-serif" font-weight="700" font-size="13" fill="#f8fafc">TACTICAL</text> <text x="120" y="182" text-anchor="middle" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8">1–3 Years | Middle Mgmt</text> <!-- Operational --> <path d="M60 210 L180 210 L160 270 L80 270 Z" fill="#f59e0b" fill-opacity="0.15" stroke="#f59e0b" stroke-width="1"/> <text x="120" y="235" text-anchor="middle" font-family="Inter, sans-serif" font-weight="700" font-size="13" fill="#f8fafc">OPERATIONAL</text> <text x="120" y="252" text-anchor="middle" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8">Daily–1 Year | Front-line</text> <!-- Bottom Detail --> <rect x="20" y="295" width="200" height="65" rx="8" fill="#ffffff05"/> <text x="35" y="315" font-family="Inter, sans-serif" font-weight="600" font-size="11" fill="#38bdf8">Efficiency vs Effectiveness</text> <text x="35" y="332" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8">Efficiency: Input/Output Ratio</text> <text x="35" y="347" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8">Effectiveness: Goal Realization</text> </g> <!-- Arrowhead Definition --> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#ffffff40" /> </marker> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="none" stroke="#f59e0b" stroke-width="0.5" stroke-dasharray="2 2"/> <circle cx="850" cy="50" r="20" fill="none" stroke="#38bdf8" stroke-width="0.5"/> </svg>Foundations of Management and the POLC Framework image 1Foundations of Management and the POLC Framework - Principles Management - image 1https://www.getlykke.com/explore/public/principles-management-f8e5b267-5d1c-49fe-a6cf-4f1aea655c62/media/foundations-of-management-polc/svg/1Foundations of Management and the POLC Framework diagram 1Foundations of Management and the POLC Framework - Principles Management - diagram 1https://www.getlykke.com/explore/public/principles-management-f8e5b267-5d1c-49fe-a6cf-4f1aea655c62/media/foundations-of-management-polc/svg/2Foundations of Management and the POLC Framework diagram 2Foundations of Management and the POLC Framework - Principles Management - diagram 2https://www.getlykke.com/explore/public/principles-management-f8e5b267-5d1c-49fe-a6cf-4f1aea655c62/media/foundations-of-management-polc/svg/3Foundations of Management and the POLC Framework diagram 3Foundations of Management and the POLC Framework - Principles Management - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">STRATEGIC &amp; HUMAN RESOURCE MANAGEMENT</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Nexus of Organizational Intent and Human Capital</text> <line x1="300" y1="85" x2="600" y2="85" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Left Panel: Strategic Management --> <rect x="40" y="110" width="400" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">I. STRATEGIC FRAMEWORK</text> <text x="60" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Where" and "What" of the future.</text> <!-- POLC Icons/Grid --> <g transform="translate(60, 180)"> <rect width="180" height="100" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="20" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">POLC MODEL</text> <circle cx="25" cy="50" r="15" fill="#38bdf820" stroke="#38bdf8"/> <text x="25" y="55" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">P</text> <circle cx="65" cy="50" r="15" fill="#38bdf820" stroke="#38bdf8"/> <text x="65" y="55" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">O</text> <circle cx="105" cy="50" r="15" fill="#38bdf820" stroke="#38bdf8"/> <text x="105" y="55" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">L</text> <circle cx="145" cy="50" r="15" fill="#38bdf820" stroke="#38bdf8"/> <text x="145" y="55" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">C</text> <text x="10" y="85" font-family="sans-serif" font-size="10" fill="#94a3b8">Planning • Organizing • Leading • Controlling</text> </g> <!-- SMP Pipeline --> <g transform="translate(60, 300)"> <text x="0" y="0" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">STRATEGIC PROCESS (SMP)</text> <path d="M 0 25 L 350 25" stroke="#ffffff20" stroke-width="2"/> <circle cx="0" cy="25" r="4" fill="#38bdf8"/> <text x="0" y="45" font-family="sans-serif" font-size="10" fill="#f8fafc">Mission</text> <circle cx="85" cy="25" r="4" fill="#38bdf8"/> <text x="85" y="45" font-family="sans-serif" font-size="10" fill="#f8fafc">Scanning</text> <circle cx="170" cy="25" r="4" fill="#38bdf8"/> <text x="170" y="45" font-family="sans-serif" font-size="10" fill="#f8fafc">Formulation</text> <circle cx="255" cy="25" r="4" fill="#e879f9" filter="url(#glow)"/> <text x="255" y="45" font-family="sans-serif" font-size="10" fill="#e879f9" font-weight="bold">Implementation</text> <circle cx="340" cy="25" r="4" fill="#38bdf8"/> <text x="340" y="45" font-family="sans-serif" font-size="10" fill="#f8fafc">Evaluation</text> <path d="M 255 35 L 255 70 L 400 70" fill="none" stroke="#e879f9" stroke-width="1" stroke-dasharray="2 2"/> <text x="260" y="85" font-family="sans-serif" font-size="10" fill="#e879f9">HRM Integration Point</text> </g> <!-- Right Panel: Strategic HRM --> <rect x="460" y="110" width="400" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">II. STRATEGIC HRM</text> <text x="480" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Who" and "How" of execution.</text> <!-- Evolution Table --> <g transform="translate(480, 185)"> <rect width="360" height="110" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <line x1="180" y1="10" x2="180" y2="100" stroke="#ffffff15"/> <text x="10" y="25" font-family="sans-serif" font-weight="bold" font-size="11" fill="#94a3b8">TRADITIONAL</text> <text x="10" y="45" font-family="sans-serif" font-size="12" fill="#f8fafc">• Reactive / Short-term</text> <text x="10" y="65" font-family="sans-serif" font-size="12" fill="#f8fafc">• Administrative Role</text> <text x="10" y="85" font-family="sans-serif" font-size="12" fill="#f8fafc">• Cost Center Focus</text> <text x="190" y="25" font-family="sans-serif" font-weight="bold" font-size="11" fill="#e879f9">STRATEGIC (SHRM)</text> <text x="190" y="45" font-family="sans-serif" font-size="12" fill="#f8fafc">• Proactive / Long-term</text> <text x="190" y="65" font-family="sans-serif" font-size="12" fill="#f8fafc">• Change Agent Role</text> <text x="190" y="85" font-family="sans-serif" font-size="12" fill="#f8fafc">• Investment Center</text> </g> <!-- Metrics/ROI --> <g transform="translate(480, 315)"> <text x="0" y="0" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">KEY SHRM METRICS</text> <rect y="15" width="100" height="60" rx="8" fill="#38bdf815"/> <text x="50" y="40" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="16" fill="#38bdf8">ROI</text> <text x="50" y="60" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Human Capital</text> <rect x="115" y="15" width="100" height="60" rx="8" fill="#e879f915"/> <text x="165" y="40" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="16" fill="#e879f9">CULTURE</text> <text x="165" y="60" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Alignment Index</text> <rect x="230" y="15" width="100" height="60" rx="8" fill="#f59e0b15"/> <text x="280" y="40" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f59e0b">PIPELINE</text> <text x="280" y="60" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Talent Readiness</text> </g> <!-- Bottom Section: Mintzberg Insight --> <rect x="40" y="450" width="820" height="80" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="475" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">THE MINTZBERG INSIGHT: STRATEGY FLOW</text> <g transform="translate(60, 495)"> <text x="0" y="10" font-family="sans-serif" font-size="12" fill="#f8fafc">Intended Strategy</text> <path d="M 110 5 L 180 5" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <text x="200" y="10" font-family="sans-serif" font-size="12" fill="#f8fafc">Deliberate Strategy</text> <path d="M 320 5 L 390 5" stroke="#94a3b8" stroke-width="2"/> <text x="410" y="10" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">REALIZED STRATEGY</text> <path d="M 320 25 L 390 15" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <text x="210" y="30" font-family="sans-serif" font-size="11" fill="#e879f9">Emergent Strategy (Unplanned Responses)</text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff10" stroke-width="8"/> <circle cx="850" cy="50" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <rect x="40" y="40" width="20" height="4" fill="#38bdf8"/> <rect x="40" y="50" width="10" height="4" fill="#e879f9"/> <!-- Python Logic Visualizer --> <g transform="translate(750, 465)"> <text x="0" y="0" font-family="monospace" font-size="10" fill="#94a3b8">np.dot(scores, weights)</text> <rect y="10" width="80" height="6" rx="3" fill="#ffffff10"/> <rect y="10" width="65" height="6" rx="3" fill="#38bdf8"/> <rect y="22" width="80" height="6" rx="3" fill="#ffffff10"/> <rect y="22" width="40" height="6" rx="3" fill="#e879f9"/> <text x="0" y="45" font-family="sans-serif" font-size="9" fill="#94a3b8">Weighted Alignment</text> </g> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="0" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#94a3b8" /> </marker> </defs> </svg>Strategic and Human Resource Management image 1Strategic and Human Resource Management - Principles Management - image 1https://www.getlykke.com/explore/public/principles-management-f8e5b267-5d1c-49fe-a6cf-4f1aea655c62/media/strategic-and-human-resource-management/svg/1Strategic and Human Resource Management diagram 1Strategic and Human Resource Management - Principles Management - diagram 1https://www.getlykke.com/explore/public/principles-management-f8e5b267-5d1c-49fe-a6cf-4f1aea655c62/media/strategic-and-human-resource-management/svg/2Strategic and Human Resource Management diagram 2Strategic and Human Resource Management - Principles Management - diagram 2https://www.getlykke.com/explore/public/principles-management-f8e5b267-5d1c-49fe-a6cf-4f1aea655c62/media/behavioral-management-and-motivation/svg/1Behavioral Management and Motivation diagram 1Behavioral Management and Motivation - Principles Management - diagram 1https://www.getlykke.com/explore/public/principles-management-f8e5b267-5d1c-49fe-a6cf-4f1aea655c62/media/behavioral-management-and-motivation/svg/2Behavioral Management and Motivation diagram 2Behavioral Management and Motivation - Principles Management - diagram 2https://www.getlykke.com/explore/public/principles-management-f8e5b267-5d1c-49fe-a6cf-4f1aea655c62/media/behavioral-management-and-motivation/svg/3Behavioral Management and Motivation diagram 3Behavioral Management and Motivation - Principles Management - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="450" y="45" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">OER IN MANAGEMENT</text> <text x="450" y="68" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="14" fill="#94a3b8" text-transform="uppercase">The Shift from Proprietary to Open Knowledge Ecosystems</text> <!-- Left Column: The 5Rs Framework --> <rect x="30" y="90" width="265" height="440" rx="16" fill="#ffffff08" stroke="#38bdf833" stroke-width="1"/> <text x="45" y="120" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The 5Rs Framework</text> <text x="45" y="138" font-family="sans-serif" font-size="11" fill="#94a3b8">The legal &amp; technical rights of openness</text> <!-- 5Rs Items --> <g transform="translate(45, 160)"> <circle r="12" cx="12" cy="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="1.5"/> <path d="M8 12h8M12 8v8" stroke="#38bdf8" stroke-width="1.5" fill="none"/> <text x="35" y="12" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc" dominant-baseline="middle">RETAIN</text> <text x="35" y="28" font-family="sans-serif" font-size="11" fill="#94a3b8">Make, own, and control copies</text> </g> <g transform="translate(45, 215)"> <circle r="12" cx="12" cy="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="1.5"/> <path d="M8 12a4 4 0 1 1 8 0 4 4 0 1 1-8 0" stroke="#38bdf8" stroke-width="1.5" fill="none"/> <text x="35" y="12" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc" dominant-baseline="middle">REUSE</text> <text x="35" y="28" font-family="sans-serif" font-size="11" fill="#94a3b8">Use in class, video, or website</text> </g> <g transform="translate(45, 270)"> <circle r="12" cx="12" cy="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="1.5"/> <path d="M7 17l10-10M13 7h4v4" stroke="#38bdf8" stroke-width="1.5" fill="none"/> <text x="35" y="12" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc" dominant-baseline="middle">REVISE</text> <text x="35" y="28" font-family="sans-serif" font-size="11" fill="#94a3b8">Adapt, modify, or translate</text> </g> <g transform="translate(45, 325)"> <circle r="12" cx="12" cy="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="1.5"/> <path d="M8 8h3v3M13 13h3v3" stroke="#38bdf8" stroke-width="1.5" fill="none"/> <text x="35" y="12" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc" dominant-baseline="middle">REMIX</text> <text x="35" y="28" font-family="sans-serif" font-size="11" fill="#94a3b8">Combine with other materials</text> </g> <g transform="translate(45, 380)"> <circle r="12" cx="12" cy="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="1.5"/> <path d="M12 7v10M8 13l4 4 4-4" stroke="#38bdf8" stroke-width="1.5" fill="none"/> <text x="35" y="12" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc" dominant-baseline="middle">REDISTRIBUTE</text> <text x="35" y="28" font-family="sans-serif" font-size="11" fill="#94a3b8">Share copies with the world</text> </g> <!-- Center Column: Comparison & Economics --> <rect x="315" y="90" width="270" height="240" rx="16" fill="#ffffff08" stroke="#e879f933" stroke-width="1"/> <text x="330" y="120" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Resource Comparison</text> <g transform="translate(330, 145)"> <rect width="240" height="35" rx="4" fill="#ffffff05"/> <text x="10" y="22" font-family="sans-serif" font-size="12" font-weight="700" fill="#94a3b8">COST</text> <text x="70" y="22" font-family="sans-serif" font-size="12" fill="#f87171">Traditional: $300+</text> <text x="180" y="22" font-family="sans-serif" font-size="12" fill="#4ade80">OER: $0</text> </g> <g transform="translate(330, 190)"> <rect width="240" height="35" rx="4" fill="#ffffff05"/> <text x="10" y="22" font-family="sans-serif" font-size="12" font-weight="700" fill="#94a3b8">LEGAL</text> <text x="70" y="22" font-family="sans-serif" font-size="12" fill="#f87171">Copyrighted</text> <text x="180" y="22" font-family="sans-serif" font-size="12" fill="#4ade80">Creative Com.</text> </g> <g transform="translate(330, 235)"> <rect width="240" height="35" rx="4" fill="#ffffff05"/> <text x="10" y="22" font-family="sans-serif" font-size="12" font-weight="700" fill="#94a3b8">UPDATES</text> <text x="70" y="22" font-family="sans-serif" font-size="12" fill="#f87171">Static Editions</text> <text x="180" y="22" font-family="sans-serif" font-size="12" fill="#4ade80">Real-time</text> </g> <rect x="315" y="345" width="270" height="185" rx="16" fill="#ffffff08" stroke="#f43f5e33" stroke-width="1"/> <text x="330" y="375" font-family="sans-serif" font-weight="700" font-size="18" fill="#f43f5e">Equity Vectors</text> <g transform="translate(330, 395)"> <text x="0" y="15" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">AFFORDABILITY</text> <text x="0" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Quantitative: Reducing financial friction</text> <text x="0" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">and textbook "regressive taxes."</text> <text x="0" y="80" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">ACCESSIBILITY</text> <text x="0" y="97" font-family="sans-serif" font-size="11" fill="#94a3b8">Qualitative: UDL standards, screen</text> <text x="0" y="110" font-family="sans-serif" font-size="11" fill="#94a3b8">readers, and reflowable EPUB3 text.</text> </g> <!-- Right Column: POLC Framework --> <rect x="605" y="90" width="265" height="440" rx="16" fill="#ffffff08" stroke="#f59e0b33" stroke-width="1"/> <text x="620" y="120" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">POLC Implementation</text> <text x="620" y="138" font-family="sans-serif" font-size="11" fill="#94a3b8">Managing the OER transition</text> <g transform="translate(620, 170)"> <rect width="235" height="75" rx="8" fill="#f59e0b10"/> <text x="12" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">1. PLANNING</text> <text x="12" y="45" font-family="sans-serif" font-size="11" fill="#f8fafc">Strategic Alignment: Calculating</text> <text x="12" y="58" font-family="sans-serif" font-size="11" fill="#f8fafc">Potential Student Savings (PSS).</text> </g> <g transform="translate(620, 255)"> <rect width="235" height="75" rx="8" fill="#f59e0b10"/> <text x="12" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">2. ORGANIZING</text> <text x="12" y="45" font-family="sans-serif" font-size="11" fill="#f8fafc">Resource Allocation: Curating</text> <text x="12" y="58" font-family="sans-serif" font-size="11" fill="#f8fafc">Subject Matter Expert networks.</text> </g> <g transform="translate(620, 340)"> <rect width="235" height="75" rx="8" fill="#f59e0b10"/> <text x="12" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">3. LEADING</text> <text x="12" y="45" font-family="sans-serif" font-size="11" fill="#f8fafc">Change Management: Overcoming</text> <text x="12" y="58" font-family="sans-serif" font-size="11" fill="#f8fafc">faculty status-quo bias.</text> </g> <g transform="translate(620, 425)"> <rect width="235" height="75" rx="8" fill="#f59e0b10"/> <text x="12" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">4. CONTROLLING</text> <text x="12" y="45" font-family="sans-serif" font-size="11" fill="#f8fafc">Quality Assurance: Peer-review</text> <text x="12" y="58" font-family="sans-serif" font-size="11" fill="#f8fafc">and academic integrity audits.</text> </g> <!-- Decorative Connectors --> <path d="M295 280 Q305 280 315 280" stroke="#ffffff22" stroke-width="2" fill="none" stroke-dasharray="4"/> <path d="M585 280 Q595 280 605 280" stroke="#ffffff22" stroke-width="2" fill="none" stroke-dasharray="4"/> <!-- Footer --> <text x="450" y="548" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#475569">Educational Wiki Resource • Management Series • Creative Commons BY-SA</text> </svg>Open Educational Resources (OER) in Management image 1Open Educational Resources (OER) in Management - Principles Management - image 1https://www.getlykke.com/explore/public/principles-management-f8e5b267-5d1c-49fe-a6cf-4f1aea655c62/media/oer-and-accessible-education/svg/1Open Educational Resources (OER) in Management diagram 1Open Educational Resources (OER) in Management - Principles Management - diagram 1https://www.getlykke.com/explore/public/principles-management-f8e5b267-5d1c-49fe-a6cf-4f1aea655c62/media/oer-and-accessible-education/svg/2Open Educational Resources (OER) in Management diagram 2Open Educational Resources (OER) in Management - Principles Management - diagram 2https://www.getlykke.com/explore/public/business-law-i-essentials-8d94c72f-822c-417f-a0fb-45c18c8fafa22026-04-20T04:47:34.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560"/> </g> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">LEGAL ENVIRONMENT <tspan fill="#38bdf8">SYSTEM STACK</tspan></text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">ARCHITECTURAL LAYERS OF THE U.S. LEGAL SYSTEM</text> <rect x="40" y="100" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Main Stack Container --> <g transform="translate(40, 130)"> <!-- Level 0: Constitution --> <rect x="0" y="340" width="380" height="60" rx="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <circle cx="30" cy="370" r="15" fill="#f59e0b"/> <path d="M25 370l3 3 7-7" stroke="#0f172a" stroke-width="3" fill="none"/> <text x="60" y="365" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">LEVEL 0: U.S. CONSTITUTION</text> <text x="60" y="382" font-family="sans-serif" font-size="12" fill="#f59e0b">The System Kernel / Root Specification</text> <!-- Level 1: Federal Statutes --> <rect x="20" y="270" width="360" height="60" rx="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <rect x="22" y="285" width="16" height="30" rx="2" fill="#38bdf8" transform="translate(10,0)"/> <text x="60" y="295" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">LEVEL 1: FEDERAL STATUTES</text> <text x="60" y="312" font-family="sans-serif" font-size="12" fill="#38bdf8">Legislative Code / U.S.C. Implementation</text> <!-- Level 2: State Constitutions --> <rect x="40" y="200" width="340" height="60" rx="12" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <path d="M50 220h20v20h-20z" fill="#e879f9"/> <text x="80" y="225" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">LEVEL 2: STATE CONSTITUTIONS</text> <text x="80" y="242" font-family="sans-serif" font-size="12" fill="#e879f9">Regional Governance Modules</text> <!-- Level 3: Administrative Regulations --> <rect x="60" y="130" width="320" height="60" rx="12" fill="#2dd4bf20" stroke="#2dd4bf" stroke-width="2"/> <circle cx="85" cy="160" r="10" stroke="#2dd4bf" stroke-width="3" fill="none"/> <text x="105" y="155" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">LEVEL 3: ADMIN REGULATIONS</text> <text x="105" y="172" font-family="sans-serif" font-size="12" fill="#2dd4bf">Functional API / Agency Rules</text> <!-- Level 4: Common Law --> <rect x="80" y="60" width="300" height="60" rx="12" fill="#94a3b820" stroke="#94a3b8" stroke-width="2"/> <path d="M95 80l15 20h-30z" fill="#94a3b8"/> <text x="125" y="85" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">LEVEL 4: COMMON LAW</text> <text x="125" y="102" font-family="sans-serif" font-size="12" fill="#94a3b8">Interpretive Logic / Precedent Patches</text> <!-- Connecting Hierarchy Line --> <path d="M400 370h40V90h-20" stroke="#94a3b8" stroke-width="2" fill="none" stroke-dasharray="4 4"/> <circle cx="440" cy="230" r="4" fill="#38bdf8"/> </g> <!-- Right Side Callouts --> <g transform="translate(500, 130)"> <!-- The Engine Callout --> <rect width="360" height="120" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="20" y="35" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">THE COMMERCE CLAUSE</text> <text x="20" y="60" font-family="sans-serif" font-size="13" fill="#f8fafc" width="320"> The "Business Engine" (Art. I, Sec. 8). </text> <text x="20" y="80" font-family="sans-serif" font-size="12" fill="#94a3b8"> Grants Congress power to regulate activities </text> <text x="20" y="95" font-family="sans-serif" font-size="12" fill="#94a3b8"> with "substantial economic effect" on </text> <text x="20" y="110" font-family="sans-serif" font-size="12" fill="#94a3b8"> interstate commerce. </text> <path d="M300 40l20 20-20 20M320 40l20 20-20 20" stroke="#f59e0b" stroke-width="3" fill="none" opacity="0.5"/> <!-- UCC Callout --> <rect y="140" width="360" height="120" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="20" y="175" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">UNIFORM COMMERCIAL CODE</text> <text x="20" y="200" font-family="sans-serif" font-size="13" fill="#f8fafc"> Standardizing the "Application Layer." </text> <text x="20" y="220" font-family="sans-serif" font-size="12" fill="#94a3b8"> A harmonized set of laws for sales, leases, </text> <text x="20" y="235" font-family="sans-serif" font-size="12" fill="#94a3b8"> and finance adopted across all 50 states </text> <text x="20" y="250" font-family="sans-serif" font-size="12" fill="#94a3b8"> to prevent market fragmentation. </text> <circle cx="320" cy="200" r="15" stroke="#38bdf8" stroke-width="2" fill="none" stroke-dasharray="4 2"/> <path d="M315 200h10M320 195v10" stroke="#38bdf8" stroke-width="2"/> <!-- State Action Doctrine --> <rect y="280" width="360" height="120" rx="16" fill="#e879f908" stroke="#e879f930"/> <text x="20" y="315" font-family="sans-serif" font-weight="bold" font-size="18" fill="#e879f9">STATE ACTION DOCTRINE</text> <text x="20" y="340" font-family="sans-serif" font-size="13" fill="#f8fafc"> The "Access Control" Logic. </text> <text x="20" y="360" font-family="sans-serif" font-size="12" fill="#94a3b8"> Constitutional protections generally apply </text> <text x="20" y="375" font-family="sans-serif" font-size="12" fill="#94a3b8"> to government interference, NOT to </text> <text x="20" y="390" font-family="sans-serif" font-size="12" fill="#94a3b8"> private corporate entities. </text> </g> <!-- Footer Info --> <rect x="0" y="520" width="900" height="40" fill="#00000040"/> <text x="450" y="545" font-family="sans-serif" font-size="11" fill="#64748b" text-anchor="middle" letter-spacing="2">SUPREMACY CLAUSE (ARTICLE VI) ESTABLISHES THE HIERARCHY OF AUTHORITY</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="url(#accentGrad)" opacity="0.1"/> <circle cx="850" cy="50" r="15" fill="url(#accentGrad)" opacity="0.2"/> </svg>Foundations of the Legal Environment image 1Foundations of the Legal Environment - Business Law I Essentials - image 1https://www.getlykke.com/explore/public/business-law-i-essentials-8d94c72f-822c-417f-a0fb-45c18c8fafa2/media/foundations-legal-environment/svg/1Foundations of the Legal Environment diagram 1Foundations of the Legal Environment - Business Law I Essentials - diagram 1https://www.getlykke.com/explore/public/business-law-i-essentials-8d94c72f-822c-417f-a0fb-45c18c8fafa2/media/foundations-legal-environment/svg/2Foundations of the Legal Environment diagram 2Foundations of the Legal Environment - Business Law I Essentials - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <pattern id="dots" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08"/> </pattern> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">TORT LAW &amp; CRIMINAL LIABILITY</text> <rect x="350" y="65" width="200" height="4" fill="url(#accentGrad)" rx="2"/> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-style="italic">A Framework for Risk Management and Legal Accountability</text> <!-- Left Panel: Comparison --> <rect x="40" y="120" width="260" height="280" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="150" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">LEGAL DOMAINS</text> <!-- Tort Card --> <rect x="55" y="170" width="230" height="90" rx="8" fill="#ffffff08"/> <text x="70" y="190" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="14">Tort Law (Civil)</text> <text x="70" y="210" fill="#94a3b8" font-family="sans-serif" font-size="12">Objective: Compensation</text> <text x="70" y="225" fill="#94a3b8" font-family="sans-serif" font-size="12">Parties: Individual vs. Individual</text> <text x="70" y="240" fill="#94a3b8" font-family="sans-serif" font-size="12">Burden: Preponderance of Evidence</text> <!-- Criminal Card --> <rect x="55" y="275" width="230" height="90" rx="8" fill="#ffffff08"/> <text x="70" y="295" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="14">Criminal Liability</text> <text x="70" y="315" fill="#94a3b8" font-family="sans-serif" font-size="12">Objective: Punishment/Order</text> <text x="70" y="330" fill="#94a3b8" font-family="sans-serif" font-size="12">Parties: State vs. Individual</text> <text x="70" y="345" fill="#94a3b8" font-family="sans-serif" font-size="12">Burden: Beyond Reasonable Doubt</text> <!-- Center Panel: The 4 Elements of Negligence --> <rect x="320" y="120" width="260" height="280" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="150" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="18">NEGLIGENCE PILLARS</text> <g transform="translate(340, 175)"> <!-- Pillar 1 --> <circle cx="15" cy="15" r="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <text x="15" y="19" text-anchor="middle" fill="#38bdf8" font-size="10" font-weight="bold">1</text> <text x="40" y="15" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Duty of Care</text> <text x="40" y="30" fill="#94a3b8" font-family="sans-serif" font-size="11">Reasonable Person Standard</text> <!-- Pillar 2 --> <g transform="translate(0, 50)"> <circle cx="15" cy="15" r="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <text x="15" y="19" text-anchor="middle" fill="#38bdf8" font-size="10" font-weight="bold">2</text> <text x="40" y="15" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Breach of Duty</text> <text x="40" y="30" fill="#94a3b8" font-family="sans-serif" font-size="11">Failure to meet standard</text> </g> <!-- Pillar 3 --> <g transform="translate(0, 100)"> <circle cx="15" cy="15" r="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <text x="15" y="19" text-anchor="middle" fill="#38bdf8" font-size="10" font-weight="bold">3</text> <text x="40" y="15" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Causation</text> <text x="40" y="30" fill="#94a3b8" font-family="sans-serif" font-size="11">"But-for" &amp; Proximate Cause</text> </g> <!-- Pillar 4 --> <g transform="translate(0, 150)"> <circle cx="15" cy="15" r="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <text x="15" y="19" text-anchor="middle" fill="#38bdf8" font-size="10" font-weight="bold">4</text> <text x="40" y="15" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Damages</text> <text x="40" y="30" fill="#94a3b8" font-family="sans-serif" font-size="11">Actual loss or harm suffered</text> </g> </g> <!-- Right Panel: The Hand Formula --> <rect x="600" y="120" width="260" height="280" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="150" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">THE HAND FORMULA</text> <rect x="620" y="170" width="220" height="60" rx="8" fill="#00000033"/> <text x="730" y="210" text-anchor="middle" fill="#f59e0b" font-family="serif" font-size="32" font-weight="bold" filter="url(#glow)">B &lt; P × L</text> <g transform="translate(620, 250)"> <rect width="220" height="130" rx="8" fill="#ffffff05"/> <text x="10" y="25" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">B = Burden</text> <text x="10" y="40" fill="#94a3b8" font-family="sans-serif" font-size="11">Cost of taking precautions</text> <text x="10" y="65" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">P = Probability</text> <text x="10" y="80" fill="#94a3b8" font-family="sans-serif" font-size="11">Likelihood of injury occurring</text> <text x="10" y="105" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">L = Loss</text> <text x="10" y="120" fill="#94a3b8" font-family="sans-serif" font-size="11">Gravity/Magnitude of injury</text> </g> <!-- Bottom Panel: Intentional Torts --> <rect x="40" y="420" width="820" height="110" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="450" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="16">INTENTIONAL TORTS: VOLITIONAL HARM</text> <g transform="translate(60, 470)"> <!-- Icon 1 --> <rect width="170" height="45" rx="6" fill="#ffffff08"/> <circle cx="20" cy="22" r="10" fill="#f59e0b33" stroke="#f59e0b" stroke-width="1"/> <text x="40" y="20" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="12">Defamation</text> <text x="40" y="34" fill="#94a3b8" font-family="sans-serif" font-size="10">Harm to reputation</text> <!-- Icon 2 --> <g transform="translate(190, 0)"> <rect width="170" height="45" rx="6" fill="#ffffff08"/> <circle cx="20" cy="22" r="10" fill="#38bdf833" stroke="#38bdf8" stroke-width="1"/> <text x="40" y="20" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="12">Fraud</text> <text x="40" y="34" fill="#94a3b8" font-family="sans-serif" font-size="10">Material misrepresentation</text> </g> <!-- Icon 3 --> <g transform="translate(380, 0)"> <rect width="170" height="45" rx="6" fill="#ffffff08"/> <circle cx="20" cy="22" r="10" fill="#e879f933" stroke="#e879f9" stroke-width="1"/> <text x="40" y="20" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="12">Conversion</text> <text x="40" y="34" fill="#94a3b8" font-family="sans-serif" font-size="10">Civil equivalent of theft</text> </g> <!-- Icon 4 --> <g transform="translate(570, 0)"> <rect width="130" height="45" rx="6" fill="#ffffff08"/> <circle cx="20" cy="22" r="10" fill="#10b98133" stroke="#10b981" stroke-width="1"/> <text x="40" y="20" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="12">Interference</text> <text x="40" y="34" fill="#94a3b8" font-family="sans-serif" font-size="10">Contractual breach</text> </g> </g> <!-- Visual Connectors --> <path d="M300 260 L320 260" stroke="#ffffff15" stroke-width="2" fill="none"/> <path d="M580 260 L600 260" stroke="#ffffff15" stroke-width="2" fill="none"/> </svg>Tort Law and Criminal Liability image 1Tort Law and Criminal Liability - Business Law I Essentials - image 1https://www.getlykke.com/explore/public/business-law-i-essentials-8d94c72f-822c-417f-a0fb-45c18c8fafa2/media/torts-criminal-liability/svg/1Tort Law and Criminal Liability diagram 1Tort Law and Criminal Liability - Business Law I Essentials - diagram 1https://www.getlykke.com/explore/public/business-law-i-essentials-8d94c72f-822c-417f-a0fb-45c18c8fafa2/media/torts-criminal-liability/svg/2Tort Law and Criminal Liability diagram 2Tort Law and Criminal Liability - Business Law I Essentials - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff15"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <filter id="glow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="5" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#334155" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">CONTRACT LAW FUNDAMENTALS</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE ARCHITECTURE OF ENFORCEABLE PRIVATE ORDERING</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#334155" stroke-width="1"/> <!-- Step 1: Offer --> <rect x="40" y="130" width="260" height="360" rx="16" fill="url(#cardGrad)" stroke="#38bdf833" stroke-width="1"/> <circle cx="75" y="165" r="20" fill="#38bdf822"/> <path d="M68 165 L72 165 L78 158 M68 172 L82 172" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="105" y="170" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">01. THE OFFER</text> <text x="60" y="210" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Objective Theory</text> <text x="60" y="228" font-family="sans-serif" font-size="11" fill="#94a3b8">Intent is judged by outward facts,</text> <text x="60" y="242" font-family="sans-serif" font-size="11" fill="#94a3b8">not secret subjective thoughts.</text> <rect x="60" y="265" width="220" height="1" fill="#334155"/> <text x="60" y="290" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Essential Elements</text> <circle cx="65" cy="315" r="3" fill="#38bdf8"/> <text x="75" y="319" font-family="sans-serif" font-size="12" fill="#f8fafc">Serious Intent</text> <circle cx="65" cy="340" r="3" fill="#38bdf8"/> <text x="75" y="344" font-family="sans-serif" font-size="12" fill="#f8fafc">Definite Terms</text> <circle cx="65" cy="365" r="3" fill="#38bdf8"/> <text x="75" y="369" font-family="sans-serif" font-size="12" fill="#f8fafc">Communication</text> <text x="60" y="420" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"A manifestation of willingness</text> <text x="60" y="435" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">to enter into a bargain."</text> <!-- Step 2: Acceptance --> <rect x="320" y="130" width="260" height="360" rx="16" fill="url(#cardGrad)" stroke="#e879f933" stroke-width="1"/> <circle cx="355" y="165" r="20" fill="#e879f922"/> <path d="M348 165 L353 170 L363 160" stroke="#e879f9" stroke-width="2" fill="none"/> <text x="385" y="170" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">02. ACCEPTANCE</text> <text x="340" y="210" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Mirror Image Rule</text> <text x="340" y="228" font-family="sans-serif" font-size="11" fill="#94a3b8">Acceptance must match the offer</text> <text x="340" y="242" font-family="sans-serif" font-size="11" fill="#94a3b8">exactly. Variance = Counteroffer.</text> <rect x="340" y="265" width="220" height="1" fill="#334155"/> <text x="340" y="290" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">The Mailbox Rule</text> <rect x="340" y="305" width="220" height="60" rx="8" fill="#ffffff08"/> <text x="350" y="325" font-family="sans-serif" font-weight="700" font-size="10" fill="#e879f9">EFFECTIVE UPON DISPATCH</text> <text x="350" y="342" font-family="sans-serif" font-size="11" fill="#f8fafc">Acceptance is valid the moment</text> <text x="350" y="355" font-family="sans-serif" font-size="11" fill="#f8fafc">it is placed in the mail.</text> <text x="340" y="420" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"The protocol handshake is</text> <text x="340" y="435" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">complete upon valid assent."</text> <!-- Step 3: Consideration --> <rect x="600" y="130" width="260" height="360" rx="16" fill="url(#cardGrad)" stroke="#f59e0b33" stroke-width="1"/> <circle cx="635" y="165" r="20" fill="#f59e0b22"/> <path d="M625 170 L645 170 M628 170 L628 160 M642 170 L642 160" stroke="#f59e0b" stroke-width="2" fill="none"/> <text x="665" y="170" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">03. CONSIDERATION</text> <text x="620" y="210" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Bargained-for Exchange</text> <text x="620" y="228" font-family="sans-serif" font-size="11" fill="#94a3b8">The "Glue" of the contract.</text> <text x="620" y="242" font-family="sans-serif" font-size="11" fill="#94a3b8">Distinguishes a contract from a gift.</text> <rect x="620" y="265" width="220" height="1" fill="#334155"/> <text x="620" y="290" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Legal Detriment</text> <text x="620" y="310" font-family="sans-serif" font-size="11" fill="#f8fafc">1. Doing what one is not bound to do.</text> <text x="620" y="325" font-family="sans-serif" font-size="11" fill="#f8fafc">2. Refraining from a legal right.</text> <text x="620" y="360" font-family="sans-serif" font-weight="600" font-size="13" fill="#ef4444">Invalid Forms</text> <text x="620" y="380" font-family="sans-serif" font-size="11" fill="#94a3b8">• Past Consideration</text> <text x="620" y="395" font-family="sans-serif" font-size="11" fill="#94a3b8">• Pre-existing Duties</text> <text x="620" y="410" font-family="sans-serif" font-size="11" fill="#94a3b8">• Illusory Promises</text> <!-- Connecting Arrows --> <path d="M300 310 L320 310" stroke="#334155" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M580 310 L600 310" stroke="#334155" stroke-width="2" marker-end="url(#arrowhead)"/> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#334155" /> </marker> </defs> <!-- Footer Info --> <rect x="40" y="510" width="820" height="30" rx="8" fill="#ffffff05"/> <text x="450" y="530" font-family="sans-serif" font-size="12" fill="#64748b" text-anchor="middle" letter-spacing="0.5"> MUTUAL ASSENT + CONSIDERATION = <tspan fill="#f8fafc" font-weight="bold">ENFORCEABLE CONTRACT</tspan> </text> </svg>Contract Law Fundamentals image 1Contract Law Fundamentals - Business Law I Essentials - image 1https://www.getlykke.com/explore/public/business-law-i-essentials-8d94c72f-822c-417f-a0fb-45c18c8fafa2/media/contract-law-fundamentals/svg/1Contract Law Fundamentals diagram 1Contract Law Fundamentals - Business Law I Essentials - diagram 1https://www.getlykke.com/explore/public/business-law-i-essentials-8d94c72f-822c-417f-a0fb-45c18c8fafa2/media/contract-law-fundamentals/svg/2Contract Law Fundamentals diagram 2Contract Law Fundamentals - Business Law I Essentials - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff15"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <pattern id="dots" width="24" height="24" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#38bdf8" fill-opacity="0.1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Header Elements --> <path d="M40 80 L860 80" stroke="#334155" stroke-width="1"/> <circle cx="860" cy="80" r="3" fill="#38bdf8"/> <circle cx="40" cy="80" r="3" fill="#f59e0b"/> <!-- Main Title --> <text x="40" y="55" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" filter="url(#glow)">AGENCY &amp; BUSINESS ORGANIZATIONS</text> <text x="560" y="55" font-family="sans-serif" font-weight="400" font-size="14" fill="#94a3b8" text-anchor="end">LEGAL FRAMEWORK &amp; DELEGATED AUTHORITY</text> <!-- SECTION 1: THE PRINCIPAL-AGENT CORE --> <rect x="40" y="110" width="270" height="240" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Core Relationship</text> <!-- Visual: Principal to Agent --> <circle cx="90" cy="190" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="90" y="194" font-family="sans-serif" font-size="10" font-weight="bold" fill="#38bdf8" text-anchor="middle">PRINCIPAL</text> <path d="M120 190 L180 190" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 2" marker-end="url(#arrow)"/> <text x="150" y="180" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Assent</text> <circle cx="220" cy="190" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="220" y="194" font-family="sans-serif" font-size="10" font-weight="bold" fill="#e879f9" text-anchor="middle">AGENT</text> <text x="60" y="250" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Hallmarks of Agency:</text> <text x="60" y="275" font-family="sans-serif" font-size="12" fill="#94a3b8">• Consent by both parties</text> <text x="60" y="295" font-family="sans-serif" font-size="12" fill="#94a3b8">• Action on Principal's behalf</text> <text x="60" y="315" font-family="sans-serif" font-size="12" fill="#94a3b8">• Control of objectives</text> <!-- SECTION 2: TYPES OF AUTHORITY --> <rect x="325" y="110" width="250" height="240" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="345" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Types of Authority</text> <g transform="translate(345, 160)"> <rect width="210" height="35" rx="6" fill="#ffffff05"/> <text x="10" y="22" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Actual Express</text> <text x="110" y="22" font-family="sans-serif" font-size="11" fill="#94a3b8">Explicit oral/written</text> <rect y="45" width="210" height="35" rx="6" fill="#ffffff05"/> <text x="10" y="67" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Actual Implied</text> <text x="110" y="67" font-family="sans-serif" font-size="11" fill="#94a3b8">Necessary for task</text> <rect y="90" width="210" height="35" rx="6" fill="#ffffff05"/> <text x="10" y="112" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Apparent</text> <text x="110" y="112" font-family="sans-serif" font-size="11" fill="#94a3b8">3rd party perception</text> <rect y="135" width="210" height="35" rx="6" fill="#ffffff05"/> <text x="10" y="157" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Ratification</text> <text x="110" y="157" font-family="sans-serif" font-size="11" fill="#94a3b8">Retroactive approval</text> </g> <!-- SECTION 3: BUSINESS ORGANIZATIONS SPECTRUM --> <rect x="590" y="110" width="270" height="240" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="610" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#10b981">The Entity Spectrum</text> <g transform="translate(610, 165)"> <!-- Spectrum Line --> <line x1="10" y1="10" x2="10" y2="150" stroke="#334155" stroke-width="2"/> <circle cx="10" cy="10" r="4" fill="#f59e0b"/> <circle cx="10" cy="150" r="4" fill="#38bdf8"/> <text x="25" y="15" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Sole Proprietorship</text> <text x="25" y="30" font-family="sans-serif" font-size="10" fill="#94a3b8">Informal, Total Liability</text> <text x="25" y="60" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">General Partnership</text> <text x="25" y="75" font-family="sans-serif" font-size="10" fill="#94a3b8">Shared Agency, Joint Liability</text> <text x="25" y="105" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">LLC / LLP</text> <text x="25" y="120" font-family="sans-serif" font-size="10" fill="#94a3b8">Hybrid, Limited Liability</text> <text x="25" y="150" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">Corporation</text> <text x="25" y="165" font-family="sans-serif" font-size="10" fill="#94a3b8">Formal, Double Tax, Shielded</text> </g> <!-- SECTION 4: FIDUCIARY DUTY (THE FOUNDATION) --> <rect x="40" y="370" width="820" height="150" rx="16" fill="#ffffff08" stroke="#ffffff10" stroke-width="1"/> <path d="M60 410 L60 480" stroke="#e879f9" stroke-width="4" stroke-linecap="round"/> <text x="80" y="405" font-family="serif" font-style="italic" font-size="18" fill="#f8fafc">"Not honesty alone, but the punctilio of an honor the most sensitive..."</text> <text x="80" y="425" font-family="sans-serif" font-size="12" fill="#94a3b8">— Justice Benjamin Cardozo</text> <g transform="translate(480, 440)"> <rect width="160" height="50" rx="8" fill="#38bdf815" stroke="#38bdf840"/> <text x="80" y="22" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8" text-anchor="middle">DUTY OF LOYALTY</text> <text x="80" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">No self-dealing or conflict</text> </g> <g transform="translate(660, 440)"> <rect width="160" height="50" rx="8" fill="#f59e0b15" stroke="#f59e0b40"/> <text x="80" y="22" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f59e0b" text-anchor="middle">DUTY OF CARE</text> <text x="80" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Prudent decision making</text> </g> <text x="80" y="465" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">The Fiduciary Standard</text> <text x="80" y="485" font-family="sans-serif" font-size="12" fill="#94a3b8" width="350">The highest standard of care in law, requiring agents to act solely in the principal's interest.</text> <!-- Markers --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto"> <path d="M0,0 L10,5 L0,10 Z" fill="#94a3b8" /> </marker> </defs> <!-- Footer Branding --> <text x="860" y="540" font-family="sans-serif" font-size="10" fill="#334155" text-anchor="end">WIKI EDUCATIONAL SERIES // LEGAL MODULE 04</text> </svg>Agency and Business Organizations image 1Agency and Business Organizations - Business Law I Essentials - image 1https://www.getlykke.com/explore/public/business-law-i-essentials-8d94c72f-822c-417f-a0fb-45c18c8fafa2/media/agency-business-organizations/svg/1Agency and Business Organizations diagram 1Agency and Business Organizations - Business Law I Essentials - diagram 1https://www.getlykke.com/explore/public/business-law-i-essentials-8d94c72f-822c-417f-a0fb-45c18c8fafa2/media/agency-business-organizations/svg/2Agency and Business Organizations diagram 2Agency and Business Organizations - Business Law I Essentials - diagram 2https://www.getlykke.com/explore/public/principles-marketing-c127f1ca-5c35-417c-9640-f68ce61f6b852026-04-20T04:46:57.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotGrid" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="0.8" fill="#334155" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotGrid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.02em">FOUNDATIONS OF MARKETING</text> <text x="40" y="85" font-family="sans-serif" font-size="16" fill="#94a3b8" font-weight="400">The Architectural Framework for Value Creation &amp; Exchange</text> <rect x="40" y="105" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Main Value Equation Card (Top Left) --> <rect x="40" y="130" width="400" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="65" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE VALUE EQUATION</text> <text x="65" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">Perception is a ratio of utility vs. sacrifice.</text> <!-- Formula Graphic --> <g transform="translate(110, 230)"> <text x="0" y="0" font-family="serif" font-style="italic" font-size="36" fill="#f8fafc" text-anchor="middle">V</text> <text x="15" y="10" font-family="serif" font-size="14" fill="#f8fafc" text-anchor="middle">p</text> <text x="45" y="0" font-family="sans-serif" font-size="28" fill="#94a3b8" text-anchor="middle">=</text> <line x1="70" y1="-5" x2="240" y2="-5" stroke="#f8fafc" stroke-width="2"/> <text x="155" y="-20" font-family="serif" font-size="18" fill="#f59e0b" text-anchor="middle">Σ Benefits (F + E)</text> <text x="155" y="25" font-family="serif" font-size="18" fill="#e879f9" text-anchor="middle">Σ Costs (M + NM)</text> </g> <!-- RDS Test Card (Bottom Left) --> <rect x="40" y="330" width="400" height="190" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="65" y="365" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE R.D.S. TEST</text> <g transform="translate(65, 385)"> <!-- Resonance --> <circle cx="15" cy="15" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="40" y="15" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc" dominant-baseline="middle">Resonance</text> <text x="40" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Does it solve a critical pain point?</text> <!-- Differentiator --> <circle cx="15" cy="55" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <text x="40" y="55" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc" dominant-baseline="middle">Differentiator</text> <text x="40" y="72" font-family="sans-serif" font-size="11" fill="#94a3b8">Why you instead of the competition?</text> <!-- Substantiation --> <circle cx="15" cy="95" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="40" y="95" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc" dominant-baseline="middle">Substantiation</text> <text x="40" y="112" font-family="sans-serif" font-size="11" fill="#94a3b8">Proof points, data, and technical specs.</text> </g> <!-- The 4 Ps (Right Column) --> <rect x="460" y="130" width="400" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="485" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE MARKETING MIX (4 Ps)</text> <g transform="translate(485, 190)"> <!-- Product --> <rect x="0" y="0" width="180" height="140" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <path d="M20 30 l20 -10 l20 10 v25 l-20 10 l-20 -10 z" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="20" y="85" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">PRODUCT</text> <text x="20" y="105" font-family="sans-serif" font-size="11" fill="#94a3b8">Design, Features, Quality,</text> <text x="20" y="120" font-family="sans-serif" font-size="11" fill="#94a3b8">Branding, and Packaging.</text> <!-- Price --> <rect x="195" y="0" width="180" height="140" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="215" cy="40" r="12" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M215 34 v12 M210 38 h10 M210 42 h10" stroke="#e879f9" stroke-width="1.5"/> <text x="215" y="85" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">PRICE</text> <text x="215" y="105" font-family="sans-serif" font-size="11" fill="#94a3b8">Strategy, Discounts, List Price,</text> <text x="215" y="120" font-family="sans-serif" font-size="11" fill="#94a3b8">and Payment Terms.</text> <!-- Place --> <rect x="0" y="155" width="180" height="140" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <path d="M20 185 q10 -20 20 0 t-20 25 t-20 -25 q10 -20 20 0" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="20" y="240" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">PLACE</text> <text x="20" y="260" font-family="sans-serif" font-size="11" fill="#94a3b8">Channels, Coverage, Logistics,</text> <text x="20" y="275" font-family="sans-serif" font-size="11" fill="#94a3b8">and E-commerce.</text> <!-- Promotion --> <rect x="195" y="155" width="180" height="140" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <path d="M210 185 l25 10 l-5 15 l-25 -10 z" fill="none" stroke="#4ade80" stroke-width="2"/> <text x="215" y="240" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">PROMOTION</text> <text x="215" y="260" font-family="sans-serif" font-size="11" fill="#94a3b8">Advertising, PR, Social Media,</text> <text x="215" y="275" font-family="sans-serif" font-size="11" fill="#94a3b8">and Direct Sales.</text> </g> <!-- Footer Metric --> <rect x="40" y="530" width="820" height="1" fill="#ffffff20"/> <text x="40" y="550" font-family="sans-serif" font-size="10" fill="#64748b" letter-spacing="0.1em">CORE METRIC: CUSTOMER LIFETIME VALUE (CLV) = (AOV × FREQ × MARGIN) / (CHURN + DISCOUNT)</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="url(#accentGrad)" opacity="0.1"/> <circle cx="850" cy="50" r="15" fill="none" stroke="#ffffff20" stroke-width="1"/> </svg>Foundations of Marketing and Value Creation image 1Foundations of Marketing and Value Creation - Principles Marketing - image 1https://www.getlykke.com/explore/public/principles-marketing-c127f1ca-5c35-417c-9640-f68ce61f6b85/media/foundations-of-marketing/svg/1Foundations of Marketing and Value Creation diagram 1Foundations of Marketing and Value Creation - Principles Marketing - diagram 1https://www.getlykke.com/explore/public/principles-marketing-c127f1ca-5c35-417c-9640-f68ce61f6b85/media/foundations-of-marketing/svg/2Foundations of Marketing and Value Creation diagram 2Foundations of Marketing and Value Creation - Principles Marketing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#818cf8"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" filter="url(#glow)">STRATEGIC PLANNING &amp; MARKET RESEARCH</text> <rect x="40" y="65" width="200" height="4" fill="url(#accentGrad)" rx="2"/> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">ARCHITECTURAL ALIGNMENT &amp; DATA-DRIVEN INSIGHTS</text> <!-- Left Panel: SWOT/TOWS Matrix --> <rect x="40" y="120" width="400" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">ENVIRONMENTAL SCANNING (SWOT)</text> <!-- SWOT Grid --> <g transform="translate(60, 170)"> <!-- Strengths --> <rect x="0" y="0" width="175" height="100" rx="12" fill="#10b98120" stroke="#10b98140"/> <text x="10" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#10b981">STRENGTHS</text> <text x="10" y="45" font-family="sans-serif" font-size="11" fill="#cbd5e1">Internal / Positive</text> <circle cx="150" cy="20" r="8" fill="#10b98130"/> <path d="M147 20l2 2 4-4" stroke="#10b981" fill="none" stroke-width="2"/> <text x="10" y="70" font-family="sans-serif" font-size="10" fill="#94a3b8">Core competencies, Brand equity,</text> <text x="10" y="82" font-family="sans-serif" font-size="10" fill="#94a3b8">Proprietary tech.</text> <!-- Weaknesses --> <rect x="185" y="0" width="175" height="100" rx="12" fill="#f43f5e20" stroke="#f43f5e40"/> <text x="195" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f43f5e">WEAKNESSES</text> <text x="195" y="45" font-family="sans-serif" font-size="11" fill="#cbd5e1">Internal / Negative</text> <circle cx="345" cy="20" r="8" fill="#f43f5e30"/> <line x1="342" y1="20" x2="348" y2="20" stroke="#f43f5e" stroke-width="2"/> <text x="195" y="70" font-family="sans-serif" font-size="10" fill="#94a3b8">Resource gaps, Poor location,</text> <text x="195" y="82" font-family="sans-serif" font-size="10" fill="#94a3b8">Outdated infrastructure.</text> <!-- Opportunities --> <rect x="0" y="110" width="175" height="100" rx="12" fill="#38bdf820" stroke="#38bdf840"/> <text x="10" y="135" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">OPPORTUNITIES</text> <text x="10" y="155" font-family="sans-serif" font-size="11" fill="#cbd5e1">External / Positive</text> <path d="M145 125l5 10-10-5 10-5z" fill="#38bdf8"/> <text x="10" y="180" font-family="sans-serif" font-size="10" fill="#94a3b8">Market growth, Tech shifts,</text> <text x="10" y="192" font-family="sans-serif" font-size="10" fill="#94a3b8">Regulatory changes.</text> <!-- Threats --> <rect x="185" y="110" width="175" height="100" rx="12" fill="#fb923c20" stroke="#fb923c40"/> <text x="195" y="135" font-family="sans-serif" font-weight="700" font-size="14" fill="#fb923c">THREATS</text> <text x="195" y="155" font-family="sans-serif" font-size="11" fill="#cbd5e1">External / Negative</text> <path d="M340 125l10 10m0-10l-10 10" stroke="#fb923c" stroke-width="2"/> <text x="195" y="180" font-family="sans-serif" font-size="10" fill="#94a3b8">Economic downturn, New entrants,</text> <text x="195" y="192" font-family="sans-serif" font-size="10" fill="#94a3b8">Consumer taste shifts.</text> </g> <!-- TOWS Logic --> <rect x="60" y="400" width="360" height="100" rx="12" fill="#ffffff05" stroke="#ffffff10" stroke-dasharray="4"/> <text x="75" y="425" font-family="sans-serif" font-weight="700" font-size="13" fill="#e879f9">TOWS STRATEGIC TYPES</text> <text x="75" y="445" font-family="sans-serif" font-size="11" fill="#cbd5e1">SO: Maxi-Maxi (Use strengths for opportunities)</text> <text x="75" y="460" font-family="sans-serif" font-size="11" fill="#cbd5e1">WO: Mini-Maxi (Fix weakness via opportunities)</text> <text x="75" y="475" font-family="sans-serif" font-size="11" fill="#cbd5e1">ST: Maxi-Mini (Use strengths to avoid threats)</text> <text x="75" y="490" font-family="sans-serif" font-size="11" fill="#cbd5e1">WT: Mini-Mini (Defensive; reduce weakness/threat)</text> <!-- Right Top Panel: Research Pipeline --> <rect x="460" y="120" width="400" height="190" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="480" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">RESEARCH PROCESS PIPELINE</text> <g transform="translate(480, 175)"> <!-- Pipeline Steps --> <circle cx="20" cy="20" r="15" fill="#38bdf8"/> <text x="20" y="25" font-family="sans-serif" font-weight="800" font-size="14" fill="#0f172a" text-anchor="middle">1</text> <text x="45" y="18" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">Problem Definition</text> <text x="45" y="32" font-family="sans-serif" font-size="10" fill="#94a3b8">Identify decision vs research problem</text> <line x1="20" y1="35" x2="20" y2="55" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2"/> <circle cx="20" cy="70" r="15" fill="#38bdf8" opacity="0.8"/> <text x="20" y="75" font-family="sans-serif" font-weight="800" font-size="14" fill="#0f172a" text-anchor="middle">2</text> <text x="45" y="68" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">Research Design</text> <text x="45" y="82" font-family="sans-serif" font-size="10" fill="#94a3b8">Exploratory, Descriptive, or Causal</text> <line x1="20" y1="85" x2="20" y2="105" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2"/> <circle cx="20" cy="120" r="15" fill="#38bdf8" opacity="0.6"/> <text x="20" y="125" font-family="sans-serif" font-weight="800" font-size="14" fill="#0f172a" text-anchor="middle">5</text> <text x="45" y="118" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">Actionable Reporting</text> <text x="45" y="132" font-family="sans-serif" font-size="10" fill="#94a3b8">Translating data into business strategy</text> <!-- Flow Arrow --> <path d="M250 20 q 40 50 0 100" fill="none" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrow)"/> </g> <!-- Right Bottom Panel: Primary vs Secondary --> <rect x="460" y="330" width="400" height="190" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="480" y="360" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">DATA PROVENANCE</text> <g transform="translate(480, 380)"> <!-- Secondary --> <rect x="0" y="0" width="185" height="110" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#a78bfa">SECONDARY</text> <text x="10" y="45" font-family="sans-serif" font-size="10" fill="#94a3b8">Existing data (Census, Reports)</text> <rect x="10" y="60" width="165" height="1" fill="#ffffff10"/> <text x="10" y="75" font-family="sans-serif" font-size="10" fill="#cbd5e1">Cost: Low / Immediate</text> <text x="10" y="90" font-family="sans-serif" font-size="10" fill="#cbd5e1">Fit: General / Non-specific</text> <!-- Primary --> <rect x="195" y="0" width="185" height="110" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="205" y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#2dd4bf">PRIMARY</text> <text x="205" y="45" font-family="sans-serif" font-size="10" fill="#94a3b8">New data (Surveys, A/B Tests)</text> <rect x="205" y="60" width="165" height="1" fill="#ffffff10"/> <text x="205" y="75" font-family="sans-serif" font-size="10" fill="#cbd5e1">Cost: High / Time-intensive</text> <text x="205" y="90" font-family="sans-serif" font-size="10" fill="#cbd5e1">Fit: Highly Tailored</text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="url(#accentGrad)" opacity="0.1"/> <circle cx="850" cy="50" r="15" fill="url(#accentGrad)" opacity="0.2"/> <path d="M830 510 L870 510 M850 490 L850 530" stroke="#ffffff20" stroke-width="1"/> </svg>Strategic Planning and Market Research image 1Strategic Planning and Market Research - Principles Marketing - image 1https://www.getlykke.com/explore/public/principles-marketing-c127f1ca-5c35-417c-9640-f68ce61f6b85/media/strategic-planning-and-research/svg/1Strategic Planning and Market Research diagram 1Strategic Planning and Market Research - Principles Marketing - diagram 1https://www.getlykke.com/explore/public/principles-marketing-c127f1ca-5c35-417c-9640-f68ce61f6b85/media/strategic-planning-and-research/svg/2Strategic Planning and Market Research diagram 2Strategic Planning and Market Research - Principles Marketing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="34" fill="#f8fafc" font-weight="900" letter-spacing="-1">BUYER BEHAVIOR</text> <text x="450" y="85" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" fill="#94a3b8" font-weight="500" letter-spacing="2">DECODING THE DECISION-MAKING JOURNEY</text> <line x1="380" y1="100" x2="520" y2="100" stroke="url(#accentGrad)" stroke-width="3" stroke-linecap="round"/> <!-- Left Panel: B2C vs B2B Comparison --> <rect x="40" y="130" width="240" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="165" font-family="Arial Black, sans-serif" font-size="18" fill="#38bdf8">B2C</text> <text x="60" y="185" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">Consumer Behavior</text> <circle cx="70" cy="220" r="4" fill="#38bdf8"/> <text x="85" y="224" font-family="system-ui, sans-serif" font-size="13" fill="#f8fafc">Individual Focus</text> <circle cx="70" cy="250" r="4" fill="#38bdf8"/> <text x="85" y="254" font-family="system-ui, sans-serif" font-size="13" fill="#f8fafc">Emotional Drivers</text> <circle cx="70" cy="280" r="4" fill="#38bdf8"/> <text x="85" y="284" font-family="system-ui, sans-serif" font-size="13" fill="#f8fafc">Shorter Sales Cycle</text> <circle cx="70" cy="310" r="4" fill="#38bdf8"/> <text x="85" y="314" font-family="system-ui, sans-serif" font-size="13" fill="#f8fafc">Mass Marketing</text> <!-- Right Panel: B2B --> <rect x="620" y="130" width="240" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="640" y="165" font-family="Arial Black, sans-serif" font-size="18" fill="#e879f9">B2B</text> <text x="640" y="185" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">Business Behavior</text> <rect x="646" y="216" width="8" height="8" fill="#e879f9"/> <text x="665" y="224" font-family="system-ui, sans-serif" font-size="13" fill="#f8fafc">Organizational Needs</text> <rect x="646" y="246" width="8" height="8" fill="#e879f9"/> <text x="665" y="254" font-family="system-ui, sans-serif" font-size="13" fill="#f8fafc">Rational/ROI Driven</text> <rect x="646" y="276" width="8" height="8" fill="#e879f9"/> <text x="665" y="284" font-family="system-ui, sans-serif" font-size="13" fill="#f8fafc">Complex Buying Center</text> <rect x="646" y="306" width="8" height="8" fill="#e879f9"/> <text x="665" y="314" font-family="system-ui, sans-serif" font-size="13" fill="#f8fafc">Personal Selling</text> <!-- Center: The CDMP Process --> <text x="450" y="145" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="16" fill="#f59e0b">THE DECISION PROCESS (CDMP)</text> <!-- Step 1 --> <rect x="310" y="165" width="280" height="60" rx="12" fill="#ffffff10" stroke="#f59e0b33"/> <circle cx="340" cy="195" r="15" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <text x="340" y="200" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="14" fill="#f59e0b">1</text> <text x="365" y="188" font-family="Arial Black, sans-serif" font-size="13" fill="#f8fafc">Need Recognition</text> <text x="365" y="205" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Internal vs. External Stimuli</text> <!-- Step 2 --> <rect x="310" y="235" width="280" height="60" rx="12" fill="#ffffff10" stroke="#f59e0b33"/> <circle cx="340" cy="265" r="15" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <text x="340" y="270" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="14" fill="#f59e0b">2</text> <text x="365" y="258" font-family="Arial Black, sans-serif" font-size="13" fill="#f8fafc">Information Search</text> <text x="365" y="275" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Internal Memory &amp; External Sources</text> <!-- Step 3 --> <rect x="310" y="305" width="280" height="60" rx="12" fill="#ffffff10" stroke="#f59e0b33"/> <circle cx="340" cy="335" r="15" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <text x="340" y="340" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="14" fill="#f59e0b">3</text> <text x="365" y="328" font-family="Arial Black, sans-serif" font-size="13" fill="#f8fafc">Evaluation of Alternatives</text> <text x="365" y="345" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">The Evoked Set &amp; Criteria</text> <!-- Step 4 --> <rect x="310" y="375" width="280" height="60" rx="12" fill="#ffffff10" stroke="#f59e0b33"/> <circle cx="340" cy="405" r="15" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <text x="340" y="410" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="14" fill="#f59e0b">4</text> <text x="365" y="398" font-family="Arial Black, sans-serif" font-size="13" fill="#f8fafc">Purchase Decision</text> <text x="365" y="415" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Situational Factors &amp; Intent</text> <!-- Step 5 --> <rect x="310" y="445" width="280" height="60" rx="12" fill="#ffffff10" stroke="#f59e0b33"/> <circle cx="340" cy="475" r="15" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <text x="340" y="480" text-anchor="middle" font-family="Arial Black, sans-serif" font-size="14" fill="#f59e0b">5</text> <text x="365" y="468" font-family="Arial Black, sans-serif" font-size="13" fill="#f8fafc">Post-Purchase Behavior</text> <text x="365" y="485" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Cognitive Dissonance &amp; Loyalty</text> <!-- Involvement Matrix (Bottom) --> <rect x="40" y="525" width="820" height="25" rx="8" fill="#ffffff05"/> <text x="55" y="542" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8" font-weight="bold">INVOLVEMENT LEVELS:</text> <text x="180" y="542" font-family="system-ui, sans-serif" font-size="10" fill="#f8fafc">Routine (Low Search)</text> <text x="350" y="542" font-family="system-ui, sans-serif" font-size="10" fill="#f8fafc">Limited (Moderate Search)</text> <text x="550" y="542" font-family="system-ui, sans-serif" font-size="10" fill="#f8fafc">Extensive (High Search/Risk)</text> <!-- Decorative Icons --> <!-- Brain Icon --> <g transform="translate(140, 400) scale(0.8)" opacity="0.4"> <path d="M0,0 Q20,-20 40,0 T80,0" stroke="#38bdf8" fill="none" stroke-width="2"/> <path d="M0,10 Q20,-10 40,10 T80,10" stroke="#38bdf8" fill="none" stroke-width="2"/> <circle cx="40" cy="5" r="25" stroke="#38bdf8" fill="none" stroke-dasharray="4 2"/> </g> <!-- Chart Icon --> <g transform="translate(720, 400) scale(0.8)" opacity="0.4"> <rect x="0" y="20" width="10" height="30" fill="#e879f9"/> <rect x="20" y="0" width="10" height="50" fill="#e879f9"/> <rect x="40" y="10" width="10" height="40" fill="#e879f9"/> <line x1="-10" y1="50" x2="60" y2="50" stroke="#f8fafc" stroke-width="2"/> </g> <!-- Connecting Arrows --> <path d="M450 225 L450 235" stroke="#f59e0b" stroke-width="2" fill="none" marker-end="url(#arrow)"/> <path d="M450 295 L450 305" stroke="#f59e0b" stroke-width="2" fill="none"/> <path d="M450 365 L450 375" stroke="#f59e0b" stroke-width="2" fill="none"/> <path d="M450 435 L450 445" stroke="#f59e0b" stroke-width="2" fill="none"/> </svg>Consumer and Business Buyer Behavior image 1Consumer and Business Buyer Behavior - Principles Marketing - image 1https://www.getlykke.com/explore/public/principles-marketing-c127f1ca-5c35-417c-9640-f68ce61f6b85/media/consumer-and-business-behavior/svg/1Consumer and Business Buyer Behavior diagram 1Consumer and Business Buyer Behavior - Principles Marketing - diagram 1https://www.getlykke.com/explore/public/principles-marketing-c127f1ca-5c35-417c-9640-f68ce61f6b85/media/consumer-and-business-behavior/svg/2Consumer and Business Buyer Behavior diagram 2Consumer and Business Buyer Behavior - Principles Marketing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Decorative Shapes --> <circle cx="850" cy="50" r="100" fill="#38bdf808" /> <circle cx="50" cy="510" r="80" fill="#e879f908" /> <!-- Title Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">INTEGRATED MARKETING</text> <text x="40" y="90" font-family="sans-serif" font-weight="300" font-size="18" fill="#38bdf8" letter-spacing="2">AND DIGITAL ECOSYSTEMS</text> <rect x="40" y="105" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Left Panel: The 4Cs of IMC --> <rect x="40" y="130" width="390" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">The 4Cs of IMC</text> <text x="60" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">Strategic coordination for "One Voice" messaging.</text> <!-- 4Cs Grid --> <g transform="translate(60, 210)"> <!-- Coherence --> <rect width="165" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="20" cy="25" r="10" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="40" y="22" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Coherence</text> <text x="40" y="36" font-family="sans-serif" font-size="10" fill="#94a3b8">Logical connection of ideas</text> <!-- Consistency --> <rect x="185" width="165" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="205" cy="25" r="10" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="225" y="22" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Consistency</text> <text x="225" y="36" font-family="sans-serif" font-size="10" fill="#94a3b8">Non-contradictory brand</text> <!-- Continuity --> <rect y="65" width="165" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="20" cy="90" r="10" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <text x="40" y="87" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Continuity</text> <text x="40" y="101" font-family="sans-serif" font-size="10" fill="#94a3b8">Unified through time</text> <!-- Complementarity --> <rect x="185" y="65" width="165" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="205" cy="90" r="10" fill="#10b98120" stroke="#10b981" stroke-width="1.5"/> <text x="225" y="87" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Complementarity</text> <text x="225" y="101" font-family="sans-serif" font-size="10" fill="#94a3b8">Synergistic sum of parts</text> </g> <!-- Illustration: The Unified Core --> <circle cx="235" cy="385" r="40" fill="#ffffff05" stroke="#ffffff20" stroke-dasharray="4 4"/> <circle cx="235" cy="385" r="25" fill="url(#accentGrad)" opacity="0.8" filter="url(#glow)"/> <path d="M225 385 L245 385 M235 375 L235 395" stroke="#fff" stroke-width="2"/> <text x="235" y="440" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc" text-anchor="middle">ONE VOICE</text> <!-- Right Panel: Digital Stack --> <rect x="470" y="130" width="390" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="490" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Digital Stack</text> <!-- Stack Layers --> <g transform="translate(490, 190)"> <!-- SEO --> <rect width="350" height="45" rx="6" fill="#38bdf815" stroke="#38bdf840"/> <text x="15" y="28" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">SEO</text> <text x="60" y="27" font-family="sans-serif" font-size="11" fill="#94a3b8">Organic Search &amp; Authority</text> <!-- SEM --> <rect y="55" width="350" height="45" rx="6" fill="#38bdf815" stroke="#38bdf840"/> <text x="15" y="83" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">SEM</text> <text x="60" y="82" font-family="sans-serif" font-size="11" fill="#94a3b8">Paid Acquisition (PPC/ROAS)</text> <!-- CONTENT --> <rect y="110" width="350" height="45" rx="6" fill="#38bdf815" stroke="#38bdf840"/> <text x="15" y="138" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">CONTENT</text> <text x="90" y="137" font-family="sans-serif" font-size="11" fill="#94a3b8">Value-driven Assets &amp; Blogs</text> <!-- EMAIL --> <rect y="165" width="350" height="45" rx="6" fill="#38bdf815" stroke="#38bdf840"/> <text x="15" y="193" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">EMAIL</text> <text x="70" y="192" font-family="sans-serif" font-size="11" fill="#94a3b8">Retention &amp; Direct Nurturing</text> </g> <!-- Performance Metrics Footer --> <rect x="40" y="470" width="820" height="60" rx="12" fill="#00000030" stroke="#ffffff10"/> <text x="65" y="506" font-family="sans-serif" font-weight="700" font-size="14" fill="#94a3b8">NORTH STAR METRIC:</text> <text x="220" y="506" font-family="sans-serif" font-weight="800" font-size="20" fill="#f8fafc">ROI = (Net Profit / Total Cost) × 100</text> <!-- Mini Chart Icon --> <polyline points="780,510 795,490 810,500 830,480" fill="none" stroke="#e879f9" stroke-width="3" stroke-linecap="round"/> <circle cx="830" cy="480" r="4" fill="#e879f9" filter="url(#glow)"/> <!-- Connecting Lines --> <path d="M430 290 L470 290" stroke="#ffffff20" stroke-width="2" stroke-dasharray="5 5"/> </svg>Integrated Marketing and Digital Trends image 1Integrated Marketing and Digital Trends - Principles Marketing - image 1https://www.getlykke.com/explore/public/principles-marketing-c127f1ca-5c35-417c-9640-f68ce61f6b85/media/integrated-marketing-and-digital-trends/svg/1Integrated Marketing and Digital Trends diagram 1Integrated Marketing and Digital Trends - Principles Marketing - diagram 1https://www.getlykke.com/explore/public/principles-marketing-c127f1ca-5c35-417c-9640-f68ce61f6b85/media/integrated-marketing-and-digital-trends/svg/2Integrated Marketing and Digital Trends diagram 2Integrated Marketing and Digital Trends - Principles Marketing - diagram 2https://www.getlykke.com/explore/public/introduction-business-3150ac8c-673e-4085-8f74-8893d73a43052026-04-20T04:46:54.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" width="24" height="24" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="60" font-family="Inter, system-ui, sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="-0.02em">Foundations of Business &amp; Decision Architecture</text> <text x="40" y="88" font-family="Inter, system-ui, sans-serif" font-size="15" fill="#94a3b8">A systematic framework for value creation, strategic choice, and customer viability.</text> <rect x="40" y="105" width="120" height="4" rx="2" fill="#38bdf8"/> <!-- LEFT COLUMN: The Rational Model (Process) --> <rect x="40" y="135" width="280" height="385" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="165" font-family="Inter, sans-serif" font-size="18" font-weight="700" fill="#38bdf8">The Decision Cycle</text> <!-- Step 1 --> <circle cx="75" cy="205" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="75" y="210" font-family="Inter, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">1</text> <text x="100" y="200" font-family="Inter, sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Problem Identification</text> <text x="100" y="215" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Defining the gap to desired state.</text> <!-- Step 2 --> <circle cx="75" cy="255" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="75" y="260" font-family="Inter, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">2</text> <text x="100" y="250" font-family="Inter, sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Criteria Weighting</text> <text x="100" y="265" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Prioritizing cost, speed, &amp; quality.</text> <!-- Step 3 --> <circle cx="75" cy="305" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="75" y="310" font-family="Inter, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">3</text> <text x="100" y="300" font-family="Inter, sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Alternative Generation</text> <text x="100" y="315" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Developing potential solutions.</text> <!-- Step 4 --> <circle cx="75" cy="355" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="75" y="360" font-family="Inter, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">4</text> <text x="100" y="350" font-family="Inter, sans-serif" font-size="14" font-weight="600" fill="#f8fafc">MCDA Analysis</text> <text x="100" y="365" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Scoring options against weights.</text> <!-- Step 5 --> <circle cx="75" cy="405" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="75" y="410" font-family="Inter, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">5</text> <text x="100" y="400" font-family="Inter, sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Selection</text> <text x="100" y="415" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Choosing the optimal path.</text> <!-- Step 6 --> <circle cx="75" cy="455" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="75" y="460" font-family="Inter, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">6</text> <text x="100" y="450" font-family="Inter, sans-serif" font-size="14" font-weight="600" fill="#f8fafc">Evaluation</text> <text x="100" y="465" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Closing the feedback loop.</text> <!-- Connecting Line --> <line x1="75" y1="220" x2="75" y2="240" stroke="#38bdf840" stroke-width="2" stroke-dasharray="4 2"/> <line x1="75" y1="270" x2="75" y2="290" stroke="#38bdf840" stroke-width="2" stroke-dasharray="4 2"/> <line x1="75" y1="320" x2="75" y2="340" stroke="#38bdf840" stroke-width="2" stroke-dasharray="4 2"/> <line x1="75" y1="370" x2="75" y2="390" stroke="#38bdf840" stroke-width="2" stroke-dasharray="4 2"/> <line x1="75" y1="420" x2="75" y2="440" stroke="#38bdf840" stroke-width="2" stroke-dasharray="4 2"/> <!-- RIGHT TOP: Comparative Frameworks --> <text x="340" y="155" font-family="Inter, sans-serif" font-size="18" font-weight="700" fill="#f59e0b">Decision Frameworks</text> <!-- Rational Card --> <rect x="340" y="175" width="170" height="140" rx="12" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="355" y="200" font-family="Inter, sans-serif" font-size="14" font-weight="700" fill="#f59e0b">Rational Model</text> <text x="355" y="225" font-family="Inter, sans-serif" font-size="12" fill="#f8fafc">Goal: Optimization</text> <text x="355" y="245" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Assumes perfect info</text> <text x="355" y="260" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">and logical actors.</text> <rect x="355" y="285" width="60" height="18" rx="4" fill="#f59e0b20"/> <text x="360" y="298" font-family="Inter, sans-serif" font-size="10" font-weight="bold" fill="#f59e0b">THE "BEST"</text> <!-- Bounded Card --> <rect x="525" y="175" width="170" height="140" rx="12" fill="#38bdf810" stroke="#38bdf830"/> <text x="540" y="200" font-family="Inter, sans-serif" font-size="14" font-weight="700" fill="#38bdf8">Bounded Rationality</text> <text x="540" y="225" font-family="Inter, sans-serif" font-size="12" fill="#f8fafc">Goal: Satisficing</text> <text x="540" y="245" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Limited by time,</text> <text x="540" y="260" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">cognition, and data.</text> <rect x="540" y="285" width="80" height="18" rx="4" fill="#38bdf820"/> <text x="545" y="298" font-family="Inter, sans-serif" font-size="10" font-weight="bold" fill="#38bdf8">"GOOD ENOUGH"</text> <!-- Intuitive Card --> <rect x="710" y="175" width="150" height="140" rx="12" fill="#e879f910" stroke="#e879f930"/> <text x="725" y="200" font-family="Inter, sans-serif" font-size="14" font-weight="700" fill="#e879f9">Intuitive Model</text> <text x="725" y="225" font-family="Inter, sans-serif" font-size="12" fill="#f8fafc">Goal: Speed</text> <text x="725" y="245" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Pattern recognition</text> <text x="725" y="260" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">based on expertise.</text> <rect x="725" y="285" width="65" height="18" rx="4" fill="#e879f920"/> <text x="730" y="298" font-family="Inter, sans-serif" font-size="10" font-weight="bold" fill="#e879f9">"GUT FEEL"</text> <!-- RIGHT BOTTOM: Customer Satisfaction --> <rect x="340" y="340" width="520" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="360" y="370" font-family="Inter, sans-serif" font-size="18" font-weight="700" fill="#f8fafc">Customer Satisfaction (CSAT)</text> <text x="360" y="390" font-family="Inter, sans-serif" font-size="13" fill="#94a3b8">Expectancy Disconfirmation Theory: Satisfaction = Perceived Performance (P) - Expectations (E)</text> <!-- Satisfaction Visualization --> <!-- Negative --> <rect x="360" y="420" width="140" height="60" rx="8" fill="#ef444415" stroke="#ef444440"/> <text x="370" y="440" font-family="Inter, sans-serif" font-size="12" font-weight="bold" fill="#ef4444">Negative</text> <text x="370" y="458" font-family="Inter, sans-serif" font-size="11" fill="#f8fafc">P &lt; E</text> <text x="370" y="472" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8">Dissatisfaction</text> <!-- Confirmation --> <rect x="515" y="420" width="140" height="60" rx="8" fill="#94a3b815" stroke="#94a3b840"/> <text x="525" y="440" font-family="Inter, sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">Confirmation</text> <text x="525" y="458" font-family="Inter, sans-serif" font-size="11" fill="#f8fafc">P = E</text> <text x="525" y="472" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8">Satisfaction</text> <!-- Positive --> <rect x="670" y="420" width="175" height="60" rx="8" fill="#22c55e15" stroke="#22c55e40"/> <text x="680" y="440" font-family="Inter, sans-serif" font-size="12" font-weight="bold" fill="#22c55e">Positive</text> <text x="680" y="458" font-family="Inter, sans-serif" font-size="11" fill="#f8fafc">P &gt; E</text> <text x="680" y="472" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8">Customer Delight</text> <!-- Bottom Label --> <text x="360" y="505" font-family="Inter, sans-serif" font-size="11" font-style="italic" fill="#94a3b8">"Business is no longer a static exercise in resource management; it is a dynamic process of navigating uncertainty."</text> <!-- Decorative Shapes --> <circle cx="850" cy="50" r="30" fill="none" stroke="#e879f9" stroke-width="0.5" opacity="0.3"/> <circle cx="850" cy="50" r="20" fill="none" stroke="#38bdf8" stroke-width="0.5" opacity="0.3"/> <path d="M820 520 L840 500 L860 520" fill="none" stroke="#f59e0b" stroke-width="1" opacity="0.4"/> </svg>Foundations of Business and Decision Making image 1Foundations of Business and Decision Making - Introduction Business - image 1https://www.getlykke.com/explore/public/introduction-business-3150ac8c-673e-4085-8f74-8893d73a4305/media/foundations-and-decision-making/svg/1Foundations of Business and Decision Making diagram 1Foundations of Business and Decision Making - Introduction Business - diagram 1https://www.getlykke.com/explore/public/introduction-business-3150ac8c-673e-4085-8f74-8893d73a4305/media/foundations-and-decision-making/svg/2Foundations of Business and Decision Making diagram 2Foundations of Business and Decision Making - Introduction Business - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff1a"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-size="30" font-weight="800" fill="#f8fafc" letter-spacing="1">BUSINESS ETHICS &amp; SOCIAL RESPONSIBILITY</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="500" fill="#94a3b8" letter-spacing="3">THE ARCHITECTURE OF CORPORATE INTEGRITY</text> <rect x="350" y="85" width="200" height="2" fill="#f59e0b" opacity="0.6"/> <!-- Left Column: Ethical Frameworks --> <g transform="translate(40, 110)"> <text x="0" y="0" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">ETHICAL LOGIC GATES</text> <text x="0" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">Normative theories for decision making</text> <!-- Card 1: Utilitarianism --> <rect y="40" width="240" height="75" rx="12" fill="url(#cardGrad)" stroke="#ffffff10"/> <circle cx="30" cy="77" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M 22 77 L 38 77 M 30 68 L 30 82" stroke="#f59e0b" stroke-width="2"/> <text x="55" y="65" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Utilitarianism</text> <text x="55" y="82" font-family="sans-serif" font-size="11" fill="#94a3b8">"The Greatest Good"</text> <text x="55" y="96" font-family="sans-serif" font-size="10" fill="#38bdf8">Application: Cost-Benefit Analysis</text> <!-- Card 2: Deontology --> <rect y="125" width="240" height="75" rx="12" fill="url(#cardGrad)" stroke="#ffffff10"/> <circle cx="30" cy="162" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <rect x="24" y="155" width="12" height="14" rx="2" stroke="#e879f9" fill="none" stroke-width="1.5"/> <text x="55" y="150" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Deontology</text> <text x="55" y="167" font-family="sans-serif" font-size="11" fill="#94a3b8">"Duty &amp; Universal Rules"</text> <text x="55" y="181" font-family="sans-serif" font-size="10" fill="#38bdf8">Application: Code of Conduct</text> <!-- Card 3: Virtue Ethics --> <rect y="210" width="240" height="75" rx="12" fill="url(#cardGrad)" stroke="#ffffff10"/> <circle cx="30" cy="247" r="15" fill="#22c55e20" stroke="#22c55e" stroke-width="1.5"/> <path d="M 30 238 L 34 244 L 40 244 L 35 249 L 37 256 L 30 251 L 23 256 L 25 249 L 20 244 L 26 244 Z" fill="#22c55e"/> <text x="55" y="235" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Virtue Ethics</text> <text x="55" y="252" font-family="sans-serif" font-size="11" fill="#94a3b8">"Character of the Actor"</text> <text x="55" y="266" font-family="sans-serif" font-size="10" fill="#38bdf8">Application: Integrity Culture</text> </g> <!-- Center: Triple Bottom Line --> <g transform="translate(310, 110)"> <text x="140" y="0" text-anchor="middle" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">TRIPLE BOTTOM LINE</text> <text x="140" y="20" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">The Synthesis of Sustainability</text> <!-- Venn Diagram --> <circle cx="140" cy="130" r="70" fill="#38bdf820" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="100" cy="200" r="70" fill="#22c55e20" stroke="#22c55e" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="180" cy="200" r="70" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <text x="140" y="125" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">PEOPLE</text> <text x="80" y="215" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">PLANET</text> <text x="200" y="215" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">PROFIT</text> <rect x="100" y="165" width="80" height="25" rx="12" fill="#0f172a" stroke="#f8fafc40"/> <text x="140" y="182" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f8fafc" filter="url(#glow)">ESG CORE</text> <path d="M 140 280 L 140 310" stroke="#94a3b8" stroke-width="1" stroke-dasharray="2 2"/> <text x="140" y="330" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"Social License to Operate"</text> </g> <!-- Right Column: Stakeholder Ecosystem --> <g transform="translate(620, 110)"> <text x="0" y="0" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">STAKEHOLDER THEORY</text> <text x="0" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">Moving beyond Shareholder Primacy</text> <!-- Network Diagram --> <circle cx="120" cy="160" r="35" fill="#ffffff10" stroke="#e879f9" stroke-width="2"/> <text x="120" y="164" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">FIRM</text> <!-- Nodes --> <g stroke="#94a3b8" stroke-width="1.5" opacity="0.6"> <line x1="120" y1="125" x2="120" y2="80"/> <line x1="155" y1="160" x2="210" y2="160"/> <line x1="85" y1="160" x2="30" y2="160"/> <line x1="145" y1="185" x2="180" y2="230"/> <line x1="95" y1="185" x2="60" y2="230"/> </g> <circle cx="120" cy="80" r="6" fill="#38bdf8"/> <text x="130" y="83" font-family="sans-serif" font-size="11" fill="#f8fafc">Investors</text> <circle cx="210" cy="160" r="6" fill="#f59e0b"/> <text x="220" y="164" font-family="sans-serif" font-size="11" fill="#f8fafc">Customers</text> <circle cx="30" cy="160" r="6" fill="#e879f9"/> <text x="25" y="150" text-anchor="end" font-family="sans-serif" font-size="11" fill="#f8fafc">Employees</text> <circle cx="180" cy="230" r="6" fill="#22c55e"/> <text x="185" y="245" font-family="sans-serif" font-size="11" fill="#f8fafc">Environment</text> <circle cx="60" cy="230" r="6" fill="#94a3b8"/> <text x="55" y="245" text-anchor="end" font-family="sans-serif" font-size="11" fill="#f8fafc">Community</text> </g> <!-- Bottom: Technical Implementation & ESG --> <g transform="translate(40, 430)"> <rect width="820" height="100" rx="16" fill="#00000040" stroke="#ffffff10"/> <text x="20" y="30" font-family="sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">TECHNICAL IMPLEMENTATION: ESG METRICS</text> <g transform="translate(20, 50)"> <!-- Env --> <rect width="250" height="35" rx="8" fill="#ffffff08"/> <text x="10" y="22" font-family="monospace" font-size="12" fill="#22c55e">[E]</text> <text x="40" y="22" font-family="sans-serif" font-size="11" fill="#f8fafc">Carbon Intensity &amp; Waste</text> <!-- Soc --> <rect x="265" width="250" height="35" rx="8" fill="#ffffff08"/> <text x="275" y="22" font-family="monospace" font-size="12" fill="#38bdf8">[S]</text> <text x="305" y="22" font-family="sans-serif" font-size="11" fill="#f8fafc">Labor Rights &amp; Data Privacy</text> <!-- Gov --> <rect x="530" width="250" height="35" rx="8" fill="#ffffff08"/> <text x="540" y="22" font-family="monospace" font-size="12" fill="#f59e0b">[G]</text> <text x="570" y="22" font-family="sans-serif" font-size="11" fill="#f8fafc">Audit Trails &amp; Anti-Bribery</text> </g> <text x="800" y="85" text-anchor="end" font-family="monospace" font-size="10" fill="#475569">v2.0_ETHICS_ENGINE_STABLE</text> </g> </svg>Business Ethics and Social Responsibility image 1Business Ethics and Social Responsibility - Introduction Business - image 1https://www.getlykke.com/explore/public/introduction-business-3150ac8c-673e-4085-8f74-8893d73a4305/media/business-ethics-and-responsibility/svg/1Business Ethics and Social Responsibility diagram 1Business Ethics and Social Responsibility - Introduction Business - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-gold" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#d97706"/> </linearGradient> <linearGradient id="accent-blue" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#0284c7"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">ENTREPRENEURSHIP &amp; AI INNOVATION</text> <path d="M 300 65 L 600 65" stroke="url(#accent-blue)" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Convergence of Opportunity Identification and Predictive Logic</text> <!-- Left Panel: The Entrepreneurial Framework --> <rect x="30" y="120" width="260" height="300" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="60" cy="150" r="12" fill="url(#accent-gold)"/> <path d="M 56 150 L 64 150 M 60 146 L 60 154" stroke="#0f172a" stroke-width="2"/> <text x="80" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE FRAMEWORK</text> <g font-family="sans-serif" font-size="13" fill="#f8fafc"> <text x="50" y="190" font-weight="bold" fill="#f59e0b">01. IDENTIFICATION</text> <text x="50" y="208" fill="#94a3b8">Spotting market inefficiencies</text> <text x="50" y="222" fill="#94a3b8">and resource gaps.</text> <text x="50" y="255" font-weight="bold" fill="#f59e0b">02. EVALUATION</text> <text x="50" y="273" fill="#94a3b8">Assessing scalability and</text> <text x="50" y="287" fill="#94a3b8">risk-adjusted returns.</text> <text x="50" y="320" font-weight="bold" fill="#f59e0b">03. EXPLOITATION</text> <text x="50" y="338" fill="#94a3b8">Mobilizing capital and talent</text> <text x="50" y="352" fill="#94a3b8">to capture value.</text> </g> <!-- Right Panel: The AI Stack --> <rect x="610" y="120" width="260" height="300" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <rect x="630" y="140" width="20" height="20" rx="4" fill="url(#accent-blue)"/> <text x="660" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE AI STACK</text> <g font-family="sans-serif" font-size="12"> <!-- Layer 4 --> <rect x="630" y="180" width="220" height="35" rx="6" fill="#38bdf820" stroke="#38bdf840"/> <text x="740" y="202" text-anchor="middle" fill="#f8fafc" font-weight="bold">APPLICATION (UI/API)</text> <!-- Layer 3 --> <rect x="630" y="225" width="220" height="35" rx="6" fill="#38bdf815" stroke="#38bdf830"/> <text x="740" y="247" text-anchor="middle" fill="#94a3b8">MODELING (ML/LLM)</text> <!-- Layer 2 --> <rect x="630" y="270" width="220" height="35" rx="6" fill="#38bdf810" stroke="#38bdf820"/> <text x="740" y="292" text-anchor="middle" fill="#94a3b8">DATA PIPELINES (ETL)</text> <!-- Layer 1 --> <rect x="630" y="315" width="220" height="35" rx="6" fill="#38bdf805" stroke="#38bdf810"/> <text x="740" y="337" text-anchor="middle" fill="#94a3b8">INFRASTRUCTURE (CLOUD)</text> </g> <text x="740" y="385" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#38bdf8" font-style="italic">"AI reduces the cost of prediction"</text> <!-- Center: The Economic Shift --> <circle cx="450" cy="270" r="90" fill="#ffffff05" stroke="#ffffff10" stroke-dasharray="4 4"/> <!-- Prediction vs Judgment --> <g transform="translate(370, 220)"> <rect width="160" height="100" rx="12" fill="#1e293b" stroke="#e879f9" stroke-width="1" opacity="0.8"/> <text x="80" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9">THE SYNERGY</text> <path d="M 30 45 L 130 45" stroke="#ffffff20"/> <text x="80" y="65" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">PREDICTION (AI)</text> <text x="80" y="82" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">+ JUDGMENT (HUMAN)</text> </g> <!-- Connecting Lines --> <path d="M 290 270 L 370 270" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2" opacity="0.4"/> <path d="M 530 270 L 610 270" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2" opacity="0.4"/> <!-- Bottom: The Data Flywheel --> <rect x="30" y="440" width="840" height="100" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="50" y="470" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">THE DATA FLYWHEEL</text> <g transform="translate(250, 485)" font-family="sans-serif" font-size="11" font-weight="bold"> <!-- Flywheel Steps --> <rect x="0" y="0" width="100" height="30" rx="15" fill="#38bdf820" stroke="#38bdf8"/> <text x="50" y="19" text-anchor="middle" fill="#38bdf8">MORE USERS</text> <path d="M 110 15 L 140 15" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <rect x="150" y="0" width="100" height="30" rx="15" fill="#e879f920" stroke="#e879f9"/> <text x="200" y="19" text-anchor="middle" fill="#e879f9">MORE DATA</text> <path d="M 260 15 L 290 15" stroke="#94a3b8" stroke-width="2"/> <rect x="300" y="0" width="100" height="30" rx="15" fill="#f59e0b20" stroke="#f59e0b"/> <text x="350" y="19" text-anchor="middle" fill="#f59e0b">BETTER AI</text> <path d="M 410 15 L 440 15" stroke="#94a3b8" stroke-width="2"/> <rect x="450" y="0" width="120" height="30" rx="15" fill="#10b98120" stroke="#10b981"/> <text x="510" y="19" text-anchor="middle" fill="#10b981">BETTER PRODUCT</text> <!-- Return Arrow --> <path d="M 510 -5 Q 300 -40 50 -5" fill="none" stroke="#ffffff20" stroke-width="2" stroke-dasharray="5 5"/> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="40" fill="url(#accent-blue)" opacity="0.1"/> <circle cx="50" cy="510" r="30" fill="url(#accent-gold)" opacity="0.1"/> <!-- Marker Definition --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#94a3b8" /> </marker> </defs> </svg>Entrepreneurship and Technological Innovation image 1Entrepreneurship and Technological Innovation - Introduction Business - image 1https://www.getlykke.com/explore/public/introduction-business-3150ac8c-673e-4085-8f74-8893d73a4305/media/entrepreneurship-and-innovation/svg/1Entrepreneurship and Technological Innovation diagram 1Entrepreneurship and Technological Innovation - Introduction Business - diagram 1https://www.getlykke.com/explore/public/introduction-business-3150ac8c-673e-4085-8f74-8893d73a4305/media/entrepreneurship-and-innovation/svg/2Entrepreneurship and Technological Innovation diagram 2Entrepreneurship and Technological Innovation - Introduction Business - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="55" font-family="Arial, sans-serif" font-size="32" font-weight="800" fill="#f8fafc" text-anchor="middle" letter-spacing="1">GLOBAL BUSINESS &amp; MANAGING CHANGE</text> <rect x="350" y="68" width="200" height="4" fill="#f59e0b" rx="2"/> <text x="450" y="90" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle">Strategic Navigation in a Borderless Economy</text> <!-- Left Panel: Entry Strategies (The Ladder) --> <rect x="40" y="120" width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="150" font-family="Arial, sans-serif" font-size="18" font-weight="700" fill="#38bdf8">Entry Strategies</text> <text x="60" y="170" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Risk vs. Control Commitment</text> <!-- Ladder Visual --> <g transform="translate(60, 200)"> <!-- Steps --> <g transform="translate(0, 0)"> <rect width="220" height="35" rx="8" fill="#ffffff08"/> <text x="10" y="22" font-family="Arial, sans-serif" font-size="13" font-weight="600" fill="#f8fafc">1. Exporting</text> <text x="160" y="22" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Low Risk</text> </g> <g transform="translate(0, 45)"> <rect width="220" height="35" rx="8" fill="#ffffff08"/> <text x="10" y="22" font-family="Arial, sans-serif" font-size="13" font-weight="600" fill="#f8fafc">2. Licensing/Franchising</text> </g> <g transform="translate(0, 90)"> <rect width="220" height="35" rx="8" fill="#ffffff08"/> <text x="10" y="22" font-family="Arial, sans-serif" font-size="13" font-weight="600" fill="#f8fafc">3. Joint Venture</text> </g> <g transform="translate(0, 135)"> <rect width="220" height="35" rx="8" fill="#ffffff15" stroke="#38bdf8" stroke-width="1"/> <text x="10" y="22" font-family="Arial, sans-serif" font-size="13" font-weight="600" fill="#38bdf8">4. FDI (Greenfield)</text> <text x="160" y="22" font-family="Arial, sans-serif" font-size="10" fill="#38bdf8">High Control</text> </g> <!-- Arrow --> <path d="M 230 10 L 230 160" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4" marker-end="url(#arrowhead)"/> </g> <!-- Center Panel: PESTEL Compass --> <g transform="translate(320, 120)"> <rect width="260" height="260" rx="130" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="130" cy="130" r="60" fill="#1e293b" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <text x="130" y="125" font-family="Arial, sans-serif" font-size="14" font-weight="800" fill="#f8fafc" text-anchor="middle">PESTEL</text> <text x="130" y="142" font-family="Arial, sans-serif" font-size="10" fill="#e879f9" text-anchor="middle">ANALYSIS</text> <!-- PESTEL Nodes --> <g font-family="Arial, sans-serif" font-size="11" font-weight="600"> <circle cx="130" cy="30" r="18" fill="#0f172a" stroke="#94a3b8"/> <text x="130" y="34" fill="#f8fafc" text-anchor="middle">P</text> <text x="130" y="10" fill="#94a3b8" text-anchor="middle" font-size="9">POLITICAL</text> <circle cx="215" cy="80" r="18" fill="#0f172a" stroke="#94a3b8"/> <text x="215" y="84" fill="#f8fafc" text-anchor="middle">E</text> <text x="250" y="84" fill="#94a3b8" text-anchor="start" font-size="9">ECONOMIC</text> <circle cx="215" cy="180" r="18" fill="#0f172a" stroke="#94a3b8"/> <text x="215" y="184" fill="#f8fafc" text-anchor="middle">S</text> <text x="250" y="184" fill="#94a3b8" text-anchor="start" font-size="9">SOCIAL</text> <circle cx="130" cy="230" r="18" fill="#0f172a" stroke="#94a3b8"/> <text x="130" y="234" fill="#f8fafc" text-anchor="middle">T</text> <text x="130" y="258" fill="#94a3b8" text-anchor="middle" font-size="9">TECH</text> <circle cx="45" cy="180" r="18" fill="#0f172a" stroke="#94a3b8"/> <text x="45" y="184" fill="#f8fafc" text-anchor="middle">E</text> <text x="10" y="184" fill="#94a3b8" text-anchor="end" font-size="9">ENVIRON</text> <circle cx="45" cy="80" r="18" fill="#0f172a" stroke="#94a3b8"/> <text x="45" y="84" fill="#f8fafc" text-anchor="middle">L</text> <text x="10" y="84" fill="#94a3b8" text-anchor="end" font-size="9">LEGAL</text> </g> </g> <!-- Right Panel: Managing Change --> <rect x="600" y="120" width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="150" font-family="Arial, sans-serif" font-size="18" font-weight="700" fill="#f59e0b">Managing Change</text> <text x="620" y="170" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">The Transition Architecture</text> <g transform="translate(620, 200)"> <!-- Current State --> <rect width="220" height="60" rx="8" fill="#ffffff05" stroke="#94a3b8" stroke-dasharray="2 2"/> <text x="110" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#94a3b8" text-anchor="middle">CURRENT STATE</text> <text x="110" y="42" font-family="Arial, sans-serif" font-size="10" fill="#64748b" text-anchor="middle">Domestic / Status Quo</text> <!-- Transition Arrow --> <path d="M 110 65 L 110 125" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrowhead)"/> <text x="120" y="100" font-family="Arial, sans-serif" font-size="11" font-weight="bold" fill="#f59e0b">TRANSITION</text> <!-- Future State --> <rect y="130" width="220" height="80" rx="8" fill="#f59e0b20" stroke="#f59e0b"/> <text x="110" y="155" font-family="Arial, sans-serif" font-size="12" font-weight="700" fill="#f8fafc" text-anchor="middle">DESIRED FUTURE</text> <text x="110" y="175" font-family="Arial, sans-serif" font-size="10" fill="#fcd34d" text-anchor="middle">Global Integration</text> <text x="110" y="190" font-family="Arial, sans-serif" font-size="10" fill="#fcd34d" text-anchor="middle">Continuous Adaptation</text> </g> <!-- Bottom Center: Comparative Advantage --> <rect x="320" y="400" width="260" height="120" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="425" font-family="Arial, sans-serif" font-size="14" font-weight="700" fill="#f8fafc" text-anchor="middle">Comparative Advantage</text> <path d="M 350 480 L 550 480" stroke="#94a3b8" stroke-width="1"/> <circle cx="450" cy="480" r="4" fill="#e879f9"/> <!-- Formulaic representation --> <text x="450" y="455" font-family="serif" font-style="italic" font-size="16" fill="#38bdf8" text-anchor="middle">Opp. Cost (A) &lt; Opp. Cost (B)</text> <text x="450" y="505" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Efficiency through Specialization</text> <!-- Decorative Elements --> <circle cx="40" cy="40" r="3" fill="#38bdf8" opacity="0.5"/> <circle cx="860" cy="40" r="3" fill="#e879f9" opacity="0.5"/> <circle cx="40" cy="520" r="3" fill="#f59e0b" opacity="0.5"/> <circle cx="860" cy="520" r="3" fill="#38bdf8" opacity="0.5"/> <!-- Arrowhead Def --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="context-stroke" /> </marker> </defs> </svg>Global Business and Managing Change image 1Global Business and Managing Change - Introduction Business - image 1https://www.getlykke.com/explore/public/introduction-business-3150ac8c-673e-4085-8f74-8893d73a4305/media/global-business-and-change/svg/1Global Business and Managing Change diagram 1Global Business and Managing Change - Introduction Business - diagram 1https://www.getlykke.com/explore/public/introduction-business-3150ac8c-673e-4085-8f74-8893d73a4305/media/global-business-and-change/svg/2Global Business and Managing Change diagram 2Global Business and Managing Change - Introduction Business - diagram 2https://www.getlykke.com/explore/public/introduction-business-3150ac8c-673e-4085-8f74-8893d73a4305/media/global-business-and-change/svg/3Global Business and Managing Change diagram 3Global Business and Managing Change - Introduction Business - diagram 3https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d132026-04-20T04:46:13.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentBlue" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#1d4ed8"/> </linearGradient> <linearGradient id="accentAmber" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#b45309"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Elements --> <circle cx="850" cy="50" r="100" fill="#e879f9" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#38bdf8" fill-opacity="0.05"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">LOGIC &amp; CRITICAL THINKING</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Architecture of Rational Inference and Systematic Thought</text> <line x1="300" y1="105" x2="600" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Left Panel: Deductive Reasoning --> <rect x="40" y="130" width="400" height="280" rx="16" fill="#ffffff08" stroke="#38bdf840" stroke-width="1"/> <rect x="40" y="130" width="400" height="45" rx="16" fill="#38bdf815"/> <text x="65" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">DEDUCTIVE REASONING</text> <text x="360" y="160" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">TOP-DOWN</text> <path d="M 65 195 L 85 195 L 75 210 Z" fill="#38bdf8"/> <text x="95" y="205" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Certainty &amp; Structure</text> <text x="65" y="235" font-family="sans-serif" font-size="12" fill="#94a3b8" width="350"> <tspan x="65" dy="0">If the structure is valid and premises are true,</tspan> <tspan x="65" dy="18">the conclusion MUST be true. Used in math,</tspan> <tspan x="65" dy="18">formal logic, and computer science.</tspan> </text> <!-- Validity/Soundness Box --> <rect x="65" y="300" width="350" height="85" rx="8" fill="#00000030" stroke="#38bdf820"/> <text x="80" y="325" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">The Soundness Equation</text> <text x="80" y="355" font-family="monospace" font-size="16" fill="#38bdf8">Validity + True Premises = Soundness</text> <text x="80" y="375" font-family="sans-serif" font-size="11" fill="#94a3b8">Validity refers to structure; Soundness to truth.</text> <!-- Right Panel: Inductive Reasoning --> <rect x="460" y="130" width="400" height="280" rx="16" fill="#ffffff08" stroke="#f59e0b40" stroke-width="1"/> <rect x="460" y="130" width="400" height="45" rx="16" fill="#f59e0b15"/> <text x="485" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">INDUCTIVE REASONING</text> <text x="780" y="160" font-family="sans-serif" font-size="12" fill="#f59e0b" font-weight="bold">BOTTOM-UP</text> <path d="M 485 210 L 505 210 L 495 195 Z" fill="#f59e0b"/> <text x="515" y="205" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Probability &amp; Strength</text> <text x="485" y="235" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="485" dy="0">Generalizations based on specific observations.</tspan> <tspan x="485" dy="18">Deals in degrees of strength (weak to strong).</tspan> <tspan x="485" dy="18">The foundation of the scientific method.</tspan> </text> <!-- Inductive Types --> <g transform="translate(485, 300)"> <rect width="110" height="85" rx="8" fill="#f59e0b10" stroke="#f59e0b20"/> <text x="55" y="30" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f59e0b">ENUMERATIVE</text> <text x="55" y="55" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Generalizing from</text> <text x="55" y="68" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">a sample set.</text> <rect x="120" width="110" height="85" rx="8" fill="#f59e0b10" stroke="#f59e0b20"/> <text x="175" y="30" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f59e0b">ANALOGICAL</text> <text x="175" y="55" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Comparing two</text> <text x="175" y="68" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">similar cases.</text> <rect x="240" width="110" height="85" rx="8" fill="#f59e0b10" stroke="#f59e0b20"/> <text x="295" y="30" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f59e0b">CAUSAL</text> <text x="295" y="55" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Inferring cause</text> <text x="295" y="68" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">from effect.</text> </g> <!-- Bottom Section: The Syllogism --> <rect x="40" y="430" width="820" height="100" rx="16" fill="#ffffff05" stroke="#ffffff10" stroke-width="1"/> <text x="70" y="465" font-family="sans-serif" font-weight="700" font-size="16" fill="#e879f9">THE CLASSIC SYLLOGISM (Modus Ponens)</text> <g transform="translate(70, 485)"> <circle cx="10" cy="5" r="3" fill="#38bdf8"/> <text x="25" y="10" font-family="monospace" font-size="14" fill="#f8fafc">P1: If it is raining, the ground is wet. (P → Q)</text> <circle cx="10" cy="25" r="3" fill="#38bdf8"/> <text x="25" y="30" font-family="monospace" font-size="14" fill="#f8fafc">P2: It is raining. (P)</text> <text x="450" y="20" font-family="monospace" font-size="24" fill="#e879f9" font-weight="bold">∴ Q</text> <text x="500" y="20" font-family="sans-serif" font-size="14" fill="#94a3b8">The ground is wet.</text> </g> <!-- Visual Connectors --> <path d="M 450 130 L 450 410" stroke="#ffffff10" stroke-width="1" stroke-dasharray="4 4"/> <!-- Small technical labels --> <text x="860" y="545" text-anchor="end" font-family="monospace" font-size="9" fill="#ffffff20">REF_LOGIC_001 // INFERENTIAL_ENGINE</text> <text x="40" y="545" font-family="monospace" font-size="9" fill="#ffffff20">SYS: RATIONAL_OS_v2.4</text> </svg>Logic and Critical Thinking image 1Logic and Critical Thinking - Introduction Philosophy - image 1https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d13/media/logic-and-critical-thinking/svg/1Logic and Critical Thinking diagram 1Logic and Critical Thinking - Introduction Philosophy - diagram 1https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d13/media/logic-and-critical-thinking/svg/2Logic and Critical Thinking diagram 2Logic and Critical Thinking - Introduction Philosophy - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color:#0f172a;stop-opacity:1" /> <stop offset="100%" style="stop-color:#1e1b4b;stop-opacity:1" /> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="dot-pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)" /> <rect width="900" height="560" fill="url(#dot-pattern)" /> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">EPISTEMOLOGY</text> <text x="40" y="85" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8">The Architecture of Knowledge &amp; Intellectual Inquiry</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#334155" stroke-width="1" /> <!-- Left Panel: JTB Framework --> <rect x="40" y="130" width="400" height="260" rx="16" fill="#ffffff0a" stroke="#ffffff15" /> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Tripartite Theory (JTB)</text> <!-- Venn Diagram --> <g transform="translate(140, 260)"> <!-- Belief --> <circle cx="0" cy="-20" r="55" fill="#e879f9" fill-opacity="0.2" stroke="#e879f9" stroke-width="2" /> <text x="0" y="-35" font-family="sans-serif" font-size="11" font-weight="bold" fill="#e879f9" text-anchor="middle">BELIEF</text> <!-- Truth --> <circle cx="-35" cy="35" r="55" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8" stroke-width="2" /> <text x="-45" y="50" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8" text-anchor="middle">TRUTH</text> <!-- Justification --> <circle cx="35" cy="35" r="55" fill="#f59e0b" fill-opacity="0.2" stroke="#f59e0b" stroke-width="2" /> <text x="45" y="50" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f59e0b" text-anchor="middle">JUSTIFICATION</text> <!-- Knowledge Center --> <text x="0" y="20" font-family="sans-serif" font-size="10" font-weight="900" fill="#f8fafc" text-anchor="middle" filter="url(#glow)">KNOWLEDGE</text> </g> <!-- JTB Formula --> <rect x="270" y="180" width="150" height="190" rx="8" fill="#00000020" /> <text x="285" y="205" font-family="monospace" font-size="13" fill="#94a3b8">Formal Logic:</text> <text x="285" y="235" font-family="serif" font-style="italic" font-size="16" fill="#f8fafc">K(s,p) ↔</text> <text x="285" y="260" font-family="serif" font-style="italic" font-size="16" fill="#e879f9">B(s,p) ∧</text> <text x="285" y="285" font-family="serif" font-style="italic" font-size="16" fill="#38bdf8">T(p) ∧</text> <text x="285" y="310" font-family="serif" font-style="italic" font-size="16" fill="#f59e0b">J(s,p)</text> <text x="285" y="350" font-family="sans-serif" font-size="10" fill="#64748b" width="120">If all three hold, it is knowledge.</text> <!-- Right Panel: The Great Divide --> <rect x="460" y="130" width="400" height="260" rx="16" fill="#ffffff0a" stroke="#ffffff15" /> <text x="480" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Sources of Knowledge</text> <!-- Rationalism --> <rect x="480" y="180" width="175" height="190" rx="12" fill="#ffffff05" stroke="#ffffff10" /> <circle cx="567" cy="220" r="25" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1" /> <path d="M557 220 L577 220 M567 210 L567 230 M560 213 L574 227 M560 227 L574 213" stroke="#f59e0b" stroke-width="2" /> <text x="567" y="265" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">Rationalism</text> <text x="567" y="285" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">A Priori / Reason</text> <text x="567" y="310" font-family="sans-serif" font-size="10" fill="#64748b" text-anchor="middle">Knowledge is innate,</text> <text x="567" y="325" font-family="sans-serif" font-size="10" fill="#64748b" text-anchor="middle">derived from logic</text> <text x="567" y="340" font-family="sans-serif" font-size="10" fill="#64748b" text-anchor="middle">and pure intellect.</text> <!-- Empiricism --> <rect x="665" y="180" width="175" height="190" rx="12" fill="#ffffff05" stroke="#ffffff10" /> <circle cx="752" cy="220" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="1" /> <path d="M740 220 Q752 200 764 220 Q752 240 740 220 Z" fill="none" stroke="#38bdf8" stroke-width="2" /> <circle cx="752" cy="220" r="5" fill="#38bdf8" /> <text x="752" y="265" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">Empiricism</text> <text x="752" y="285" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">A Posteriori / Senses</text> <text x="752" y="310" font-family="sans-serif" font-size="10" fill="#64748b" text-anchor="middle">Knowledge comes from</text> <text x="752" y="325" font-family="sans-serif" font-size="10" fill="#64748b" text-anchor="middle">sensory experience</text> <text x="752" y="340" font-family="sans-serif" font-size="10" fill="#64748b" text-anchor="middle">and observation.</text> <!-- Bottom Panel: The Gettier Problem --> <rect x="40" y="410" width="820" height="110" rx="16" fill="#7f1d1d30" stroke="#ef444440" /> <path d="M60 440 L80 440 L70 420 Z" fill="#ef4444" /> <text x="95" y="440" font-family="sans-serif" font-weight="700" font-size="18" fill="#ef4444">The Gettier Problem (1963)</text> <text x="60" y="470" font-family="sans-serif" font-size="13" fill="#f8fafc">Edmund Gettier challenged the JTB framework by showing that one can have a Justified True Belief that is only true by <tspan fill="#ef4444" font-weight="bold">accidental luck</tspan>.</text> <text x="60" y="490" font-family="sans-serif" font-size="12" font-style="italic" fill="#94a3b8">Example: Looking at a broken clock that happens to show the correct time. You believe it, it's true, and you're justified—but do you "know" it?</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff08" stroke-width="8" /> <path d="M820 40 L880 40" stroke="#ffffff08" stroke-width="2" /> <path d="M850 10 L850 70" stroke="#ffffff08" stroke-width="2" /> </svg>Epistemology: The Study of Knowledge image 1Epistemology: The Study of Knowledge - Introduction Philosophy - image 1https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d13/media/epistemology-study-of-knowledge/svg/1Epistemology: The Study of Knowledge diagram 1Epistemology: The Study of Knowledge - Introduction Philosophy - diagram 1https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d13/media/epistemology-study-of-knowledge/svg/2Epistemology: The Study of Knowledge diagram 2Epistemology: The Study of Knowledge - Introduction Philosophy - diagram 2https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d13/media/epistemology-study-of-knowledge/svg/3Epistemology: The Study of Knowledge diagram 3Epistemology: The Study of Knowledge - Introduction Philosophy - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-gold" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#fbbf24"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="2">METAPHYSICS</text> <text x="450" y="82" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="500" fill="#38bdf8" letter-spacing="4">THE ARCHITECTONICS OF BEING</text> <line x1="350" y1="95" x2="550" y2="95" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Central Concept: The Source Code Analogy --> <rect x="310" y="120" width="280" height="140" rx="16" fill="#ffffff10" stroke="#38bdf844" stroke-width="1"/> <circle cx="450" cy="190" r="60" fill="#38bdf808" stroke="#38bdf833" stroke-width="1" stroke-dasharray="5 5"/> <text x="450" y="150" text-anchor="middle" font-family="monospace" font-size="14" font-weight="bold" fill="#38bdf8">SYSTEM_CORE.LOGIC</text> <text x="450" y="175" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f8fafc">Physics: Runtime Behavior</text> <text x="450" y="195" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f8fafc">Metaphysics: Source Code</text> <path d="M410 215 L490 215" stroke="#f59e0b" stroke-width="2"/> <text x="450" y="235" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">"First Philosophy" — Aristotle</text> <!-- Left Panel: Ontology --> <rect x="30" y="120" width="260" height="200" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="50" y="150" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">ONTOLOGY</text> <text x="50" y="170" font-family="sans-serif" font-size="11" fill="#94a3b8">The Taxonomy of Existence</text> <!-- Particulars vs Universals --> <g transform="translate(50, 195)"> <circle cx="15" cy="15" r="12" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="35" y="15" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Particulars</text> <text x="35" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">Individual entities (A Chair)</text> </g> <g transform="translate(50, 245)"> <rect x="3" y="3" width="24" height="24" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="2 2"/> <text x="35" y="15" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Universals</text> <text x="35" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">Abstract qualities (Chairness)</text> </g> <!-- Right Panel: Mind-Body Problem --> <rect x="610" y="120" width="260" height="200" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="630" y="150" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">THE SELF</text> <text x="630" y="170" font-family="sans-serif" font-size="11" fill="#94a3b8">Mind vs. Matter</text> <!-- Dualism Visual --> <circle cx="660" cy="230" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <circle cx="700" cy="230" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="680" y="275" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Dualism</text> <text x="680" y="290" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Distinct Substances</text> <!-- Bottom Panel: Substance vs Bundle --> <rect x="30" y="340" width="840" height="190" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="450" y="370" text-anchor="middle" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f8fafc">MODELS OF REALITY</text> <!-- Substance Theory --> <g transform="translate(60, 390)"> <rect width="360" height="110" rx="12" fill="#ffffff05" stroke="#38bdf833"/> <text x="20" y="30" font-family="sans-serif" font-size="15" font-weight="bold" fill="#38bdf8">Substance Theory</text> <text x="20" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Aristotle / Spinoza</text> <path d="M20 70 L340 70" stroke="#ffffff10" stroke-width="1"/> <text x="20" y="90" font-family="sans-serif" font-size="12" fill="#f8fafc">Reality consists of fundamental entities</text> <text x="20" y="105" font-family="sans-serif" font-size="12" fill="#f8fafc">that possess properties.</text> <!-- Visual: Core with orbiting dots --> <circle cx="320" cy="40" r="10" fill="#38bdf8"/> <circle cx="300" cy="30" r="3" fill="#38bdf866"/> <circle cx="340" cy="35" r="3" fill="#38bdf866"/> <circle cx="315" cy="55" r="3" fill="#38bdf866"/> </g> <!-- Bundle Theory --> <g transform="translate(480, 390)"> <rect width="360" height="110" rx="12" fill="#ffffff05" stroke="#e879f933"/> <text x="20" y="30" font-family="sans-serif" font-size="15" font-weight="bold" fill="#e879f9">Bundle Theory</text> <text x="20" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">David Hume / ECS Model</text> <path d="M20 70 L340 70" stroke="#ffffff10" stroke-width="1"/> <text x="20" y="90" font-family="sans-serif" font-size="12" fill="#f8fafc">Objects are merely "bundles" of</text> <text x="20" y="105" font-family="sans-serif" font-size="12" fill="#f8fafc">properties with no underlying core.</text> <!-- Visual: Cluster of dots --> <circle cx="310" cy="35" r="5" fill="#e879f9"/> <circle cx="325" cy="30" r="5" fill="#e879f9cc"/> <circle cx="318" cy="45" r="5" fill="#e879f999"/> <circle cx="332" cy="42" r="5" fill="#e879f966"/> </g> <!-- Connecting Lines (Flow of Inquiry) --> <path d="M160 120 L160 105 L450 105" fill="none" stroke="#f59e0b44" stroke-width="1"/> <path d="M740 120 L740 105 L450 105" fill="none" stroke="#e879f944" stroke-width="1"/> <!-- Footer Note --> <text x="450" y="545" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#475569" font-style="italic">Metaphysics investigates the categories of existence that make the universe possible.</text> </svg>Metaphysics: The Nature of Reality image 1Metaphysics: The Nature of Reality - Introduction Philosophy - image 1https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d13/media/metaphysics-nature-of-reality/svg/1Metaphysics: The Nature of Reality diagram 1Metaphysics: The Nature of Reality - Introduction Philosophy - diagram 1https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d13/media/metaphysics-nature-of-reality/svg/2Metaphysics: The Nature of Reality diagram 2Metaphysics: The Nature of Reality - Introduction Philosophy - diagram 2https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d13/media/metaphysics-nature-of-reality/svg/3Metaphysics: The Nature of Reality diagram 3Metaphysics: The Nature of Reality - Introduction Philosophy - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-blue" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#1d4ed8"/> </linearGradient> <linearGradient id="accent-amber" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#b45309"/> </linearGradient> <linearGradient id="accent-pink" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#e879f9"/> <stop offset="100%" stop-color="#a21caf"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560"/> </g> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="2">VALUE THEORY: AXIOLOGY</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-style="italic">The philosophical study of goodness, beauty, and significance.</text> <line x1="300" y1="90" x2="600" y2="90" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Left Panel: Metaethics (The Logic) --> <rect x="40" y="110" width="400" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="140" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="18">METAETHICS</text> <text x="60" y="160" fill="#94a3b8" font-family="sans-serif" font-size="12">The "Backend" — Nature of moral facts.</text> <!-- Hume's Law Visual --> <g transform="translate(60, 180)"> <rect width="100" height="30" rx="4" fill="#1e293b" stroke="#38bdf8"/> <text x="50" y="20" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">IS (Fact)</text> <path d="M110 15 L160 15" stroke="#f43f5e" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="135" cy="15" r="10" fill="#0f172a" stroke="#f43f5e"/> <text x="135" y="19" text-anchor="middle" fill="#f43f5e" font-family="sans-serif" font-size="14" font-weight="bold">!</text> <rect x="170" width="100" height="30" rx="4" fill="#1e293b" stroke="#38bdf8"/> <text x="220" y="20" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">OUGHT (Value)</text> <text x="0" y="50" fill="#94a3b8" font-family="sans-serif" font-size="11">Hume's Law: You cannot derive an</text> <text x="0" y="65" fill="#94a3b8" font-family="sans-serif" font-size="11">"Ought" from an "Is" (The Gap).</text> </g> <!-- Metaethical Categories --> <g transform="translate(60, 265)" font-family="sans-serif" font-size="10"> <rect width="80" height="20" rx="4" fill="#38bdf820" stroke="#38bdf840"/> <text x="40" y="14" text-anchor="middle" fill="#38bdf8">REALISM</text> <rect x="90" width="80" height="20" rx="4" fill="#38bdf820" stroke="#38bdf840"/> <text x="130" y="14" text-anchor="middle" fill="#38bdf8">RELATIVISM</text> <rect x="180" width="80" height="20" rx="4" fill="#38bdf820" stroke="#38bdf840"/> <text x="220" y="14" text-anchor="middle" fill="#38bdf8">EMOTIVISM</text> </g> <!-- Right Panel: Normative Ethics (The Action) --> <rect x="460" y="110" width="400" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="140" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="18">NORMATIVE ETHICS</text> <text x="480" y="160" fill="#94a3b8" font-family="sans-serif" font-size="12">The "Source Code" — How we should act.</text> <!-- Comparison: Consequentialism vs Deontology --> <g transform="translate(480, 185)"> <!-- Utilitarianism --> <circle cx="40" cy="30" r="25" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <path d="M25 30 L55 30 M40 15 L40 45" stroke="#f59e0b" stroke-width="1"/> <text x="40" y="70" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">CONSEQUENTIALISM</text> <text x="40" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Focus: Outcomes/Utility</text> <!-- VS --> <text x="180" y="40" text-anchor="middle" fill="#ffffff40" font-family="sans-serif" font-size="24" font-weight="bold">VS</text> <!-- Deontology --> <g transform="translate(280, 0)"> <rect x="15" y="5" width="50" height="50" rx="4" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <path d="M25 20 L55 20 M25 30 L55 30 M25 40 L55 40" stroke="#f59e0b" stroke-width="2"/> <text x="40" y="70" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">DEONTOLOGY</text> <text x="40" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Focus: Duty/Rules</text> </g> </g> <!-- Bottom Panel: Aesthetics (The Perception) --> <rect x="40" y="330" width="820" height="190" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="360" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="18">AESTHETICS</text> <text x="450" y="380" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12">The study of sensory value, art, and the nature of beauty.</text> <!-- Aesthetics Visual --> <g transform="translate(100, 400)"> <!-- Sensory Input --> <circle cx="50" cy="50" r="40" fill="url(#accent-pink)" opacity="0.3" filter="glow"/> <path d="M30 50 Q50 20 70 50 T110 50" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="50" y="105" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">SENSORY EXPERIENCE</text> <!-- Arrow --> <path d="M160 50 L220 50" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowhead)"/> <!-- Artistic Value --> <g transform="translate(280, 10)"> <rect width="140" height="80" rx="8" fill="#ffffff05" stroke="#e879f9" stroke-dasharray="4 2"/> <text x="70" y="30" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="12" font-weight="bold">OBJECTIVE BEAUTY</text> <text x="70" y="50" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Proportion, Harmony,</text> <text x="70" y="65" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Mathematical Truth.</text> </g> <!-- VS --> <text x="470" y="55" text-anchor="middle" fill="#ffffff40" font-family="sans-serif" font-size="18" font-weight="bold">OR</text> <!-- Subjective Taste --> <g transform="translate(520, 10)"> <rect width="140" height="80" rx="8" fill="#ffffff05" stroke="#e879f9" stroke-dasharray="4 2"/> <text x="70" y="30" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="12" font-weight="bold">SUBJECTIVE TASTE</text> <text x="70" y="50" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">"Beauty is in the eye</text> <text x="70" y="65" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">of the beholder."</text> </g> </g> <!-- Connecting Lines from Center --> <g opacity="0.2" stroke="#f8fafc" stroke-width="1"> <line x1="450" y1="90" x2="240" y2="110"/> <line x1="450" y1="90" x2="660" y2="110"/> <line x1="450" y1="90" x2="450" y2="330"/> </g> <!-- Footer --> <text x="860" y="545" text-anchor="end" fill="#475569" font-family="sans-serif" font-size="10" font-weight="bold">AXIOLOGY // PHILOSOPHY MAP v1.0</text> </svg>Value Theory: Ethics and Aesthetics image 1Value Theory: Ethics and Aesthetics - Introduction Philosophy - image 1https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d13/media/value-theory-ethics-and-aesthetics/svg/1Value Theory: Ethics and Aesthetics diagram 1Value Theory: Ethics and Aesthetics - Introduction Philosophy - diagram 1https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d13/media/value-theory-ethics-and-aesthetics/svg/2Value Theory: Ethics and Aesthetics diagram 2Value Theory: Ethics and Aesthetics - Introduction Philosophy - diagram 2https://www.getlykke.com/explore/public/introduction-philosophy-1a18dc12-b581-475b-ab67-809c8bfd2d13/media/value-theory-ethics-and-aesthetics/svg/3Value Theory: Ethics and Aesthetics diagram 3Value Theory: Ethics and Aesthetics - Introduction Philosophy - diagram 3https://www.getlykke.com/explore/public/world-history-volume-1-c7be9c73-47b4-435a-bfa2-8946f05fb89e2026-04-20T04:46:06.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotGrid" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotGrid)"/> <!-- Decorative Accents --> <circle cx="850" cy="50" r="100" fill="#38bdf808" /> <circle cx="50" cy="510" r="80" fill="#f59e0b08" /> <line x1="50" y1="80" x2="850" y2="80" stroke="#ffffff20" stroke-width="1" /> <!-- Header --> <text x="50" y="55" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">THE GREAT TRANSITION</text> <text x="440" y="55" font-family="sans-serif" font-weight="300" font-size="18" fill="#94a3b8">Foundations of Human Society</text> <!-- Left Panel: Paleolithic --> <rect x="40" y="110" width="260" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15" /> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">PALEOLITHIC</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">The Foraging Era (Pre-10,000 BCE)</text> <!-- Icon: Spear/Nature --> <g transform="translate(60, 185)"> <circle cx="20" cy="20" r="20" fill="#38bdf820" /> <path d="M10 30 L30 10 M25 10 L30 10 L30 15" stroke="#38bdf8" stroke-width="2" fill="none" /> <path d="M15 25 Q20 15 30 20" stroke="#38bdf8" stroke-width="1.5" fill="none" /> </g> <g font-family="sans-serif" font-size="13" fill="#f8fafc"> <text x="60" y="250">• Nomadic Bands (&lt;50 people)</text> <text x="60" y="275">• High Dietary Breadth</text> <text x="60" y="300">• Egalitarian Kinship</text> <text x="60" y="325">• Minimal Private Property</text> <text x="60" y="350">• Low Disease Load</text> </g> <text x="60" y="420" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"The Original Affluent Society"</text> <!-- Center: The Pivot --> <g transform="translate(320, 110)"> <path d="M0 170 L40 170" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 4" /> <rect x="40" y="120" width="180" height="100" rx="12" fill="#f59e0b15" stroke="#f59e0b" stroke-width="1" /> <text x="130" y="150" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="14" fill="#f59e0b">NEOLITHIC</text> <text x="130" y="170" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="14" fill="#f59e0b">REVOLUTION</text> <text x="130" y="195" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">c. 10,000 – 3,000 BCE</text> <path d="M220 170 L260 170" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 4" /> <!-- Mechanics Box --> <rect x="40" y="240" width="180" height="100" rx="12" fill="#ffffff05" stroke="#ffffff20" /> <text x="130" y="265" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#94a3b8">DOMESTICATION</text> <circle cx="100" cy="295" r="15" fill="#f59e0b20" /> <path d="M95 295 L105 295 M100 290 L100 300" stroke="#f59e0b" stroke-width="2" /> <circle cx="160" cy="295" r="15" fill="#38bdf820" /> <rect x="153" y="288" width="14" height="14" stroke="#38bdf8" fill="none" stroke-width="2" /> <text x="130" y="325" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#64748b">Symbiotic Genetic Modification</text> </g> <!-- Right Panel: Neolithic/Urban --> <rect x="600" y="110" width="260" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15" /> <text x="620" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">URBAN STATE</text> <text x="620" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Sedentary Complexity (Post-4,000 BCE)</text> <!-- Icon: Ziggurat/Wheat --> <g transform="translate(620, 185)"> <circle cx="20" cy="20" r="20" fill="#e879f920" /> <path d="M10 32 L30 32 L25 22 L15 22 Z M18 22 L22 22 L20 15 Z" fill="#e879f9" /> </g> <g font-family="sans-serif" font-size="13" fill="#f8fafc"> <text x="620" y="250">• High Density (100+ /sq mi)</text> <text x="620" y="275">• Staple Crop Reliance</text> <text x="620" y="300">• Social Stratification</text> <text x="620" y="325">• Centralized Government</text> <text x="620" y="350">• Zoonotic Disease Risk</text> </g> <text x="620" y="420" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"The Cage of Civilization"</text> <!-- Bottom Bar: The Caloric Surplus Principle --> <rect x="40" y="470" width="820" height="60" rx="12" fill="#38bdf810" stroke="#38bdf830" /> <text x="60" y="505" font-family="sans-serif" font-weight="800" font-size="14" fill="#38bdf8">CALORIC SURPLUS:</text> <text x="210" y="505" font-family="sans-serif" font-size="13" fill="#f8fafc">The fundamental engine allowing for non-food-producing classes: Priests, Soldiers, Artisans, and Kings.</text> <!-- Flow Arrows --> <path d="M300 280 Q450 280 600 280" stroke="#ffffff10" stroke-width="8" fill="none" /> <path d="M590 275 L605 280 L590 285 Z" fill="#ffffff20" /> <!-- Small Legend/Data --> <g transform="translate(360, 380)"> <rect width="180" height="60" rx="8" fill="#00000030" /> <text x="90" y="25" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="10" fill="#94a3b8">MALTHUSIAN FEEDBACK</text> <path d="M40 45 Q90 30 140 45" stroke="#fb7185" fill="none" stroke-width="2" /> <text x="90" y="50" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#fb7185">Population Growth Loop</text> </g> </svg>Foundations of Human Society and Early Civilizations image 1Foundations of Human Society and Early Civilizations - World History Volume 1 - image 1https://www.getlykke.com/explore/public/world-history-volume-1-c7be9c73-47b4-435a-bfa2-8946f05fb89e/media/foundations-early-civilizations/svg/1Foundations of Human Society and Early Civilizations diagram 1Foundations of Human Society and Early Civilizations - World History Volume 1 - diagram 1https://www.getlykke.com/explore/public/world-history-volume-1-c7be9c73-47b4-435a-bfa2-8946f05fb89e/media/foundations-early-civilizations/svg/2Foundations of Human Society and Early Civilizations diagram 2Foundations of Human Society and Early Civilizations - World History Volume 1 - diagram 2https://www.getlykke.com/explore/public/world-history-volume-1-c7be9c73-47b4-435a-bfa2-8946f05fb89e/media/foundations-early-civilizations/svg/3Foundations of Human Society and Early Civilizations diagram 3Foundations of Human Society and Early Civilizations - World History Volume 1 - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff1a"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 100h900M0 200h900M0 300h900M0 400h900M0 500h900"/> <path d="M100 0v560M200 0v560M300 0v560M400 0v560M500 0v560M600 0v560M700 0v560M800 0v560"/> </g> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">THE CLASSICAL AGE</text> <text x="450" y="90" text-anchor="middle" font-family="Arial, sans-serif" font-weight="400" font-size="16" fill="#94a3b8" letter-spacing="4">IMPERIAL CONSOLIDATION • 600 BCE — 600 CE</text> <rect x="350" y="105" width="200" height="2" fill="#38bdf8" opacity="0.5"/> <!-- Central Concept: The Governance Stacks --> <!-- Card 1: Hellenism --> <rect x="50" y="140" width="385" height="170" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <circle cx="90" cy="180" r="20" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <!-- Icon: Greek Column --> <path d="M82 188v-16M90 188v-16M98 188v-16M80 172h20M80 188h20" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="125" y="178" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#f8fafc">HELLENISM</text> <text x="125" y="195" font-family="Arial, sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">THE CULTURAL API</text> <text x="75" y="230" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="75" dy="0">• Koiné Greek: The universal lingua franca</tspan> <tspan x="75" dy="20">• Urbanization: The Polis as a service</tspan> <tspan x="75" dy="20">• Syncretism: Merging local &amp; Greek gods</tspan> </text> <!-- Card 2: Pax Romana --> <rect x="465" y="140" width="385" height="170" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <circle cx="505" cy="180" r="20" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <!-- Icon: Roman Arch --> <path d="M495 190v-10a10 10 0 0 1 20 0v10" stroke="#f59e0b" stroke-width="2" fill="none"/> <text x="540" y="178" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#f8fafc">PAX ROMANA</text> <text x="540" y="195" font-family="Arial, sans-serif" font-size="12" fill="#f59e0b" font-weight="bold">THE INFRASTRUCTURE STACK</text> <text x="490" y="230" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="490" dy="0">• Roman Law: Universal legal protocols</tspan> <tspan x="490" dy="20">• Logistics: 80,000km of paved roads</tspan> <tspan x="490" dy="20">• Citizenship: Scaling loyalty beyond ethnicity</tspan> </text> <!-- Card 3: Mandate of Heaven --> <rect x="50" y="330" width="385" height="170" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <circle cx="90" cy="370" r="20" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <!-- Icon: Celestial Disk --> <circle cx="90" cy="370" r="10" stroke="#e879f9" stroke-width="2" fill="none"/> <path d="M90 355v30M75 370h30" stroke="#e879f9" stroke-width="1" opacity="0.5"/> <text x="125" y="368" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#f8fafc">MANDATE OF HEAVEN</text> <text x="125" y="385" font-family="Arial, sans-serif" font-size="12" fill="#e879f9" font-weight="bold">THE MORAL OPERATING SYSTEM</text> <text x="75" y="420" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="75" dy="0">• Bureaucracy: Meritocratic administration</tspan> <tspan x="75" dy="20">• Legitimacy: Rule by divine alignment</tspan> <tspan x="75" dy="20">• Continuity: The dynastic cycle logic</tspan> </text> <!-- Card 4: Caste System --> <rect x="465" y="330" width="385" height="170" rx="16" fill="url(#cardGrad)" stroke="#ffffff10"/> <circle cx="505" cy="370" r="20" fill="#2dd4bf20" stroke="#2dd4bf" stroke-width="2"/> <!-- Icon: Pyramid/Tiers --> <path d="M495 382h20M498 375h14M501 368h8" stroke="#2dd4bf" stroke-width="2" fill="none"/> <text x="540" y="368" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#f8fafc">CASTE SYSTEM</text> <text x="540" y="385" font-family="Arial, sans-serif" font-size="12" fill="#2dd4bf" font-weight="bold">THE SOCIAL TECHNOLOGY</text> <text x="490" y="420" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="490" dy="0">• Varna: Functional social stratification</tspan> <tspan x="490" dy="20">• Stability: Decentralized social order</tspan> <tspan x="490" dy="20">• Specialization: Inherited professional roles</tspan> </text> <!-- Bottom Label --> <rect x="0" y="525" width="900" height="35" fill="#00000040"/> <text x="450" y="547" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#64748b" letter-spacing="1">ARCHITECTURES OF COOPERATION: SOLVING THE PROBLEM OF SCALE IN THE ANCIENT WORLD</text> <!-- Connecting Lines (Visualizing the Silk Road/Integration) --> <path d="M435 225 Q450 225 465 225" stroke="#ffffff10" stroke-width="2" fill="none" stroke-dasharray="4"/> <path d="M435 415 Q450 415 465 415" stroke="#ffffff10" stroke-width="2" fill="none" stroke-dasharray="4"/> <path d="M242 310 V330" stroke="#ffffff10" stroke-width="2" fill="none" stroke-dasharray="4"/> <path d="M657 310 V330" stroke="#ffffff10" stroke-width="2" fill="none" stroke-dasharray="4"/> </svg>The Classical Age and Imperial Consolidation image 1The Classical Age and Imperial Consolidation - World History Volume 1 - image 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-blue" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#0ea5e9"/> </linearGradient> <linearGradient id="accent-gold" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#d97706"/> </linearGradient> <linearGradient id="accent-pink" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#e879f9"/> <stop offset="100%" stop-color="#c026d3"/> </linearGradient> <linearGradient id="accent-red" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f87171"/> <stop offset="100%" stop-color="#dc2626"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">THE CLASSICAL AGE: GOVERNANCE STACKS</text> <text x="450" y="75" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2">SCALING HUMAN COOPERATION (600 BCE – 600 CE)</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#334155" stroke-width="2"/> <!-- Grid Layout --> <!-- 1. HELLENISM --> <rect x="40" y="110" width="400" height="190" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="75" cy="145" r="20" fill="url(#accent-blue)" fill-opacity="0.2"/> <!-- Column Icon --> <path d="M65 155 L85 155 M68 155 L68 135 M75 155 L75 135 M82 155 L82 135 M65 135 L85 135 M63 135 Q75 125 87 135" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="105" y="145" font-family="Arial, sans-serif" font-weight="bold" font-size="20" fill="#38bdf8">The Cultural API</text> <text x="105" y="162" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">HELLENISTIC SYNTHESIS</text> <text x="65" y="195" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Core Logic:</text> <text x="140" y="195" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Standardized cultural protocols (Koiné Greek).</text> <text x="65" y="215" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Mechanism:</text> <text x="145" y="215" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">The Polis Model (Gymnasium, Agora, Theater).</text> <rect x="65" y="235" width="350" height="45" rx="8" fill="#00000020"/> <text x="75" y="252" font-family="Arial, sans-serif" font-size="11" fill="#38bdf8" font-weight="bold">KEY INNOVATION</text> <text x="75" y="268" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Syncretism: Merging local deities with Greek philosophy.</text> <!-- 2. PAX ROMANA --> <rect x="460" y="110" width="400" height="190" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="495" cy="145" r="20" fill="url(#accent-gold)" fill-opacity="0.2"/> <!-- Arch/Road Icon --> <path d="M485 155 L485 140 Q495 125 505 140 L505 155 M480 155 L510 155" stroke="#f59e0b" stroke-width="2" fill="none"/> <text x="525" y="145" font-family="Arial, sans-serif" font-weight="bold" font-size="20" fill="#f59e0b">The Infrastructure Stack</text> <text x="525" y="162" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">ROMAN IMPERIAL ORDER</text> <text x="485" y="195" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Core Logic:</text> <text x="560" y="195" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Universal Law (Code) + Physical Connectivity.</text> <text x="485" y="215" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Mechanism:</text> <text x="565" y="215" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Hard-coded logistics (50,000 miles of roads).</text> <rect x="485" y="235" width="350" height="45" rx="8" fill="#00000020"/> <text x="495" y="252" font-family="Arial, sans-serif" font-size="11" fill="#f59e0b" font-weight="bold">KEY INNOVATION</text> <text x="495" y="268" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Roman Law: "Innocent until proven guilty" heuristic.</text> <!-- 3. MANDATE OF HEAVEN --> <rect x="40" y="320" width="400" height="190" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="75" cy="355" r="20" fill="url(#accent-red)" fill-opacity="0.2"/> <!-- Pagoda Icon --> <path d="M65 365 L85 365 M60 355 L90 355 M65 345 L85 345 M75 335 L75 365" stroke="#f87171" stroke-width="2" fill="none"/> <text x="105" y="355" font-family="Arial, sans-serif" font-weight="bold" font-size="20" fill="#f87171">The Moral OS</text> <text x="105" y="372" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">EAST ASIAN BUREAUCRACY</text> <text x="65" y="405" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Core Logic:</text> <text x="140" y="405" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Divine legitimacy tied to ethical performance.</text> <text x="65" y="425" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Mechanism:</text> <text x="145" y="425" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Meritocratic civil service (Imperial Exams).</text> <rect x="65" y="445" width="350" height="45" rx="8" fill="#00000020"/> <text x="75" y="462" font-family="Arial, sans-serif" font-size="11" fill="#f87171" font-weight="bold">KEY INNOVATION</text> <text x="75" y="478" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">The Dynastic Cycle: A self-correcting political loop.</text> <!-- 4. CASTE SYSTEM --> <rect x="460" y="320" width="400" height="190" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="495" cy="355" r="20" fill="url(#accent-pink)" fill-opacity="0.2"/> <!-- Pyramid Icon --> <path d="M480 365 L510 365 L495 340 Z M480 365 L495 355 L510 365" stroke="#e879f9" stroke-width="2" fill="none"/> <text x="525" y="355" font-family="Arial, sans-serif" font-weight="bold" font-size="20" fill="#e879f9">The Social Protocol</text> <text x="525" y="372" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">SOUTH ASIAN VARNA SYSTEM</text> <text x="485" y="405" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Core Logic:</text> <text x="560" y="405" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Decentralized social stability via hierarchy.</text> <text x="485" y="425" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Mechanism:</text> <text x="565" y="425" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Strict division of labor and ritual purity.</text> <rect x="485" y="445" width="350" height="45" rx="8" fill="#00000020"/> <text x="495" y="462" font-family="Arial, sans-serif" font-size="11" fill="#e879f9" font-weight="bold">KEY INNOVATION</text> <text x="495" y="478" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Resilience: Maintaining order without a central state.</text> <!-- Footer Stats --> <line x1="40" y1="525" x2="860" y2="525" stroke="#ffffff15" stroke-width="1"/> <text x="40" y="545" font-family="Arial, sans-serif" font-size="10" fill="#64748b" font-weight="bold">GLOBAL POPULATION (200 CE): ~200-250 MILLION</text> <text x="450" y="545" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#64748b" font-weight="bold">DATA SOURCE: IMPERIAL CONSOLIDATION WIKI SECTION 4.2</text> <text x="860" y="545" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#64748b" font-weight="bold">CLASSICAL EPOCH V.1.0</text> </svg>The Classical Age and Imperial Consolidation image 2The Classical Age and Imperial Consolidation - World History Volume 1 - image 2https://www.getlykke.com/explore/public/world-history-volume-1-c7be9c73-47b4-435a-bfa2-8946f05fb89e/media/classical-age-empires/svg/1The Classical Age and Imperial Consolidation diagram 1The Classical Age and Imperial Consolidation - World History Volume 1 - diagram 1https://www.getlykke.com/explore/public/world-history-volume-1-c7be9c73-47b4-435a-bfa2-8946f05fb89e/media/classical-age-empires/svg/2The Classical Age and Imperial Consolidation diagram 2The Classical Age and Imperial Consolidation - World History Volume 1 - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" filter="url(#glow)">CROSS-CULTURAL INTERACTIONS &amp; EXPANSION</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="16" letter-spacing="2">AFRO-EURASIAN CONNECTIVITY (600 CE – 1450 CE)</text> <line x1="300" y1="85" x2="600" y2="85" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Column 1: The Caliphates (Comparison) --> <rect x="30" y="110" width="260" height="420" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="160" y="140" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="18">THE CALIPHATES</text> <!-- Umayyad --> <rect x="45" y="160" width="230" height="110" rx="8" fill="#ffffff08"/> <text x="55" y="180" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">UMAYYAD (661–750)</text> <circle cx="55" cy="200" r="3" fill="#e879f9"/> <text x="65" y="204" fill="#94a3b8" font-family="sans-serif" font-size="12">Capital: Damascus</text> <circle cx="55" cy="220" r="3" fill="#e879f9"/> <text x="65" y="224" fill="#94a3b8" font-family="sans-serif" font-size="12">Military Aristocracy</text> <circle cx="55" cy="240" r="3" fill="#e879f9"/> <text x="65" y="244" fill="#94a3b8" font-family="sans-serif" font-size="12">Rapid Territorial Conquest</text> <!-- Abbasid --> <rect x="45" y="285" width="230" height="110" rx="8" fill="#ffffff08"/> <text x="55" y="305" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">ABBASID (750–1258)</text> <circle cx="55" cy="325" r="3" fill="#38bdf8"/> <text x="65" y="329" fill="#94a3b8" font-family="sans-serif" font-size="12">Capital: Baghdad</text> <circle cx="55" cy="345" r="3" fill="#38bdf8"/> <text x="65" y="349" fill="#94a3b8" font-family="sans-serif" font-size="12">Cosmopolitan Bureaucracy</text> <circle cx="55" cy="365" r="3" fill="#38bdf8"/> <text x="65" y="369" fill="#94a3b8" font-family="sans-serif" font-size="12">Trade &amp; Intellectual Power</text> <!-- Dhimmi System Note --> <path d="M45 410 L275 410" stroke="#ffffff20" stroke-width="1"/> <text x="55" y="435" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="13">DHIMMI SYSTEM</text> <text x="55" y="455" fill="#94a3b8" font-family="sans-serif" font-size="11">Legal framework for "People of the</text> <text x="55" y="470" fill="#94a3b8" font-family="sans-serif" font-size="11">Book," enabling stable merchant</text> <text x="55" y="485" fill="#94a3b8" font-family="sans-serif" font-size="11">diasporas and cross-border trade.</text> <!-- Column 2: The Hardware (Trade Routes) --> <rect x="310" y="110" width="280" height="420" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="450" y="140" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="18">THE HARDWARE</text> <!-- Terrestrial --> <g transform="translate(325, 160)"> <rect width="250" height="110" rx="8" fill="#ffffff08"/> <text x="10" y="25" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">SILK ROADS (LAND)</text> <!-- Camel Icon --> <path d="M180 30 Q190 10 200 30 T220 30 L220 50 L180 50 Z" fill="#f59e0b" opacity="0.6"/> <text x="10" y="50" fill="#94a3b8" font-family="sans-serif" font-size="12">Key: Caravanserai (Inns)</text> <text x="10" y="70" fill="#94a3b8" font-family="sans-serif" font-size="11" font-style="italic">"Data centers of the ancient world"</text> <text x="10" y="90" fill="#94a3b8" font-family="sans-serif" font-size="11">Exchange of silk, news, &amp; ideas.</text> </g> <!-- Maritime --> <g transform="translate(325, 285)"> <rect width="250" height="110" rx="8" fill="#ffffff08"/> <text x="10" y="25" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">INDIAN OCEAN (SEA)</text> <!-- Ship Icon --> <path d="M180 50 L220 50 L210 65 L190 65 Z" fill="#38bdf8" opacity="0.6"/> <path d="M200 50 L200 20 L220 45 Z" fill="#38bdf8" opacity="0.8"/> <text x="10" y="50" fill="#94a3b8" font-family="sans-serif" font-size="12">Key: Monsoon Winds</text> <text x="10" y="70" fill="#94a3b8" font-family="sans-serif" font-size="11">Tech: Lateen Sail &amp; Astrolabe</text> <text x="10" y="90" fill="#94a3b8" font-family="sans-serif" font-size="11">Bulk goods: Spices, Timber, Textiles.</text> </g> <!-- Monsoon Diagram --> <g transform="translate(325, 410)"> <rect width="250" height="100" rx="8" fill="#ffffff08"/> <text x="125" y="25" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12">SEASONAL WINDS</text> <path d="M40 50 L100 50" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrow)"/> <text x="70" y="70" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">WINTER (NE)</text> <path d="M210 50 L150 50" stroke="#38bdf8" stroke-width="2"/> <text x="180" y="70" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">SUMMER (SW)</text> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="0" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#f59e0b" /> </marker> </defs> </g> <!-- Column 3: The Software (Intellectual/Finance) --> <rect x="610" y="110" width="260" height="420" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="740" y="140" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="18">THE SOFTWARE</text> <!-- House of Wisdom --> <g transform="translate(625, 160)"> <rect width="230" height="110" rx="8" fill="#ffffff08"/> <text x="10" y="25" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">HOUSE OF WISDOM</text> <text x="10" y="50" fill="#94a3b8" font-family="sans-serif" font-size="12">Bayt al-Hikma (Baghdad)</text> <text x="10" y="75" fill="#94a3b8" font-family="sans-serif" font-size="11">Translation of Greek, Persian,</text> <text x="10" y="90" fill="#94a3b8" font-family="sans-serif" font-size="11">&amp; Indian texts into Arabic.</text> <!-- Book Icon --> <rect x="180" y="35" width="30" height="40" fill="#e879f9" opacity="0.4"/> <line x1="185" y1="45" x2="205" y2="45" stroke="#f8fafc" stroke-width="1"/> <line x1="185" y1="55" x2="205" y2="55" stroke="#f8fafc" stroke-width="1"/> </g> <!-- Hawala System --> <g transform="translate(625, 285)"> <rect width="230" height="225" rx="8" fill="#ffffff08"/> <text x="10" y="25" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">HAWALA SYSTEM</text> <text x="10" y="50" fill="#f59e0b" font-family="sans-serif" font-size="12" font-weight="bold">Distributed Ledger (v1.0)</text> <!-- Hawala Diagram --> <circle cx="50" cy="100" r="15" fill="#38bdf8" opacity="0.5"/> <text x="50" y="104" text-anchor="middle" fill="#f8fafc" font-size="8">Cordoba</text> <circle cx="180" cy="100" r="15" fill="#e879f9" opacity="0.5"/> <text x="180" y="104" text-anchor="middle" fill="#f8fafc" font-size="8">Baghdad</text> <path d="M65 100 L165 100" stroke="#f8fafc" stroke-width="1" stroke-dasharray="2 2"/> <text x="115" y="90" text-anchor="middle" fill="#94a3b8" font-size="10">Trust/Honor</text> <text x="10" y="145" fill="#94a3b8" font-family="sans-serif" font-size="11">Informal value transfer without</text> <text x="10" y="160" fill="#94a3b8" font-family="sans-serif" font-size="11">physical movement of gold.</text> <rect x="10" y="175" width="210" height="40" rx="4" fill="#00000030"/> <text x="20" y="192" fill="#38bdf8" font-family="monospace" font-size="10">if reputation > 0.8:</text> <text x="30" y="205" fill="#38bdf8" font-family="monospace" font-size="10">transfer_credit()</text> </g> <!-- Decorative Grid Lines --> <line x1="0" y1="100" x2="900" y2="100" stroke="#ffffff10" stroke-width="1"/> <line x1="300" y1="110" x2="300" y2="530" stroke="#ffffff10" stroke-width="1"/> <line x1="600" y1="110" x2="600" y2="530" stroke="#ffffff10" stroke-width="1"/> </svg>Cross-Cultural Interactions and Religious Expansion image 1Cross-Cultural Interactions and Religious Expansion - World History Volume 1 - image 1https://www.getlykke.com/explore/public/world-history-volume-1-c7be9c73-47b4-435a-bfa2-8946f05fb89e/media/cross-cultural-networks/svg/1Cross-Cultural Interactions and Religious Expansion diagram 1Cross-Cultural Interactions and Religious Expansion - World History Volume 1 - diagram 1https://www.getlykke.com/explore/public/world-history-volume-1-c7be9c73-47b4-435a-bfa2-8946f05fb89e/media/cross-cultural-networks/svg/2Cross-Cultural Interactions and Religious Expansion diagram 2Cross-Cultural Interactions and Religious Expansion - World History Volume 1 - diagram 2https://www.getlykke.com/explore/public/world-history-volume-1-c7be9c73-47b4-435a-bfa2-8946f05fb89e/media/cross-cultural-networks/svg/3Cross-Cultural Interactions and Religious Expansion diagram 3Cross-Cultural Interactions and Religious Expansion - World History Volume 1 - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">THE POST-CLASSICAL WORLD</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-weight="400" font-size="14" letter-spacing="4">ERA OF TRANSITION • 600 CE — 1450 CE</text> <line x1="350" y1="100" x2="550" y2="100" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Left Card: Mongol Empire --> <rect x="40" y="130" width="260" height="340" rx="16" fill="#ffffff10" stroke="#f59e0b44" stroke-width="1"/> <circle cx="170" cy="175" r="30" fill="#f59e0b22"/> <!-- Icon: Bow & Arrow --> <path d="M 155 185 Q 170 155 185 185 M 170 155 L 170 195" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="170" y="230" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="18">MONGOL HEGEMONY</text> <text x="60" y="260" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="13">Pax Mongolica</text> <text x="60" y="278" fill="#94a3b8" font-family="sans-serif" font-size="12">Unified Eurasian trade zone and</text> <text x="60" y="292" fill="#94a3b8" font-family="sans-serif" font-size="12">technological exchange.</text> <text x="60" y="320" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="13">The Yam System</text> <text x="60" y="338" fill="#94a3b8" font-family="sans-serif" font-size="12">Low-latency relay network</text> <text x="60" y="352" fill="#94a3b8" font-family="sans-serif" font-size="12">covering 4,500+ miles.</text> <rect x="60" y="375" width="220" height="70" rx="8" fill="#f59e0b10"/> <text x="70" y="395" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="11">MILITARY INNOVATION</text> <text x="70" y="412" fill="#f8fafc" font-family="sans-serif" font-size="11">Decimal Organization (Arban)</text> <text x="70" y="428" fill="#f8fafc" font-family="sans-serif" font-size="11">Strategic Mobility (5 horses/rider)</text> <!-- Center Card: Medieval Europe --> <rect x="320" y="130" width="260" height="340" rx="16" fill="#ffffff10" stroke="#38bdf844" stroke-width="1"/> <circle cx="450" cy="175" r="30" fill="#38bdf822"/> <!-- Icon: Shield --> <path d="M 435 165 L 465 165 L 465 185 Q 450 200 435 185 Z" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="450" y="230" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="18">FEUDAL EUROPE</text> <text x="340" y="260" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="13">Manorialism</text> <text x="340" y="278" fill="#94a3b8" font-family="sans-serif" font-size="12">Self-sufficient economic units</text> <text x="340" y="292" fill="#94a3b8" font-family="sans-serif" font-size="12">based on serf labor.</text> <text x="340" y="320" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="13">The Black Death</text> <text x="340" y="338" fill="#94a3b8" font-family="sans-serif" font-size="12">1347: Demographic shock leading</text> <text x="340" y="352" fill="#94a3b8" font-family="sans-serif" font-size="12">to labor restructuring.</text> <rect x="340" y="375" width="220" height="70" rx="8" fill="#38bdf810"/> <text x="350" y="395" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="11">SOCIAL HIERARCHY</text> <text x="350" y="412" fill="#f8fafc" font-family="sans-serif" font-size="11">Monarch &gt; Lords &gt; Knights</text> <text x="350" y="428" fill="#f8fafc" font-family="sans-serif" font-size="11">Serfs (Bound to the land)</text> <!-- Right Card: The Americas --> <rect x="600" y="130" width="260" height="340" rx="16" fill="#ffffff10" stroke="#e879f944" stroke-width="1"/> <circle cx="730" cy="175" r="30" fill="#e879f922"/> <!-- Icon: Pyramid --> <path d="M 710 195 L 730 160 L 750 195 M 718 182 L 742 182 M 724 172 L 736 172" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="730" y="230" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="18">THE AMERICAS</text> <text x="620" y="260" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="13">Isolated Sophistication</text> <text x="620" y="278" fill="#94a3b8" font-family="sans-serif" font-size="12">Maya, Aztec, and Inca empires</text> <text x="620" y="292" fill="#94a3b8" font-family="sans-serif" font-size="12">without Afro-Eurasian contact.</text> <text x="620" y="320" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="13">Urban Engineering</text> <text x="620" y="338" fill="#94a3b8" font-family="sans-serif" font-size="12">Tenochtitlan and Cusco: High</text> <text x="620" y="352" fill="#94a3b8" font-family="sans-serif" font-size="12">density agricultural systems.</text> <rect x="620" y="375" width="220" height="70" rx="8" fill="#e879f910"/> <text x="630" y="395" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="11">KEY CULTURES</text> <text x="630" y="412" fill="#f8fafc" font-family="sans-serif" font-size="11">Maya (Mathematics/Astronomy)</text> <text x="630" y="428" fill="#f8fafc" font-family="sans-serif" font-size="11">Inca (Quipu/Road Networks)</text> <!-- Bottom Timeline --> <line x1="50" y1="520" x2="850" y2="520" stroke="#94a3b8" stroke-width="1"/> <circle cx="50" cy="520" r="4" fill="#38bdf8"/> <text x="50" y="540" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">600 CE</text> <circle cx="316" cy="520" r="4" fill="#f59e0b"/> <text x="316" y="540" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">1206: Mongol Rise</text> <circle cx="583" cy="520" r="4" fill="#38bdf8"/> <text x="583" y="540" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">1347: Black Death</text> <circle cx="850" cy="520" r="4" fill="#e879f9"/> <text x="850" y="540" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">1450 CE</text> <!-- Decorative Accents --> <path d="M 860 40 L 880 40 L 880 60" fill="none" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <path d="M 40 40 L 20 40 L 20 60" fill="none" stroke="#f59e0b" stroke-width="2" opacity="0.5"/> </svg>The Post-Classical World and the Americas image 1The Post-Classical World and the Americas - World History Volume 1 - image 1https://www.getlykke.com/explore/public/world-history-volume-1-c7be9c73-47b4-435a-bfa2-8946f05fb89e/media/post-classical-americas/svg/1The Post-Classical World and the Americas diagram 1The Post-Classical World and the Americas - World History Volume 1 - diagram 1https://www.getlykke.com/explore/public/world-history-volume-1-c7be9c73-47b4-435a-bfa2-8946f05fb89e/media/post-classical-americas/svg/2The Post-Classical World and the Americas diagram 2The Post-Classical World and the Americas - World History Volume 1 - diagram 2https://www.getlykke.com/explore/public/introduction-to-openstax-us-history-and-5044cf47-1710-4ee9-aba4-a04a9944b9762026-04-20T04:45:33.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="-0.5">THE OER ECOSYSTEM</text> <text x="40" y="88" font-family="sans-serif" font-size="16" font-weight="500" fill="#38bdf8">Structural Transformation in Higher Education</text> <rect x="40" y="105" width="120" height="4" rx="2" fill="#f59e0b"/> <!-- Left Panel: The 5Rs Framework --> <rect x="40" y="130" width="400" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="160" font-family="sans-serif" font-size="18" font-weight="700" fill="#f8fafc">The 5Rs Framework</text> <text x="60" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">Legal permissions defining "Open"</text> <!-- 5Rs List --> <g transform="translate(60, 205)"> <circle cx="12" cy="0" r="10" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="12" y="4" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b" text-anchor="middle">1</text> <text x="32" y="0" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">RETAIN</text> <text x="32" y="16" font-family="sans-serif" font-size="11" fill="#94a3b8">Control and own copies forever</text> <g transform="translate(0, 35)"> <circle cx="12" cy="0" r="10" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="12" y="4" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b" text-anchor="middle">2</text> <text x="32" y="0" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">REUSE</text> <text x="32" y="16" font-family="sans-serif" font-size="11" fill="#94a3b8">Use in class, online, or handouts</text> </g> <g transform="translate(0, 70)"> <circle cx="12" cy="0" r="10" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="12" y="4" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b" text-anchor="middle">3</text> <text x="32" y="0" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">REVISE</text> <text x="32" y="16" font-family="sans-serif" font-size="11" fill="#94a3b8">Adapt, translate, or modify content</text> </g> <g transform="translate(0, 105)"> <circle cx="12" cy="0" r="10" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="12" y="4" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b" text-anchor="middle">4</text> <text x="32" y="0" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">REMIX</text> <text x="32" y="16" font-family="sans-serif" font-size="11" fill="#94a3b8">Combine with other OER materials</text> </g> <g transform="translate(0, 140)"> <circle cx="12" cy="0" r="10" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="12" y="4" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b" text-anchor="middle">5</text> <text x="32" y="0" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc">REDISTRIBUTE</text> <text x="32" y="16" font-family="sans-serif" font-size="11" fill="#94a3b8">Share copies with the world</text> </g> </g> <!-- Right Panel: OpenStax Pipeline --> <rect x="460" y="130" width="400" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="480" y="160" font-family="sans-serif" font-size="18" font-weight="700" fill="#f8fafc">The OpenStax Pipeline</text> <text x="480" y="180" font-family="sans-serif" font-size="12" fill="#38bdf8">Institutionalizing Quality &amp; Scale</text> <!-- Pipeline Steps --> <g transform="translate(480, 210)"> <rect width="360" height="36" rx="8" fill="#38bdf815" stroke="#38bdf830"/> <text x="15" y="22" font-family="sans-serif" font-size="13" font-weight="600" fill="#38bdf8">1. PHILANTHROPIC FUNDING</text> <text x="345" y="22" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="end">Gates/Hewlett Foundations</text> <path d="M 180 36 L 180 48" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <g transform="translate(0, 48)"> <rect width="360" height="36" rx="8" fill="#38bdf815" stroke="#38bdf830"/> <text x="15" y="22" font-family="sans-serif" font-size="13" font-weight="600" fill="#38bdf8">2. EXPERT AUTHORSHIP</text> <text x="345" y="22" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="end">Subject Matter Experts (SMEs)</text> </g> <path d="M 180 84 L 180 96" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <g transform="translate(0, 96)"> <rect width="360" height="36" rx="8" fill="#38bdf815" stroke="#38bdf830"/> <text x="15" y="22" font-family="sans-serif" font-size="13" font-weight="600" fill="#38bdf8">3. PEER REVIEW</text> <text x="345" y="22" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="end">Double-blind Academic Rigor</text> </g> <path d="M 180 132 L 180 144" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <g transform="translate(0, 144)"> <rect width="360" height="36" rx="8" fill="#e879f920" stroke="#e879f9"/> <text x="15" y="22" font-family="sans-serif" font-size="13" font-weight="700" fill="#e879f9">4. CC BY DISTRIBUTION</text> <text x="345" y="22" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="end">Free &amp; Open to All</text> </g> </g> <!-- Bottom Panel: Economic Impact --> <rect x="40" y="410" width="820" height="110" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <g transform="translate(70, 445)"> <text x="0" y="0" font-family="sans-serif" font-size="12" font-weight="600" fill="#94a3b8">TRADITIONAL MARKET</text> <text x="0" y="30" font-family="sans-serif" font-size="28" font-weight="800" fill="#f43f5e">+800%</text> <text x="0" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Price increase since 1978</text> </g> <line x1="280" y1="435" x2="280" y2="495" stroke="#ffffff15" stroke-width="1"/> <g transform="translate(320, 445)"> <text x="0" y="0" font-family="sans-serif" font-size="12" font-weight="600" fill="#94a3b8">OPENSTAX IMPACT</text> <text x="0" y="30" font-family="sans-serif" font-size="28" font-weight="800" fill="#10b981">$0.00</text> <text x="0" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Cost to students globally</text> </g> <line x1="530" y1="435" x2="530" y2="495" stroke="#ffffff15" stroke-width="1"/> <g transform="translate(570, 445)"> <text x="0" y="0" font-family="sans-serif" font-size="12" font-weight="600" fill="#94a3b8">ADOPTION SCALE</text> <text x="0" y="30" font-family="sans-serif" font-size="28" font-weight="800" fill="#38bdf8">14M+</text> <text x="0" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Students served annually</text> </g> <!-- Decorative CC Logo --> <g transform="translate(800, 40)" opacity="0.4"> <circle cx="20" cy="20" r="18" fill="none" stroke="#f8fafc" stroke-width="2"/> <text x="20" y="26" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f8fafc" text-anchor="middle">cc</text> </g> </svg>Introduction to OER and OpenStax image 1Introduction to OER and OpenStax - Introduction to OpenStax U.S. History and Historiography - image 1https://www.getlykke.com/explore/public/introduction-to-openstax-us-history-and-5044cf47-1710-4ee9-aba4-a04a9944b976/media/intro-to-oer-and-openstax/svg/1Introduction to OER and OpenStax diagram 1Introduction to OER and OpenStax - Introduction to OpenStax U.S. History and Historiography - diagram 1https://www.getlykke.com/explore/public/introduction-to-openstax-us-history-and-5044cf47-1710-4ee9-aba4-a04a9944b976/media/intro-to-oer-and-openstax/svg/2Introduction to OER and OpenStax diagram 2Introduction to OER and OpenStax - Introduction to OpenStax U.S. History and Historiography - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGold" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#d97706"/> </linearGradient> <linearGradient id="accentBlue" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#0284c7"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="32" letter-spacing="1">HISTORICAL METHODOLOGIES</text> <text x="450" y="80" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="16" font-style="italic">The Meta-Analysis of the Past: Top-Down vs. Bottom-Up Perspectives</text> <line x1="350" y1="95" x2="550" y2="95" stroke="#e879f9" stroke-width="2" stroke-linecap="round"/> <!-- Top-Down Panel (Left) --> <rect x="40" y="120" width="400" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <rect x="40" y="120" width="400" height="60" rx="16" fill="url(#accentGold)" fill-opacity="0.15"/> <text x="65" y="158" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="22">Top-Down Perspective</text> <!-- Top-Down Icon (Crown/Pillar) --> <g transform="translate(360, 135)"> <path d="M 5 25 L 15 5 L 25 25 L 35 5 L 45 25 L 45 35 L 5 35 Z" fill="#f59e0b" fill-opacity="0.8"/> <rect x="5" y="38" width="40" height="4" rx="2" fill="#f59e0b"/> </g> <text x="65" y="210" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">Primary Actor: The Elite</text> <text x="65" y="230" fill="#94a3b8" font-family="sans-serif" font-size="12">Monarchs, Generals, Presidents, and Intellectuals.</text> <text x="65" y="270" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">The "Great Man" Theory</text> <text x="65" y="290" fill="#94a3b8" font-family="sans-serif" font-size="12">History is driven by the decisions of those at the apex</text> <text x="65" y="305" fill="#94a3b8" font-family="sans-serif" font-size="12">of social and political hierarchies.</text> <text x="65" y="345" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">Data Sources (Formal Archives)</text> <g transform="translate(65, 360)"> <circle cx="5" cy="5" r="3" fill="#f59e0b"/> <text x="15" y="9" fill="#94a3b8" font-family="sans-serif" font-size="12">Diplomatic Correspondence &amp; Treaties</text> <circle cx="5" cy="25" r="3" fill="#f59e0b"/> <text x="15" y="29" fill="#94a3b8" font-family="sans-serif" font-size="12">Legislative Records &amp; State Decrees</text> <circle cx="5" cy="45" r="3" fill="#f59e0b"/> <text x="15" y="49" fill="#94a3b8" font-family="sans-serif" font-size="12">Macro-Economic National Data</text> </g> <rect x="65" y="430" width="350" height="35" rx="8" fill="#00000030"/> <text x="75" y="452" fill="#f59e0b" font-family="serif" font-style="italic" font-size="14">dH/dt ≈ Σ wᵢ Aₑ,ᵢ</text> <text x="200" y="452" fill="#94a3b8" font-family="sans-serif" font-size="11">Change = Sum of Elite Agency</text> <!-- Bottom-Up Panel (Right) --> <rect x="460" y="120" width="400" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <rect x="460" y="120" width="400" height="60" rx="16" fill="url(#accentBlue)" fill-opacity="0.15"/> <text x="485" y="158" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="22">Bottom-Up Perspective</text> <!-- Bottom-Up Icon (Crowd/Tools) --> <g transform="translate(780, 135)"> <circle cx="15" cy="15" r="6" fill="#38bdf8" fill-opacity="0.8"/> <circle cx="35" cy="15" r="6" fill="#38bdf8" fill-opacity="0.8"/> <circle cx="25" cy="30" r="6" fill="#38bdf8" fill-opacity="0.8"/> <path d="M 5 40 Q 25 25 45 40" fill="none" stroke="#38bdf8" stroke-width="3"/> </g> <text x="485" y="210" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">Primary Actor: The Masses</text> <text x="485" y="230" fill="#94a3b8" font-family="sans-serif" font-size="12">Workers, Enslaved People, Women, and Minorities.</text> <text x="485" y="270" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">"History from Below"</text> <text x="485" y="290" fill="#94a3b8" font-family="sans-serif" font-size="12">Macro-level changes are emergent properties of</text> <text x="485" y="305" fill="#94a3b8" font-family="sans-serif" font-size="12">aggregate micro-level social pressures.</text> <text x="485" y="345" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="14">Data Sources (Non-Traditional)</text> <g transform="translate(485, 360)"> <circle cx="5" cy="5" r="3" fill="#38bdf8"/> <text x="15" y="9" fill="#94a3b8" font-family="sans-serif" font-size="12">Oral Histories &amp; Folk Songs</text> <circle cx="5" cy="25" r="3" fill="#38bdf8"/> <text x="15" y="29" fill="#94a3b8" font-family="sans-serif" font-size="12">Parish Registers &amp; Census Rolls</text> <circle cx="5" cy="45" r="3" fill="#38bdf8"/> <text x="15" y="49" fill="#94a3b8" font-family="sans-serif" font-size="12">Material Culture &amp; Personal Diaries</text> </g> <rect x="485" y="430" width="350" height="35" rx="8" fill="#00000030"/> <text x="495" y="452" fill="#38bdf8" font-family="serif" font-style="italic" font-size="14">H(t) = ∫ f(aⱼ) dP</text> <text x="630" y="452" fill="#94a3b8" font-family="sans-serif" font-size="11">History = Integral of Individual Actions</text> <!-- Historiography Footer --> <rect x="40" y="500" width="820" height="40" rx="12" fill="#e879f910" stroke="#e879f930"/> <text x="450" y="525" text-anchor="middle" font-family="sans-serif" font-size="13"> <tspan fill="#e879f9" font-weight="bold">HISTORIOGRAPHY:</tspan> <tspan fill="#f8fafc"> The study of how history is written. It treats narratives as "constructed models" subject to revision.</tspan> </text> <!-- Central Lens Metaphor --> <circle cx="450" cy="300" r="40" fill="#0f172a" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <path d="M 435 290 Q 450 275 465 290 Q 450 305 435 290" fill="none" stroke="#f8fafc" stroke-width="1.5"/> <circle cx="450" cy="290" r="3" fill="#f8fafc"/> <text x="450" y="330" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="10" font-weight="bold">THE LENS</text> </svg>Historical Methodologies: Top-Down vs. Bottom-Up image 1Historical Methodologies: Top-Down vs. Bottom-Up - Introduction to OpenStax U.S. History and Historiography - image 1https://www.getlykke.com/explore/public/introduction-to-openstax-us-history-and-5044cf47-1710-4ee9-aba4-a04a9944b976/media/historical-methodologies/svg/1Historical Methodologies: Top-Down vs. Bottom-Up diagram 1Historical Methodologies: Top-Down vs. Bottom-Up - Introduction to OpenStax U.S. History and Historiography - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="55" text-anchor="middle" font-family="system-ui, sans-serif" font-size="32" font-weight="bold" fill="#f8fafc" letter-spacing="1">SOCIAL HISTORY</text> <text x="450" y="82" text-anchor="middle" font-family="system-ui, sans-serif" font-size="16" font-weight="500" fill="#38bdf8" letter-spacing="4">RACE • CLASS • GENDER</text> <line x1="350" y1="95" x2="550" y2="95" stroke="#334155" stroke-width="1"/> <!-- Left Column: The Shift --> <rect x="30" y="120" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="160" y="150" text-anchor="middle" font-family="system-ui, sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">THE HISTORICAL SHIFT</text> <!-- Top-Down Section --> <g transform="translate(50, 175)"> <circle cx="25" cy="25" r="20" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M18 32 L25 18 L32 32 M20 28 L30 28" stroke="#f59e0b" fill="none" stroke-width="2"/> <text x="55" y="20" font-family="system-ui, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Top-Down</text> <text x="55" y="36" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Great Men &amp; State Power</text> </g> <path d="M160 250 L160 280" stroke="#334155" stroke-width="2" stroke-dasharray="4 4"/> <path d="M155 275 L160 285 L165 275" fill="none" stroke="#334155" stroke-width="2"/> <!-- Bottom-Up Section --> <g transform="translate(50, 300)"> <circle cx="25" cy="25" r="20" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <circle cx="20" cy="22" r="3" fill="#38bdf8"/> <circle cx="30" cy="22" r="3" fill="#38bdf8"/> <circle cx="25" cy="30" r="3" fill="#38bdf8"/> <text x="55" y="20" font-family="system-ui, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Bottom-Up</text> <text x="55" y="36" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">The "Silent Majority"</text> </g> <text x="50" y="380" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8"> <tspan x="50" dy="1.4em">Focuses on lived experiences,</tspan> <tspan x="50" dy="1.4em">diaries, census data, and</tspan> <tspan x="50" dy="1.4em">the agency of the marginalized.</tspan> </text> <!-- Middle Column: The Triad --> <rect x="320" y="120" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="450" y="150" text-anchor="middle" font-family="system-ui, sans-serif" font-size="18" font-weight="bold" fill="#e879f9">THE ANALYTICAL TRIAD</text> <!-- Race --> <g transform="translate(340, 180)"> <rect width="220" height="65" rx="8" fill="#ffffff05"/> <circle cx="30" cy="32" r="15" fill="#f59e0b20"/> <path d="M25 25 Q30 32 35 25 Q30 40 25 32" stroke="#f59e0b" fill="none" stroke-width="1.5"/> <text x="60" y="28" font-family="system-ui, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">RACE</text> <text x="60" y="45" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Social constructs &amp; systemic power</text> </g> <!-- Class --> <g transform="translate(340, 260)"> <rect width="220" height="65" rx="8" fill="#ffffff05"/> <circle cx="30" cy="32" r="15" fill="#38bdf820"/> <path d="M22 40 L22 30 L38 30 L38 40 M30 30 L30 22" stroke="#38bdf8" fill="none" stroke-width="1.5"/> <text x="60" y="28" font-family="system-ui, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">CLASS</text> <text x="60" y="45" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Economic status &amp; labor relations</text> </g> <!-- Gender --> <g transform="translate(340, 340)"> <rect width="220" height="65" rx="8" fill="#ffffff05"/> <circle cx="30" cy="32" r="15" fill="#e879f920"/> <circle cx="30" cy="30" r="6" stroke="#e879f9" fill="none" stroke-width="1.5"/> <path d="M30 36 L30 42 M27 39 L33 39" stroke="#e879f9" fill="none" stroke-width="1.5"/> <text x="60" y="28" font-family="system-ui, sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">GENDER</text> <text x="60" y="45" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Social roles &amp; domestic spheres</text> </g> <text x="450" y="460" text-anchor="middle" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8" font-style="italic"> "Not merely identities, but variables </text> <text x="450" y="478" text-anchor="middle" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8" font-style="italic"> of agency and oppression." </text> <!-- Right Column: Intersectionality --> <rect x="610" y="120" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="740" y="150" text-anchor="middle" font-family="system-ui, sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">INTERSECTIONALITY</text> <!-- Intersection Graphic --> <g transform="translate(740, 260)"> <circle cx="0" cy="-20" r="45" fill="#f59e0b15" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2 2"/> <circle cx="-20" cy="15" r="45" fill="#38bdf815" stroke="#38bdf8" stroke-width="1" stroke-dasharray="2 2"/> <circle cx="20" cy="15" r="45" fill="#e879f915" stroke="#e879f9" stroke-width="1" stroke-dasharray="2 2"/> <circle cx="0" cy="3" r="12" fill="#f8fafc" filter="url(#glow)"/> <text x="0" y="7" text-anchor="middle" font-family="system-ui, sans-serif" font-size="10" font-weight="bold" fill="#1e1b4b">×</text> </g> <g transform="translate(630, 380)"> <text x="0" y="0" font-family="system-ui, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">The Multiplicative Model</text> <text x="0" y="25" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8"> <tspan x="0" dy="0">Identities do not exist in isolation.</tspan> <tspan x="0" dy="1.4em">They overlap to create unique</tspan> <tspan x="0" dy="1.4em">modes of discrimination and</tspan> <tspan x="0" dy="1.4em">privilege (Race × Class × Gender).</tspan> </text> </g> <!-- Footer Decor --> <rect x="30" y="545" width="840" height="2" fill="#334155"/> <circle cx="450" cy="546" r="4" fill="#38bdf8"/> </svg>Social History: Race, Class, and Gender image 1Social History: Race, Class, and Gender - Introduction to OpenStax U.S. History and Historiography - image 1https://www.getlykke.com/explore/public/introduction-to-openstax-us-history-and-5044cf47-1710-4ee9-aba4-a04a9944b976/media/social-history-and-diversity/svg/1Social History: Race, Class, and Gender diagram 1Social History: Race, Class, and Gender - Introduction to OpenStax U.S. History and Historiography - diagram 1https://www.getlykke.com/explore/public/introduction-to-openstax-us-history-and-5044cf47-1710-4ee9-aba4-a04a9944b976/media/social-history-and-diversity/svg/2Social History: Race, Class, and Gender diagram 2Social History: Race, Class, and Gender - Introduction to OpenStax U.S. History and Historiography - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-grad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">DIGITAL INTEGRATION &amp; LMS TOOLS</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" letter-spacing="2">TRANSFORMING STATIC OER INTO ACTIVE LEARNING ECOSYSTEMS</text> <rect x="350" y="85" width="200" height="2" fill="url(#accent-grad)"/> <!-- Left Column: The Fragmentation Problem --> <rect x="40" y="110" width="250" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="145" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="18">THE FRAGMENTATION</text> <text x="60" y="165" fill="#94a3b8" font-family="sans-serif" font-size="12">The "Data Silo" Era</text> <!-- Disconnected Nodes Icon --> <circle cx="100" cy="220" r="15" fill="none" stroke="#ef4444" stroke-width="2"/> <rect x="150" y="205" width="30" height="30" rx="4" fill="none" stroke="#ef4444" stroke-width="2"/> <path d="M100 270 L130 300 M170 270 L140 300" stroke="#ef4444" stroke-width="2" stroke-dasharray="4 2"/> <text x="60" y="340" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Manual Workflows</text> <text x="60" y="360" fill="#94a3b8" font-family="sans-serif" font-size="11">Instructors manually export grades</text> <text x="60" y="375" fill="#94a3b8" font-family="sans-serif" font-size="11">from external quiz platforms.</text> <text x="60" y="415" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Disconnected Content</text> <text x="60" y="435" fill="#94a3b8" font-family="sans-serif" font-size="11">Students juggle multiple logins,</text> <text x="60" y="450" fill="#94a3b8" font-family="sans-serif" font-size="11">PDFs, and external websites.</text> <!-- Center Column: The LTI 1.3 Handshake --> <rect x="310" y="110" width="280" height="410" rx="16" fill="#ffffff12" stroke="#38bdf8" stroke-width="1"/> <text x="330" y="145" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">LTI 1.3 HANDSHAKE</text> <text x="330" y="165" fill="#94a3b8" font-family="sans-serif" font-size="12">Secure Interoperability Layer</text> <!-- Handshake Diagram --> <g transform="translate(330, 200)"> <!-- Step 1 --> <circle cx="20" cy="20" r="12" fill="#38bdf8"/> <text x="17" y="25" fill="#0f172a" font-family="sans-serif" font-weight="bold" font-size="12">1</text> <text x="45" y="18" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="600">OIDC Initiation</text> <text x="45" y="32" fill="#94a3b8" font-family="sans-serif" font-size="10">LMS requests login endpoint</text> <!-- Connector --> <line x1="20" y1="35" x2="20" y2="65" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2 2"/> <!-- Step 2 --> <circle cx="20" cy="80" r="12" fill="#38bdf8"/> <text x="17" y="85" fill="#0f172a" font-family="sans-serif" font-weight="bold" font-size="12">2</text> <text x="45" y="78" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="600">JWT Auth Response</text> <text x="45" y="92" fill="#94a3b8" font-family="sans-serif" font-size="10">Signed token with identity/role</text> <!-- Connector --> <line x1="20" y1="95" x2="20" y2="125" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2 2"/> <!-- Step 3 --> <circle cx="20" cy="140" r="12" fill="#38bdf8"/> <text x="17" y="145" fill="#0f172a" font-family="sans-serif" font-weight="bold" font-size="12">3</text> <text x="45" y="138" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="600">Resource Launch</text> <text x="45" y="152" fill="#94a3b8" font-family="sans-serif" font-size="10">OpenStax validates &amp; renders</text> </g> <!-- Security Badge --> <rect x="330" y="390" width="240" height="100" rx="8" fill="#00000030"/> <path d="M350 415 L350 435 L365 445 L380 435 L380 415 Z" fill="#f59e0b" opacity="0.8"/> <text x="395" y="420" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="700">Security-First Protocol</text> <text x="395" y="438" fill="#94a3b8" font-family="sans-serif" font-size="10">• OAuth2 / OpenID Connect</text> <text x="395" y="453" fill="#94a3b8" font-family="sans-serif" font-size="10">• Asymmetric PKI Keys</text> <text x="395" y="468" fill="#94a3b8" font-family="sans-serif" font-size="10">• Nonce Replay Protection</text> <!-- Right Column: OpenStax Assignable --> <rect x="610" y="110" width="250" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="630" y="145" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">ASSIGNABLE</text> <text x="630" y="165" fill="#94a3b8" font-family="sans-serif" font-size="12">The Integrated Experience</text> <!-- Features List --> <g transform="translate(630, 200)"> <rect width="210" height="45" rx="6" fill="#ffffff10"/> <circle cx="15" cy="22" r="4" fill="#e879f9"/> <text x="35" y="20" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="600">Single Sign-On</text> <text x="35" y="34" fill="#94a3b8" font-family="sans-serif" font-size="10">No secondary accounts needed.</text> <rect y="60" width="210" height="45" rx="6" fill="#ffffff10"/> <circle cx="15" cy="82" r="4" fill="#e879f9"/> <text x="35" y="80" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="600">Grade Passback</text> <text x="35" y="94" fill="#94a3b8" font-family="sans-serif" font-size="10">Scores sync to LMS gradebook.</text> <rect y="120" width="210" height="45" rx="6" fill="#ffffff10"/> <circle cx="15" cy="142" r="4" fill="#e879f9"/> <text x="35" y="140" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="600">Deep Linking</text> <text x="35" y="154" fill="#94a3b8" font-family="sans-serif" font-size="10">Link to specific book sections.</text> </g> <!-- Bottom Comparison Bar --> <rect x="630" y="390" width="210" height="100" rx="8" fill="#e879f915" stroke="#e879f940"/> <text x="645" y="415" fill="#e879f9" font-family="sans-serif" font-size="11" font-weight="800">LTI 1.1 vs 1.3</text> <line x1="645" y1="425" x2="825" y2="425" stroke="#e879f940" stroke-width="1"/> <text x="645" y="445" fill="#94a3b8" font-family="sans-serif" font-size="10">1.1: Shared Secrets (Legacy)</text> <text x="645" y="465" fill="#f8fafc" font-family="sans-serif" font-size="10" font-weight="600">1.3: JWT &amp; OIDC (Modern)</text> <text x="645" y="480" fill="#94a3b8" font-family="sans-serif" font-size="10">Scalable, Cloud-Native, Secure.</text> <!-- Decorative Arrows --> <path d="M290 315 L310 315" stroke="url(#accent-grad)" stroke-width="3" marker-end="url(#arrowhead)"/> <path d="M590 315 L610 315" stroke="url(#accent-grad)" stroke-width="3"/> <!-- Footer --> <text x="450" y="545" text-anchor="middle" fill="#475569" font-family="sans-serif" font-size="10" font-style="italic">OpenStax Technical Architecture Series • Digital Integration Standards</text> </svg>Digital Integration and LMS Tools image 1Digital Integration and LMS Tools - Introduction to OpenStax U.S. History and Historiography - image 1https://www.getlykke.com/explore/public/introduction-to-openstax-us-history-and-5044cf47-1710-4ee9-aba4-a04a9944b976/media/digital-integration-and-lms/svg/1Digital Integration and LMS Tools diagram 1Digital Integration and LMS Tools - Introduction to OpenStax U.S. History and Historiography - diagram 1https://www.getlykke.com/explore/public/introduction-to-openstax-us-history-and-5044cf47-1710-4ee9-aba4-a04a9944b976/media/digital-integration-and-lms/svg/2Digital Integration and LMS Tools diagram 2Digital Integration and LMS Tools - Introduction to OpenStax U.S. History and Historiography - diagram 2https://www.getlykke.com/explore/public/american-government-3e-5217bcd2-6699-49fb-9d63-95ce39ca4bab2026-04-20T04:45:30.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dot-pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)"/> <rect width="900" height="560" fill="url(#dot-pattern)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">FOUNDATIONS OF AMERICAN GOVERNMENT</text> <text x="450" y="75" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#38bdf8" font-weight="600" letter-spacing="2">THE ARCHITECTURE OF A SOCIAL OPERATING SYSTEM</text> <line x1="300" y1="88" x2="600" y2="88" stroke="#334155" stroke-width="1"/> <!-- Column 1: The Social Contract --> <rect x="30" y="110" width="265" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="50" y="145" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE SOCIAL CONTRACT</text> <text x="50" y="165" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">The Logic of Legitimacy</text> <!-- Hobbes --> <circle cx="60" cy="205" r="15" fill="#ef444420" stroke="#ef4444" stroke-width="1"/> <path d="M55 205 L65 205 M60 200 L60 210" stroke="#ef4444" stroke-width="1.5"/> <text x="85" y="202" font-family="Arial, sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Thomas Hobbes</text> <text x="85" y="216" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Security over Liberty (Absolutism)</text> <!-- Locke --> <circle cx="60" cy="265" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <rect x="55" y="260" width="10" height="10" stroke="#38bdf8" fill="none"/> <text x="85" y="262" font-family="Arial, sans-serif" font-weight="700" font-size="14" fill="#f8fafc">John Locke</text> <text x="85" y="276" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Natural Rights: Life, Liberty, Property</text> <!-- Rousseau --> <circle cx="60" cy="325" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <circle cx="60" cy="325" r="6" stroke="#e879f9" fill="none"/> <text x="85" y="322" font-family="Arial, sans-serif" font-weight="700" font-size="14" fill="#f8fafc">J.J. Rousseau</text> <text x="85" y="336" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Popular Sovereignty &amp; General Will</text> <rect x="50" y="370" width="225" height="130" rx="8" fill="#00000030" stroke="#ffffff10"/> <text x="60" y="390" font-family="Courier New, monospace" font-size="11" fill="#4ade80">bool check_legitimacy() {</text> <text x="70" y="410" font-family="Courier New, monospace" font-size="11" fill="#94a3b8"> if (consent &amp;&amp; rights) </text> <text x="70" y="430" font-family="Courier New, monospace" font-size="11" fill="#4ade80"> return true;</text> <text x="70" y="450" font-family="Courier New, monospace" font-size="11" fill="#fb7185"> else revolt();</text> <text x="60" y="470" font-family="Courier New, monospace" font-size="11" fill="#4ade80">}</text> <!-- Column 2: Institutional Design --> <rect x="315" y="110" width="270" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="335" y="145" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">SYSTEM UPGRADE</text> <text x="335" y="165" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Articles (v1.0) to Constitution (v2.0)</text> <!-- Comparison Table --> <rect x="330" y="190" width="240" height="30" rx="4" fill="#ffffff05"/> <text x="340" y="210" font-family="Arial, sans-serif" font-weight="700" font-size="11" fill="#94a3b8">FEATURE</text> <text x="435" y="210" font-family="Arial, sans-serif" font-weight="700" font-size="11" fill="#fb7185">v1.0</text> <text x="510" y="210" font-family="Arial, sans-serif" font-weight="700" font-size="11" fill="#4ade80">v2.0</text> <text x="340" y="245" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">Sovereignty</text> <text x="435" y="245" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">States</text> <text x="510" y="245" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">People</text> <line x1="330" y1="255" x2="570" y2="255" stroke="#ffffff08"/> <text x="340" y="280" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">Executive</text> <text x="435" y="280" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">None</text> <text x="510" y="280" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Strong</text> <line x1="330" y1="290" x2="570" y2="290" stroke="#ffffff08"/> <text x="340" y="315" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">Taxation</text> <text x="435" y="315" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Voluntary</text> <text x="510" y="315" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Federal</text> <line x1="330" y1="325" x2="570" y2="325" stroke="#ffffff08"/> <text x="340" y="350" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">Amendment</text> <text x="435" y="350" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Unanimous</text> <text x="510" y="350" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">2/3 + 3/4</text> <!-- Visual Metaphor --> <circle cx="450" cy="440" r="40" fill="none" stroke="#334155" stroke-dasharray="4 4"/> <path d="M430 440 L470 440 M450 420 L450 460" stroke="#38bdf8" stroke-width="2"/> <text x="450" y="500" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">The Great Compromise</text> <text x="450" y="515" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Bicameral Balance of Power</text> <!-- Column 3: Core Mechanisms --> <rect x="605" y="110" width="265" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="625" y="145" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#e879f9">CORE MECHANISMS</text> <text x="625" y="165" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">Concurrency &amp; Distribution</text> <!-- Separation of Powers --> <g transform="translate(625, 190)"> <path d="M60 0 L120 100 L0 100 Z" fill="#ffffff05" stroke="#e879f9" stroke-width="1"/> <circle cx="60" cy="0" r="12" fill="#1e1b4b" stroke="#e879f9"/> <text x="60" y="4" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#f8fafc">EXEC</text> <circle cx="0" cy="100" r="12" fill="#1e1b4b" stroke="#e879f9"/> <text x="0" y="104" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#f8fafc">LEG</text> <circle cx="120" cy="100" r="12" fill="#1e1b4b" stroke="#e879f9"/> <text x="120" y="104" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#f8fafc">JUD</text> <text x="60" y="130" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Separation of Powers</text> <text x="60" y="145" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Checks &amp; Balances</text> </g> <!-- Federalism --> <g transform="translate(625, 370)"> <circle cx="60" cy="40" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="60" y="44" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="bold" fill="#f8fafc">FEDERAL</text> <circle cx="15" cy="10" r="8" fill="#ffffff10" stroke="#94a3b8"/> <circle cx="105" cy="10" r="8" fill="#ffffff10" stroke="#94a3b8"/> <circle cx="15" cy="70" r="8" fill="#ffffff10" stroke="#94a3b8"/> <circle cx="105" cy="70" r="8" fill="#ffffff10" stroke="#94a3b8"/> <line x1="60" y1="15" x2="60" y2="0" stroke="#334155"/> <path d="M40 20 L20 10 M80 20 L100 10 M40 60 L20 70 M80 60 L100 70" stroke="#334155" stroke-width="1"/> <text x="60" y="100" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Federalism</text> <text x="60" y="115" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Distributed Power Model</text> </g> <!-- Footer --> <text x="870" y="545" text-anchor="end" font-family="Arial, sans-serif" font-size="9" fill="#334155">SYSTEM_DOC_REV_2.0.4 // ARTICLE_I_II_III</text> </svg>Foundations of American Government image 1Foundations of American Government - American Government 3e - image 1https://www.getlykke.com/explore/public/american-government-3e-5217bcd2-6699-49fb-9d63-95ce39ca4bab/media/foundations-of-government/svg/1Foundations of American Government diagram 1Foundations of American Government - American Government 3e - diagram 1https://www.getlykke.com/explore/public/american-government-3e-5217bcd2-6699-49fb-9d63-95ce39ca4bab/media/foundations-of-government/svg/2Foundations of American Government diagram 2Foundations of American Government - American Government 3e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">CIVIL LIBERTIES &amp; CIVIL RIGHTS</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400">The Constitutional Architecture of American Democracy</text> <line x1="300" y1="90" x2="600" y2="90" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4" opacity="0.5"/> <!-- Left Card: Civil Liberties --> <rect x="40" y="110" width="400" height="240" rx="16" fill="#ffffff08" stroke="#38bdf833" stroke-width="1"/> <path d="M70 140 L70 165 L95 175 L120 165 L120 140 Z" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <text x="135" y="155" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="20">CIVIL LIBERTIES</text> <text x="135" y="172" fill="#94a3b8" font-family="sans-serif" font-size="12">"Negative Liberty" — Freedom FROM Government</text> <text x="70" y="210" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">The Constitutional Shield</text> <text x="70" y="230" fill="#cbd5e1" font-family="sans-serif" font-size="12" width="340"> <tspan x="70" dy="0">Protections codified in the Bill of Rights that prevent</tspan> <tspan x="70" dy="18">government overreach into individual autonomy.</tspan> </text> <rect x="70" y="265" width="340" height="60" rx="8" fill="#38bdf810"/> <text x="85" y="285" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="11">SELECTIVE INCORPORATION</text> <text x="85" y="302" fill="#cbd5e1" font-family="sans-serif" font-size="11"> <tspan x="85" dy="0">The 14th Amendment's Due Process Clause applies</tspan> <tspan x="85" dy="14">Bill of Rights protections to state governments.</tspan> </text> <!-- Right Card: Civil Rights --> <rect x="460" y="110" width="400" height="240" rx="16" fill="#ffffff08" stroke="#f59e0b33" stroke-width="1"/> <circle cx="495" cy="155" r="15" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <line x1="480" y1="155" x2="510" y2="155" stroke="#f59e0b" stroke-width="2"/> <text x="525" y="155" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="20">CIVIL RIGHTS</text> <text x="525" y="172" fill="#94a3b8" font-family="sans-serif" font-size="12">"Positive Liberty" — Guarantees OF Equality</text> <text x="490" y="210" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">The Mandate for Equality</text> <text x="490" y="230" fill="#cbd5e1" font-family="sans-serif" font-size="12"> <tspan x="490" dy="0">Legal actions and protections provided by the state</tspan> <tspan x="490" dy="18">to ensure individuals are treated without discrimination.</tspan> </text> <rect x="490" y="265" width="340" height="60" rx="8" fill="#f59e0b10"/> <text x="505" y="285" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="11">EQUAL PROTECTION CLAUSE</text> <text x="505" y="302" fill="#cbd5e1" font-family="sans-serif" font-size="11"> <tspan x="505" dy="0">Prohibits states from denying any person within their</tspan> <tspan x="505" dy="14">jurisdiction the equal protection of the laws.</tspan> </text> <!-- Bottom Section: Judicial Scrutiny --> <rect x="40" y="370" width="820" height="160" rx="16" fill="#ffffff05" stroke="#e879f933" stroke-width="1"/> <text x="60" y="400" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">THE JUDICIAL SCRUTINY FRAMEWORK</text> <text x="360" y="400" fill="#94a3b8" font-family="sans-serif" font-size="12">How the Supreme Court balances individual rights vs. state interests</text> <!-- Scrutiny Tiers --> <g transform="translate(60, 425)"> <!-- Strict --> <rect width="250" height="85" rx="8" fill="#ffffff08"/> <text x="15" y="25" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="13">STRICT SCRUTINY</text> <text x="15" y="45" fill="#94a3b8" font-family="sans-serif" font-size="11">Application: Race, Fundamental Rights</text> <text x="15" y="65" fill="#e879f9" font-family="sans-serif" font-weight="600" font-size="11">Compelling State Interest</text> <!-- Intermediate --> <rect x="270" width="250" height="85" rx="8" fill="#ffffff08"/> <text x="285" y="25" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="13">INTERMEDIATE SCRUTINY</text> <text x="285" y="45" fill="#94a3b8" font-family="sans-serif" font-size="11">Application: Gender, Commercial Speech</text> <text x="285" y="65" fill="#e879f9" font-family="sans-serif" font-weight="600" font-size="11">Important Gov. Objective</text> <!-- Rational Basis --> <rect x="540" width="250" height="85" rx="8" fill="#ffffff08"/> <text x="555" y="25" fill="#f8fafc" font-family="sans-serif" font-weight="700" font-size="13">RATIONAL BASIS</text> <text x="555" y="45" fill="#94a3b8" font-family="sans-serif" font-size="11">Application: Age, Wealth, Disability</text> <text x="555" y="65" fill="#e879f9" font-family="sans-serif" font-weight="600" font-size="11">Legitimate Gov. Interest</text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="40" fill="#38bdf8" opacity="0.05"/> <circle cx="50" cy="510" r="30" fill="#f59e0b" opacity="0.05"/> <path d="M860 370 L880 370 L880 530 L860 530" fill="none" stroke="#ffffff10" stroke-width="2"/> <!-- Footer Info --> <text x="860" y="545" text-anchor="end" fill="#475569" font-family="sans-serif" font-size="10" font-style="italic">Educational Wiki: Section 4.2 — Political Theory &amp; Law</text> </svg>Civil Liberties, Rights, and Political Participation image 1Civil Liberties, Rights, and Political Participation - American Government 3e - image 1https://www.getlykke.com/explore/public/american-government-3e-5217bcd2-6699-49fb-9d63-95ce39ca4bab/media/participation-and-rights/svg/1Civil Liberties, Rights, and Political Participation diagram 1Civil Liberties, Rights, and Political Participation - American Government 3e - diagram 1https://www.getlykke.com/explore/public/american-government-3e-5217bcd2-6699-49fb-9d63-95ce39ca4bab/media/institutions-of-power/svg/1The Institutions of Government diagram 1The Institutions of Government - American Government 3e - diagram 1https://www.getlykke.com/explore/public/american-government-3e-5217bcd2-6699-49fb-9d63-95ce39ca4bab/media/institutions-of-power/svg/2The Institutions of Government diagram 2The Institutions of Government - American Government 3e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Definitions --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="3" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Base Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">PUBLIC POLICY &amp; CIVIC ENGAGEMENT</text> <text x="450" y="75" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2">THE DYNAMIC LIFECYCLE OF GOVERNMENTAL ACTION</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Central Policy Cycle Illustration --> <g transform="translate(450, 280)"> <!-- Connecting Circular Path --> <circle cx="0" cy="0" r="140" fill="none" stroke="#ffffff10" stroke-width="40"/> <path d="M 0,-140 A 140,140 0 0,1 133,43" fill="none" stroke="#38bdf8" stroke-width="4" stroke-dasharray="8 4"/> <path d="M 133,43 A 140,140 0 0,1 -82,113" fill="none" stroke="#e879f9" stroke-width="4" stroke-dasharray="8 4"/> <path d="M -82,113 A 140,140 0 0,1 -82,-113" fill="none" stroke="#f59e0b" stroke-width="4" stroke-dasharray="8 4"/> <!-- Stage 1: Agenda Setting --> <g transform="translate(0, -140)"> <circle r="35" fill="#0f172a" stroke="#38bdf8" stroke-width="3"/> <path d="M-10,-5 L10,-5 M-10,5 L10,5 M-10,0 L5,0" stroke="#38bdf8" stroke-width="2" fill="none"/> <text y="-45" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#38bdf8">1. AGENDA SETTING</text> <text y="5" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">PROBLEM ID</text> </g> <!-- Stage 2: Formulation --> <g transform="translate(133, -43)"> <circle r="35" fill="#0f172a" stroke="#e879f9" stroke-width="3"/> <rect x="-8" y="-10" width="16" height="20" stroke="#e879f9" fill="none" stroke-width="2"/> <text x="45" y="-10" text-anchor="start" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#e879f9">2. FORMULATION</text> <text x="45" y="8" text-anchor="start" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">DRAFTING &amp; ANALYSIS</text> </g> <!-- Stage 3: Adoption --> <g transform="translate(82, 113)"> <circle r="35" fill="#0f172a" stroke="#f59e0b" stroke-width="3"/> <path d="M-10,5 L10,5 L0,-12 Z" fill="#f59e0b"/> <text x="45" y="5" text-anchor="start" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#f59e0b">3. ADOPTION</text> <text x="45" y="23" text-anchor="start" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">LEGAL AUTHORITY</text> </g> <!-- Stage 4: Implementation --> <g transform="translate(-82, 113)"> <circle r="35" fill="#0f172a" stroke="#10b981" stroke-width="3"/> <circle cx="0" cy="0" r="8" stroke="#10b981" fill="none" stroke-width="2"/> <path d="M0,-12 V-8 M0,8 V12 M-12,0 H-8 M8,0 H12" stroke="#10b981" stroke-width="2"/> <text x="-45" y="5" text-anchor="end" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#10b981">4. IMPLEMENTATION</text> <text x="-45" y="23" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">BUREAUCRATIC ACTION</text> </g> <!-- Stage 5: Evaluation --> <g transform="translate(-133, -43)"> <circle r="35" fill="#0f172a" stroke="#6366f1" stroke-width="3"/> <circle cx="-3" cy="-3" r="7" stroke="#6366f1" fill="none" stroke-width="2"/> <line x1="3" y1="3" x2="10" y2="10" stroke="#6366f1" stroke-width="3"/> <text x="-45" y="-10" text-anchor="end" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#6366f1">5. EVALUATION</text> <text x="-45" y="8" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">IMPACT ASSESSMENT</text> </g> <!-- Center Label --> <text text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">THE</text> <text y="22" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">CYCLE</text> </g> <!-- Left Panel: Taxonomy of Policy --> <rect x="30" y="120" width="200" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="45" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">DOMESTIC POLICY</text> <rect x="45" y="158" width="40" height="2" fill="#38bdf8"/> <g transform="translate(45, 185)"> <circle cx="5" cy="5" r="4" fill="#38bdf8"/> <text x="15" y="10" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#38bdf8">DISTRIBUTIVE</text> <text x="15" y="25" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Specific benefits for groups</text> <text x="15" y="38" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">e.g., Research Grants</text> </g> <g transform="translate(45, 255)"> <circle cx="5" cy="5" r="4" fill="#f59e0b"/> <text x="15" y="10" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f59e0b">REDISTRIBUTIVE</text> <text x="15" y="25" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Transfer of resources</text> <text x="15" y="38" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">e.g., Medicaid, SNAP</text> </g> <g transform="translate(45, 325)"> <circle cx="5" cy="5" r="4" fill="#e879f9"/> <text x="15" y="10" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#e879f9">REGULATORY</text> <text x="15" y="25" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Limiting behaviors</text> <text x="15" y="38" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">e.g., EPA Standards</text> </g> <!-- Right Panel: Economic Levers --> <rect x="670" y="120" width="200" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="685" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">ECONOMIC LEVERS</text> <g transform="translate(685, 180)"> <rect width="170" height="40" rx="8" fill="#38bdf820"/> <text x="10" y="25" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#38bdf8">FISCAL POLICY</text> <text x="100" y="25" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">Tax &amp; Spend</text> </g> <g transform="translate(685, 230)"> <rect width="170" height="40" rx="8" fill="#e879f920"/> <text x="10" y="25" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#e879f9">MONETARY</text> <text x="100" y="25" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">Interest Rates</text> </g> <!-- Bottom Callout: Garbage Can Model --> <rect x="670" y="320" width="200" height="120" rx="16" fill="#f59e0b10" stroke="#f59e0b40"/> <text x="685" y="345" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">GARBAGE CAN MODEL</text> <text x="685" y="365" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">Policy happens when</text> <text x="685" y="380" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">problems, solutions, and</text> <text x="685" y="395" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc">politics converge in a</text> <text x="685" y="410" font-family="Arial, sans-serif" font-style="italic" font-size="11" fill="#f59e0b">"Window of Opportunity"</text> <!-- Footer Info --> <line x1="30" y1="500" x2="870" y2="500" stroke="#ffffff10" stroke-width="1"/> <text x="30" y="530" font-family="Arial, sans-serif" font-size="12" fill="#64748b">WIKI EDUCATIONAL SERIES: POLITICAL SCIENCE</text> <text x="870" y="530" text-anchor="end" font-family="Arial, sans-serif" font-size="12" fill="#64748b">VOL. IV — PUBLIC SECTOR MECHANICS</text> </svg>Public Policy and Civic Engagement image 1Public Policy and Civic Engagement - American Government 3e - image 1https://www.getlykke.com/explore/public/american-government-3e-5217bcd2-6699-49fb-9d63-95ce39ca4bab/media/policy-and-engagement/svg/1Public Policy and Civic Engagement diagram 1Public Policy and Civic Engagement - American Government 3e - diagram 1https://www.getlykke.com/explore/public/14-01-principles-of-microeconomics-fall-c9db27b0-c48b-44cd-b5ce-76fe7a34729f2026-04-20T04:45:29.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="55" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">MARKET DYNAMICS</text> <text x="450" y="82" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" text-transform="uppercase" letter-spacing="3">Supply, Demand, and Equilibrium</text> <rect x="400" y="95" width="100" height="3" rx="1.5" fill="#f59e0b"/> <!-- Left Card: Demand --> <rect x="30" y="120" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="50" y="155" font-family="sans-serif" font-weight="700" font-size="20" fill="#e879f9">THE LAW OF DEMAND</text> <text x="50" y="175" font-family="sans-serif" font-size="12" fill="#94a3b8">Consumer Behavior &amp; Utility</text> <!-- Demand Icon --> <circle cx="250" cy="155" r="15" fill="#e879f922"/> <path d="M 242 155 L 258 155 M 258 155 L 252 149 M 258 155 L 252 161" fill="none" stroke="#e879f9" stroke-width="2" transform="rotate(135 250 155)"/> <text x="50" y="210" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Inverse Relationship</text> <text x="50" y="228" font-family="sans-serif" font-size="12" fill="#94a3b8">As Price (P) ↑, Quantity Demanded (Qd) ↓</text> <rect x="50" y="250" width="220" height="1" fill="#ffffff15"/> <text x="50" y="275" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Primary Drivers:</text> <circle cx="55" cy="295" r="3" fill="#e879f9"/> <text x="65" y="299" font-family="sans-serif" font-size="12" fill="#cbd5e1">Substitution Effect</text> <circle cx="55" cy="315" r="3" fill="#e879f9"/> <text x="65" y="319" font-family="sans-serif" font-size="12" fill="#cbd5e1">Income Effect</text> <text x="50" y="360" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Shift Factors (Determinants):</text> <g transform="translate(50, 375)"> <rect width="220" height="110" rx="8" fill="#00000020"/> <text x="10" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">• Consumer Income</text> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">• Price of Substitutes/Complements</text> <text x="10" y="60" font-family="sans-serif" font-size="11" fill="#94a3b8">• Tastes and Preferences</text> <text x="10" y="80" font-family="sans-serif" font-size="11" fill="#94a3b8">• Future Expectations</text> <text x="10" y="100" font-family="sans-serif" font-size="11" fill="#94a3b8">• Number of Buyers</text> </g> <!-- Right Card: Supply --> <rect x="610" y="120" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="630" y="155" font-family="sans-serif" font-weight="700" font-size="20" fill="#38bdf8">THE LAW OF SUPPLY</text> <text x="630" y="175" font-family="sans-serif" font-size="12" fill="#94a3b8">Producer Incentives &amp; Costs</text> <!-- Supply Icon --> <circle cx="830" cy="155" r="15" fill="#38bdf822"/> <path d="M 822 155 L 838 155 M 838 155 L 832 149 M 838 155 L 832 161" fill="none" stroke="#38bdf8" stroke-width="2" transform="rotate(-45 830 155)"/> <text x="630" y="210" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Direct Relationship</text> <text x="630" y="228" font-family="sans-serif" font-size="12" fill="#94a3b8">As Price (P) ↑, Quantity Supplied (Qs) ↑</text> <rect x="630" y="250" width="220" height="1" fill="#ffffff15"/> <text x="630" y="275" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Primary Drivers:</text> <circle cx="635" cy="295" r="3" fill="#38bdf8"/> <text x="645" y="299" font-family="sans-serif" font-size="12" fill="#cbd5e1">Marginal Cost of Production</text> <circle cx="635" cy="315" r="3" fill="#38bdf8"/> <text x="645" y="319" font-family="sans-serif" font-size="12" fill="#cbd5e1">Profit Maximization</text> <text x="630" y="360" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Shift Factors (Determinants):</text> <g transform="translate(630, 375)"> <rect width="220" height="110" rx="8" fill="#00000020"/> <text x="10" y="20" font-family="sans-serif" font-size="11" fill="#94a3b8">• Input Prices (Labor, Materials)</text> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">• Technological Advances</text> <text x="10" y="60" font-family="sans-serif" font-size="11" fill="#94a3b8">• Government Taxes/Subsidies</text> <text x="10" y="80" font-family="sans-serif" font-size="11" fill="#94a3b8">• Number of Sellers</text> <text x="10" y="100" font-family="sans-serif" font-size="11" fill="#94a3b8">• Producer Expectations</text> </g> <!-- Center: Equilibrium Visual --> <g transform="translate(310, 120)"> <rect width="280" height="410" rx="16" fill="#ffffff05"/> <!-- Graph --> <g transform="translate(40, 60)"> <!-- Axes --> <path d="M 0 0 L 0 200 L 200 200" fill="none" stroke="#94a3b8" stroke-width="2"/> <text x="-10" y="100" font-family="sans-serif" font-size="12" fill="#94a3b8" transform="rotate(-90 -10 100)" text-anchor="middle">Price (P)</text> <text x="100" y="220" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">Quantity (Q)</text> <!-- Demand Curve --> <line x1="20" y1="20" x2="180" y2="180" stroke="#e879f9" stroke-width="4" stroke-linecap="round"/> <text x="185" y="185" font-family="sans-serif" font-weight="bold" font-size="14" fill="#e879f9">D</text> <!-- Supply Curve --> <line x1="20" y1="180" x2="180" y2="20" stroke="#38bdf8" stroke-width="4" stroke-linecap="round"/> <text x="185" y="25" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">S</text> <!-- Equilibrium Point --> <line x1="100" y1="100" x2="0" y2="100" stroke="#f59e0b" stroke-width="1" stroke-dasharray="4"/> <line x1="100" y1="100" x2="100" y2="200" stroke="#f59e0b" stroke-width="1" stroke-dasharray="4"/> <circle cx="100" cy="100" r="6" fill="#f59e0b" filter="url(#glow)"/> <text x="110" y="90" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">E (P*, Q*)</text> </g> <!-- Equilibrium Text --> <text x="140" y="300" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">MARKET EQUILIBRIUM</text> <text x="140" y="325" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#cbd5e1">The state where Qd = Qs</text> <g transform="translate(30, 345)"> <rect width="220" height="50" rx="8" fill="#f59e0b15" stroke="#f59e0b33"/> <text x="110" y="20" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc" font-style="italic">"The market clears, leaving no"</text> <text x="110" y="36" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc" font-style="italic">surplus or shortage."</text> </g> </g> <!-- Footer Info --> <text x="450" y="550" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#475569">ECONOMICS 101: VISUAL GUIDE TO MICROECONOMIC FOUNDATIONS</text> </svg>Supply, Demand, and Market Equilibrium image 1Supply, Demand, and Market Equilibrium - 14 01 Principles Of Microeconomics Fall 2018 - image 1https://www.getlykke.com/explore/public/14-01-principles-of-microeconomics-fall-c9db27b0-c48b-44cd-b5ce-76fe7a34729f/media/supply-demand-equilibrium/svg/1Supply, Demand, and Market Equilibrium diagram 1Supply, Demand, and Market Equilibrium - 14 01 Principles Of Microeconomics Fall 2018 - diagram 1https://www.getlykke.com/explore/public/14-01-principles-of-microeconomics-fall-c9db27b0-c48b-44cd-b5ce-76fe7a34729f/media/supply-demand-equilibrium/svg/2Supply, Demand, and Market Equilibrium diagram 2Supply, Demand, and Market Equilibrium - 14 01 Principles Of Microeconomics Fall 2018 - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" letter-spacing="1">MICROECONOMICS: THE DUALITY OF CHOICE</text> <rect x="350" y="75" width="200" height="4" fill="url(#accentGrad)" rx="2"/> <text x="450" y="100" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="300" text-transform="uppercase">The Study of Constrained Optimization</text> <!-- Central Bridge Logic --> <path d="M 450 140 L 450 480" stroke="#ffffff15" stroke-width="2" stroke-dasharray="8 4"/> <circle cx="450" cy="310" r="50" fill="#1e1b4b" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <text x="450" y="305" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="24" font-style="italic">max</text> <text x="450" y="325" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="12" font-weight="bold">OPTIMUM</text> <!-- Left Panel: Consumer Theory --> <rect x="40" y="130" width="380" height="380" rx="16" fill="#ffffff08" stroke="#38bdf833" stroke-width="1"/> <rect x="60" y="150" width="40" height="40" rx="8" fill="#38bdf822"/> <path d="M 70 175 L 75 180 L 90 165" fill="none" stroke="#38bdf8" stroke-width="3" stroke-linecap="round"/> <text x="110" y="175" fill="#38bdf8" font-family="sans-serif" font-size="20" font-weight="bold">Consumer Theory</text> <text x="60" y="210" fill="#94a3b8" font-family="sans-serif" font-size="13">Goal: Maximize Utility (Satisfaction)</text> <!-- Consumer Graph --> <g transform="translate(80, 240)"> <path d="M 0 0 L 0 120 L 150 120" fill="none" stroke="#94a3b8" stroke-width="2"/> <!-- Indifference Curves --> <path d="M 20 20 Q 30 90 130 100" fill="none" stroke="#e879f9" stroke-width="2" opacity="0.4"/> <path d="M 40 40 Q 50 110 150 120" fill="none" stroke="#e879f9" stroke-width="3" filter="url(#glow)"/> <!-- Budget Line --> <line x1="0" y1="40" x2="120" y2="120" stroke="#f59e0b" stroke-width="3"/> <!-- Tangency Point --> <circle cx="60" cy="80" r="4" fill="#f8fafc"/> <text x="160" y="125" fill="#94a3b8" font-family="sans-serif" font-size="10">Goods (X)</text> <text x="-10" y="-10" fill="#94a3b8" font-family="sans-serif" font-size="10">Goods (Y)</text> </g> <g transform="translate(60, 400)"> <rect width="340" height="90" rx="8" fill="#00000033"/> <text x="15" y="25" fill="#f8fafc" font-family="monospace" font-size="14">U = f(x1, x2, ..., xn)</text> <text x="15" y="50" fill="#94a3b8" font-family="sans-serif" font-size="12">Constraint: Px·X + Py·Y ≤ Income</text> <text x="15" y="75" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="bold">Equimarginal: MUx/Px = MUy/Py</text> </g> <!-- Right Panel: Firm Behavior --> <rect x="480" y="130" width="380" height="380" rx="16" fill="#ffffff08" stroke="#f59e0b33" stroke-width="1"/> <rect x="500" y="150" width="40" height="40" rx="8" fill="#f59e0b22"/> <path d="M 510 180 L 510 165 L 520 172 L 530 165 L 530 180 Z" fill="#f59e0b"/> <text x="550" y="175" fill="#f59e0b" font-family="sans-serif" font-size="20" font-weight="bold">Firm Behavior</text> <text x="500" y="210" fill="#94a3b8" font-family="sans-serif" font-size="13">Goal: Maximize Economic Profit (π)</text> <!-- Firm Graph --> <g transform="translate(520, 240)"> <path d="M 0 0 L 0 120 L 150 120" fill="none" stroke="#94a3b8" stroke-width="2"/> <!-- Production Function --> <path d="M 0 120 Q 40 20 140 10" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <!-- Cost Line --> <line x1="20" y1="120" x2="140" y2="40" stroke="#e879f9" stroke-width="2" stroke-dasharray="4"/> <text x="160" y="125" fill="#94a3b8" font-family="sans-serif" font-size="10">Inputs (L, K)</text> <text x="-10" y="-10" fill="#94a3b8" font-family="sans-serif" font-size="10">Output (Q)</text> </g> <g transform="translate(500, 400)"> <rect width="340" height="90" rx="8" fill="#00000033"/> <text x="15" y="25" fill="#f8fafc" font-family="monospace" font-size="14">π = Total Revenue - Total Cost</text> <text x="15" y="50" fill="#94a3b8" font-family="sans-serif" font-size="12">Constraint: Q = f(Labor, Capital)</text> <text x="15" y="75" fill="#f59e0b" font-family="sans-serif" font-size="12" font-weight="bold">Condition: MR = MC</text> </g> <!-- Interaction Labels --> <g transform="translate(380, 525)"> <text x="70" y="0" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11" font-style="italic">Rationality &amp; Consistency form the foundation of both actors.</text> </g> <!-- Decorative Accents --> <circle cx="40" cy="40" r="20" fill="#38bdf8" opacity="0.1"/> <circle cx="860" cy="520" r="30" fill="#e879f9" opacity="0.1"/> <path d="M 850 50 L 880 80" stroke="#f59e0b" stroke-width="2" opacity="0.3"/> <path d="M 860 40 L 890 70" stroke="#f59e0b" stroke-width="2" opacity="0.3"/> </svg>Consumer Theory and Firm Behavior image 1Consumer Theory and Firm Behavior - 14 01 Principles Of Microeconomics Fall 2018 - image 1https://www.getlykke.com/explore/public/14-01-principles-of-microeconomics-fall-c9db27b0-c48b-44cd-b5ce-76fe7a34729f/media/consumer-and-producer-theory/svg/1Consumer Theory and Firm Behavior diagram 1Consumer Theory and Firm Behavior - 14 01 Principles Of Microeconomics Fall 2018 - diagram 1https://www.getlykke.com/explore/public/14-01-principles-of-microeconomics-fall-c9db27b0-c48b-44cd-b5ce-76fe7a34729f/media/consumer-and-producer-theory/svg/2Consumer Theory and Firm Behavior diagram 2Consumer Theory and Firm Behavior - 14 01 Principles Of Microeconomics Fall 2018 - diagram 2https://www.getlykke.com/explore/public/14-01-principles-of-microeconomics-fall-c9db27b0-c48b-44cd-b5ce-76fe7a34729f/media/market-structures/svg/1Market Structures and Competition diagram 1Market Structures and Competition - 14 01 Principles Of Microeconomics Fall 2018 - diagram 1https://www.getlykke.com/explore/public/14-01-principles-of-microeconomics-fall-c9db27b0-c48b-44cd-b5ce-76fe7a34729f/media/market-structures/svg/2Market Structures and Competition diagram 2Market Structures and Competition - 14 01 Principles Of Microeconomics Fall 2018 - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="60" font-family="Inter, system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.02em">WELFARE ECONOMICS &amp; PUBLIC POLICY</text> <text x="40" y="85" font-family="Inter, system-ui, sans-serif" font-size="14" fill="#94a3b8" font-weight="500">The Normative Framework for Social Well-being and Market Intervention</text> <rect x="40" y="105" width="820" height="2" fill="#38bdf8" fill-opacity="0.3"/> <!-- Left Column: The Theoretical Ideal --> <rect x="40" y="130" width="390" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="65" y="160" font-family="Inter, system-ui, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Theoretical Ideal</text> <!-- Icon: Efficiency --> <circle cx="80" cy="210" r="25" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="80" cy="210" r="12" fill="#38bdf8" fill-opacity="0.4"/> <text x="120" y="195" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Pareto Efficiency</text> <text x="120" y="212" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">No one can be made better off without</text> <text x="120" y="227" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">making someone else worse off.</text> <text x="65" y="265" font-family="Inter, sans-serif" font-weight="600" font-size="13" fill="#f1f5f9">1st Theorem:</text> <text x="155" y="265" font-family="Inter, sans-serif" font-size="13" fill="#94a3b8">Markets lead to efficiency.</text> <text x="65" y="285" font-family="Inter, sans-serif" font-weight="600" font-size="13" fill="#f1f5f9">2nd Theorem:</text> <text x="155" y="285" font-family="Inter, sans-serif" font-size="13" fill="#94a3b8">Any efficient outcome is reachable.</text> <!-- Right Column: Market Failures --> <rect x="470" y="130" width="390" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="495" y="160" font-family="Inter, system-ui, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">The Reality: Market Failures</text> <!-- Failure Grid --> <g transform="translate(495, 185)"> <!-- Externalities --> <rect width="170" height="40" rx="8" fill="#f59e0b15"/> <text x="10" y="25" font-family="Inter, sans-serif" font-weight="600" font-size="12" fill="#fef3c7">Externalities</text> <circle cx="150" cy="20" r="5" fill="#f59e0b"/> <!-- Public Goods --> <rect y="50" width="170" height="40" rx="8" fill="#f59e0b15"/> <text x="10" y="75" font-family="Inter, sans-serif" font-weight="600" font-size="12" fill="#fef3c7">Public Goods</text> <path d="M145 70 l10 10 m0 -10 l-10 10" stroke="#f59e0b" stroke-width="2"/> <!-- Asymmetric Info --> <rect x="185" width="170" height="40" rx="8" fill="#f59e0b15"/> <text x="195" y="25" font-family="Inter, sans-serif" font-weight="600" font-size="12" fill="#fef3c7">Asymmetric Info</text> <rect x="330" y="15" width="10" height="10" fill="none" stroke="#f59e0b" stroke-width="2"/> <!-- Market Power --> <rect x="185" y="50" width="170" height="40" rx="8" fill="#f59e0b15"/> <text x="195" y="75" font-family="Inter, sans-serif" font-weight="600" font-size="12" fill="#fef3c7">Market Power</text> <path d="M330 70 h10 v10 h-10 z" fill="#f59e0b"/> </g> <text x="495" y="295" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">Condition: MSB ≠ MSC (Inefficient Allocation)</text> <!-- Bottom Section: Policy Tools --> <rect x="40" y="330" width="820" height="200" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="65" y="365" font-family="Inter, system-ui, sans-serif" font-weight="700" font-size="18" fill="#e879f9">Policy Interventions</text> <!-- Tool 1: Pigouvian Tax --> <g transform="translate(65, 390)"> <rect width="240" height="115" rx="12" fill="#e879f908" stroke="#e879f930"/> <text x="15" y="25" font-family="Inter, sans-serif" font-weight="700" font-size="14" fill="#fdf4ff">Pigouvian Taxes</text> <text x="15" y="45" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Internalizing Externalities</text> <!-- Mini Graph --> <line x1="20" y1="100" x2="80" y2="100" stroke="#94a3b8" stroke-width="1"/> <line x1="20" y1="100" x2="20" y2="60" stroke="#94a3b8" stroke-width="1"/> <path d="M20 90 Q 50 85 80 65" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="100" y="75" font-family="serif" font-style="italic" font-size="12" fill="#e879f9">t = MEC</text> <text x="100" y="95" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Aligns MPC with MSC</text> </g> <!-- Tool 2: Public Provision --> <g transform="translate(330, 390)"> <rect width="240" height="115" rx="12" fill="#e879f908" stroke="#e879f930"/> <text x="15" y="25" font-family="Inter, sans-serif" font-weight="700" font-size="14" fill="#fdf4ff">Public Provision</text> <text x="15" y="45" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Solving the Free-Rider Problem</text> <circle cx="40" cy="85" r="15" fill="#e879f9" fill-opacity="0.2" stroke="#e879f9" stroke-width="1"/> <circle cx="55" cy="85" r="15" fill="#e879f9" fill-opacity="0.2" stroke="#e879f9" stroke-width="1"/> <text x="85" y="80" font-family="Inter, sans-serif" font-size="11" fill="#f8fafc">Samuelson Condition:</text> <text x="85" y="95" font-family="serif" font-style="italic" font-size="12" fill="#e879f9">Σ MB = MC</text> </g> <!-- Tool 3: Regulation --> <g transform="translate(595, 390)"> <rect width="240" height="115" rx="12" fill="#e879f908" stroke="#e879f930"/> <text x="15" y="25" font-family="Inter, sans-serif" font-weight="700" font-size="14" fill="#fdf4ff">Regulation &amp; Law</text> <text x="15" y="45" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">Correcting Information &amp; Power</text> <rect x="20" y="65" width="40" height="30" rx="4" fill="none" stroke="#e879f9" stroke-width="1.5"/> <line x1="25" y1="75" x2="55" y2="75" stroke="#e879f9" stroke-width="1"/> <line x1="25" y1="85" x2="45" y2="85" stroke="#e879f9" stroke-width="1"/> <text x="75" y="75" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">• Antitrust Laws</text> <text x="75" y="90" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">• Disclosure Mandates</text> <text x="75" y="105" font-family="Inter, sans-serif" font-size="11" fill="#94a3b8">• Property Rights (Coase)</text> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="850" cy="50" r="15" fill="#38bdf8" fill-opacity="0.1"/> <path d="M830 510 L870 510 M850 490 L850 530" stroke="#ffffff10" stroke-width="2"/> </svg>Welfare Economics and Public Policy image 1Welfare Economics and Public Policy - 14 01 Principles Of Microeconomics Fall 2018 - image 1https://www.getlykke.com/explore/public/14-01-principles-of-microeconomics-fall-c9db27b0-c48b-44cd-b5ce-76fe7a34729f/media/welfare-economics-public-policy/svg/1Welfare Economics and Public Policy diagram 1Welfare Economics and Public Policy - 14 01 Principles Of Microeconomics Fall 2018 - diagram 1https://www.getlykke.com/explore/public/principles-microeconomics-3e-9222e506-dd31-497c-af99-76a1f8aba8f02026-04-20T04:45:03.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">OPEN EDUCATION &amp; ACCESSIBILITY</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Transition from Proprietary Models to Open Educational Resources (OER)</text> <rect x="350" y="85" width="200" height="2" fill="url(#accentGrad)" rx="1"/> <!-- Left Column: The 5Rs Framework --> <rect x="30" y="110" width="265" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="50" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The 5Rs of Openness</text> <text x="50" y="160" font-family="sans-serif" font-size="11" fill="#94a3b8">Defining the degrees of freedom</text> <g transform="translate(50, 185)"> <!-- R1 --> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="10" fill="#38bdf8">1</text> <text x="35" y="10" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">RETAIN</text> <text x="35" y="24" font-family="sans-serif" font-size="11" fill="#94a3b8">Own and control copies</text> <!-- R2 --> <g transform="translate(0, 45)"> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="10" fill="#38bdf8">2</text> <text x="35" y="10" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">REUSE</text> <text x="35" y="24" font-family="sans-serif" font-size="11" fill="#94a3b8">Use in class or on websites</text> </g> <!-- R3 --> <g transform="translate(0, 90)"> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="10" fill="#38bdf8">3</text> <text x="35" y="10" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">REVISE</text> <text x="35" y="24" font-family="sans-serif" font-size="11" fill="#94a3b8">Adapt, modify, or alter</text> </g> <!-- R4 --> <g transform="translate(0, 135)"> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="10" fill="#38bdf8">4</text> <text x="35" y="10" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">REMIX</text> <text x="35" y="24" font-family="sans-serif" font-size="11" fill="#94a3b8">Combine with other works</text> </g> <!-- R5 --> <g transform="translate(0, 180)"> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="12" y="16" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="10" fill="#38bdf8">5</text> <text x="35" y="10" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">REDISTRIBUTE</text> <text x="35" y="24" font-family="sans-serif" font-size="11" fill="#94a3b8">Share copies with others</text> </g> </g> <!-- Center Column: CC BY Architecture --> <rect x="315" y="110" width="270" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="450" y="140" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">The CC BY Architecture</text> <!-- Stacked Layers Graphic --> <g transform="translate(345, 170)"> <!-- Machine Layer --> <rect x="0" y="180" width="210" height="50" rx="8" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <text x="105" y="200" text-anchor="middle" font-family="monospace" font-size="12" font-weight="bold" fill="#e879f9">Machine-Readable</text> <text x="105" y="218" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Metadata for Search Engines</text> <!-- Human Layer --> <rect x="0" y="90" width="210" height="50" rx="8" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="105" y="110" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">Commons Deed</text> <text x="105" y="128" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Human-Readable Summary</text> <!-- Legal Layer --> <rect x="0" y="0" width="210" height="50" rx="8" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="105" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">Legal Code</text> <text x="105" y="38" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">The Enforceable Contract</text> <!-- Connecting Arrows --> <path d="M 105 50 L 105 90 M 105 140 L 105 180" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4 4"/> </g> <!-- Right Column: Peer Review Pipeline --> <rect x="605" y="110" width="265" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="625" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Quality Assurance</text> <g transform="translate(625, 170)"> <!-- Pipeline Steps --> <rect x="0" y="0" width="225" height="40" rx="6" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="25" font-family="sans-serif" font-size="12" fill="#f8fafc"><tspan font-weight="bold" fill="#e879f9">01</tspan> SME Scope &amp; Sequence</text> <rect x="0" y="55" width="225" height="40" rx="6" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="80" font-family="sans-serif" font-size="12" fill="#f8fafc"><tspan font-weight="bold" fill="#e879f9">02</tspan> Expert Authoring</text> <rect x="0" y="110" width="225" height="40" rx="6" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="135" font-family="sans-serif" font-size="12" fill="#f8fafc"><tspan font-weight="bold" fill="#e879f9">03</tspan> Double-Blind Peer Review</text> <rect x="0" y="165" width="225" height="40" rx="6" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="190" font-family="sans-serif" font-size="12" fill="#f8fafc"><tspan font-weight="bold" fill="#e879f9">04</tspan> Editorial &amp; Accessibility</text> <rect x="0" y="220" width="225" height="40" rx="6" fill="#38bdf820" stroke="#38bdf840"/> <text x="10" y="245" font-family="sans-serif" font-size="12" fill="#f8fafc"><tspan font-weight="bold" fill="#38bdf8">05</tspan> Digital Ecosystem Release</text> <!-- Vertical Line --> <line x1="-10" y1="20" x2="-10" y2="240" stroke="#e879f940" stroke-width="2"/> <circle cx="-10" cy="20" r="3" fill="#e879f9"/> <circle cx="-10" cy="240" r="3" fill="#38bdf8"/> </g> <!-- Footer Insight --> <rect x="30" y="490" width="840" height="50" rx="12" fill="#38bdf810" stroke="#38bdf830"/> <text x="450" y="512" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">Key Insight: OER vs. Free-to-Read</text> <text x="450" y="530" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">A PDF that is free to download but illegal to modify is not OER; it is merely a zero-cost proprietary asset.</text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="40" fill="url(#accentGrad)" opacity="0.1"/> <path d="M 820 30 L 880 70 M 880 30 L 820 70" stroke="#ffffff10" stroke-width="1"/> </svg>Open Education and Accessibility image 1Open Education and Accessibility - Principles Microeconomics 3e - image 1https://www.getlykke.com/explore/public/principles-microeconomics-3e-9222e506-dd31-497c-af99-76a1f8aba8f0/media/open-education-accessibility/svg/1Open Education and Accessibility diagram 1Open Education and Accessibility - Principles Microeconomics 3e - diagram 1https://www.getlykke.com/explore/public/principles-microeconomics-3e-9222e506-dd31-497c-af99-76a1f8aba8f0/media/open-education-accessibility/svg/2Open Education and Accessibility diagram 2Open Education and Accessibility - Principles Microeconomics 3e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Definitions --> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Base Layer --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Shapes --> <circle cx="850" cy="50" r="100" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#e879f9" fill-opacity="0.05"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="-0.5">PRINCIPLES OF MICROECONOMICS 3e</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-weight="500" font-size="14" letter-spacing="3">OPENSTAX • CC-BY • GLOBAL PEDAGOGY</text> <line x1="350" y1="100" x2="550" y2="100" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <!-- Main Content Grid --> <!-- Card 1: The Economic Problem --> <rect x="40" y="130" width="400" height="185" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <rect x="55" y="145" width="32" height="32" rx="8" fill="#f59e0b20"/> <path d="M 65 167 L 71 155 L 77 167 Z" fill="#f59e0b"/> <text x="100" y="167" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="18">The Economic Problem</text> <text x="60" y="200" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="14">Core Axiom: Scarcity</text> <text x="60" y="220" fill="#94a3b8" font-family="sans-serif" font-size="12">Human wants exceed available resources,</text> <text x="60" y="235" fill="#94a3b8" font-family="sans-serif" font-size="12">necessitating choice and trade-offs.</text> <rect x="60" y="255" width="360" height="45" rx="8" fill="#00000030"/> <text x="75" y="275" fill="#f8fafc" font-family="serif" font-style="italic" font-size="13">Opportunity Cost:</text> <text x="75" y="290" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="12">OCx = |Δy / Δx|</text> <text x="180" y="283" fill="#94a3b8" font-family="sans-serif" font-size="11">The value of the next best alternative.</text> <!-- Card 2: Production Possibilities --> <rect x="460" y="130" width="400" height="185" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="167" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="18">The PPF Model</text> <!-- Mini PPF Graph --> <g transform="translate(720, 160)"> <line x1="0" y1="100" x2="100" y2="100" stroke="#94a3b8" stroke-width="1.5"/> <line x1="0" y1="100" x2="0" y2="0" stroke="#94a3b8" stroke-width="1.5"/> <path d="M 0 20 Q 80 25 90 100" fill="none" stroke="#e879f9" stroke-width="3" filter="url(#glow)"/> <circle cx="45" cy="45" r="4" fill="#f8fafc"/> <text x="55" y="45" fill="#f8fafc" font-family="sans-serif" font-size="10">Efficient</text> </g> <text x="480" y="200" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Productive Efficiency</text> <text x="480" y="218" fill="#94a3b8" font-family="sans-serif" font-size="12">Points on the curve; no wasted resources.</text> <text x="480" y="245" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Law of Diminishing Returns</text> <text x="480" y="263" fill="#94a3b8" font-family="sans-serif" font-size="12">Explains the "bowed-out" shape of the curve.</text> <!-- Card 3: Market Mechanics --> <rect x="40" y="335" width="400" height="195" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="370" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="18">Market Mechanics</text> <!-- Supply and Demand Graph --> <g transform="translate(280, 370)"> <line x1="0" y1="120" x2="120" y2="120" stroke="#94a3b8" stroke-width="1"/> <line x1="0" y1="120" x2="0" y2="0" stroke="#94a3b8" stroke-width="1"/> <!-- Demand --> <line x1="10" y1="20" x2="110" y2="110" stroke="#f59e0b" stroke-width="2.5"/> <text x="110" y="105" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="12">D</text> <!-- Supply --> <line x1="10" y1="110" x2="110" y2="20" stroke="#38bdf8" stroke-width="2.5"/> <text x="110" y="35" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="12">S</text> <!-- Equilibrium --> <circle cx="60" cy="65" r="4" fill="#f8fafc"/> </g> <text x="60" y="405" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Equilibrium (Qd = Qs)</text> <text x="60" y="425" fill="#94a3b8" font-family="sans-serif" font-size="12">The price where buyer and seller</text> <text x="60" y="440" fill="#94a3b8" font-family="sans-serif" font-size="12">intentions coincide.</text> <rect x="60" y="465" width="180" height="45" rx="8" fill="#38bdf815"/> <text x="70" y="485" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="11">SHIFTS</text> <text x="70" y="500" fill="#94a3b8" font-family="sans-serif" font-size="10">Exogenous factors (Income, Tech)</text> <!-- Card 4: Elasticity --> <rect x="460" y="335" width="400" height="195" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="370" fill="#fb7185" font-family="sans-serif" font-weight="bold" font-size="18">Elasticity &amp; Responsiveness</text> <g transform="translate(480, 390)"> <rect width="360" height="35" rx="6" fill="#00000020"/> <text x="10" y="22" fill="#f8fafc" font-family="sans-serif" font-size="12">Midpoint Method: %ΔQ / %ΔP</text> </g> <g transform="translate(480, 440)"> <circle cx="10" cy="10" r="6" fill="#38bdf8"/> <text x="25" y="15" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="13">Elastic (|E| > 1)</text> <text x="25" y="30" fill="#94a3b8" font-family="sans-serif" font-size="11">High response to price changes.</text> <circle cx="10" cy="55" r="6" fill="#fb7185"/> <text x="25" y="60" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="13">Inelastic (|E| &lt; 1)</text> <text x="25" y="75" fill="#94a3b8" font-family="sans-serif" font-size="11">Low response (e.g., Necessities).</text> </g> <!-- Footer / Branding --> <text x="450" y="545" text-anchor="middle" fill="#475569" font-family="sans-serif" font-size="10">VISUAL GUIDE TO MICROECONOMIC FOUNDATIONS • DESIGNED FOR EDUCATIONAL WIKI</text> </svg>Principles of Microeconomics 3e image 1Principles of Microeconomics 3e - Principles Microeconomics 3e - image 1https://www.getlykke.com/explore/public/principles-microeconomics-3e-9222e506-dd31-497c-af99-76a1f8aba8f0/media/principles-of-microeconomics-3e/svg/1Principles of Microeconomics 3e diagram 1Principles of Microeconomics 3e - Principles Microeconomics 3e - diagram 1https://www.getlykke.com/explore/public/principles-microeconomics-3e-9222e506-dd31-497c-af99-76a1f8aba8f0/media/principles-of-microeconomics-3e/svg/2Principles of Microeconomics 3e diagram 2Principles of Microeconomics 3e - Principles Microeconomics 3e - diagram 2https://www.getlykke.com/explore/public/principles-microeconomics-3e-9222e506-dd31-497c-af99-76a1f8aba8f0/media/principles-of-microeconomics-3e/svg/3Principles of Microeconomics 3e diagram 3Principles of Microeconomics 3e - Principles Microeconomics 3e - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#94a3b8" fill-opacity="0.1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <line x1="450" y1="120" x2="450" y2="520" stroke="#ffffff10" stroke-width="2" stroke-dasharray="8 4"/> <!-- Header --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">DIVERSE ECONOMIC PERSPECTIVES</text> <text x="40" y="75" font-family="sans-serif" font-size="16" fill="#38bdf8" font-weight="600" letter-spacing="1">THE EVOLUTION OF PLURALISTIC MODELING</text> <rect x="40" y="85" width="120" height="4" fill="#f59e0b" rx="2"/> <!-- Left Side: The Monolithic Model --> <rect x="40" y="120" width="380" height="180" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#94a3b8">THE NEOCLASSICAL SYNTHESIS</text> <circle cx="85" cy="210" r="35" fill="#1e293b" stroke="#64748b" stroke-width="2"/> <path d="M75 200 L95 200 M75 210 L95 210 M75 220 L95 220" stroke="#64748b" stroke-width="2" stroke-linecap="round"/> <text x="135" y="195" font-family="sans-serif" font-weight="700" font-size="20" fill="#f8fafc">Homo Economicus</text> <text x="135" y="215" font-family="sans-serif" font-size="13" fill="#94a3b8">Perfectly Rational • Self-Interested</text> <text x="135" y="232" font-family="sans-serif" font-size="13" fill="#94a3b8">Frictionless Markets • Representative Agent</text> <!-- Center: The Identity Shift --> <rect x="40" y="320" width="380" height="200" rx="16" fill="#38bdf810" stroke="#38bdf840"/> <text x="60" y="350" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">IDENTITY UTILITY FUNCTION</text> <text x="80" y="405" font-family="serif" font-size="36" fill="#f8fafc" font-style="italic">U<tspan baseline-shift="sub" font-size="20">j</tspan> = f<tspan baseline-shift="sub" font-size="20">j</tspan>(x<tspan baseline-shift="sub" font-size="20">j</tspan>, a<tspan baseline-shift="sub" font-size="20">j</tspan>, I<tspan baseline-shift="sub" font-size="20">j</tspan>)</text> <g font-family="sans-serif" font-size="12" fill="#94a3b8"> <text x="80" y="445"><tspan fill="#f59e0b" font-weight="bold">x</tspan> : Consumption</text> <text x="80" y="465"><tspan fill="#e879f9" font-weight="bold">a</tspan> : Actions &amp; Norms</text> <text x="80" y="485"><tspan fill="#38bdf8" font-weight="bold">I</tspan> : Identity Self-Image</text> </g> <!-- Right Side: The Pluralistic Pillars --> <text x="480" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">THE FIVE PILLARS OF INCLUSION</text> <!-- Pillar 1: Behavioral --> <rect x="480" y="170" width="380" height="60" rx="12" fill="#f59e0b15" stroke="#f59e0b30"/> <circle cx="510" cy="200" r="15" fill="#f59e0b"/> <path d="M505 200 Q510 190 515 200 T510 210" fill="none" stroke="#0f172a" stroke-width="2"/> <text x="540" y="195" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Behavioral Economics</text> <text x="540" y="212" font-family="sans-serif" font-size="12" fill="#94a3b8">Cognitive biases and "satisficing" heuristics.</text> <!-- Pillar 2: Feminist --> <rect x="480" y="240" width="380" height="60" rx="12" fill="#e879f915" stroke="#e879f930"/> <circle cx="510" cy="270" r="15" fill="#e879f9"/> <path d="M502 270 L518 270 M510 262 L510 278" stroke="#0f172a" stroke-width="2"/> <text x="540" y="265" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Feminist Economics</text> <text x="540" y="282" font-family="sans-serif" font-size="12" fill="#94a3b8">Unpaid labor, care work, and power dynamics.</text> <!-- Pillar 3: Ecological --> <rect x="480" y="310" width="380" height="60" rx="12" fill="#4ade8015" stroke="#4ade8030"/> <circle cx="510" cy="340" r="15" fill="#4ade80"/> <path d="M505 345 L510 335 L515 345 Z" fill="#0f172a"/> <text x="540" y="335" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Ecological Economics</text> <text x="540" y="352" font-family="sans-serif" font-size="12" fill="#94a3b8">Sustainability within finite planetary boundaries.</text> <!-- Pillar 4: Institutional --> <rect x="480" y="380" width="380" height="60" rx="12" fill="#38bdf815" stroke="#38bdf830"/> <circle cx="510" cy="410" r="15" fill="#38bdf8"/> <rect x="502" y="402" width="16" height="16" fill="none" stroke="#0f172a" stroke-width="2"/> <text x="540" y="405" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Institutional Economics</text> <text x="540" y="422" font-family="sans-serif" font-size="12" fill="#94a3b8">How laws, customs, and social rules shape markets.</text> <!-- Pillar 5: Political --> <rect x="480" y="450" width="380" height="60" rx="12" fill="#fb718515" stroke="#fb718530"/> <circle cx="510" cy="480" r="15" fill="#fb7185"/> <path d="M502 485 L502 475 L518 475 L518 485" fill="none" stroke="#0f172a" stroke-width="2"/> <text x="540" y="475" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Political Economy</text> <text x="540" y="492" font-family="sans-serif" font-size="12" fill="#94a3b8">Interplay of class interests and systemic power.</text> <!-- Decorative Accents --> <circle cx="860" cy="40" r="20" fill="#f59e0b20"/> <circle cx="840" cy="60" r="10" fill="#e879f920"/> <path d="M40 540 L860 540" stroke="#ffffff10" stroke-width="1"/> </svg>Diverse Economic Perspectives image 1Diverse Economic Perspectives - Principles Microeconomics 3e - image 1https://www.getlykke.com/explore/public/principles-microeconomics-3e-9222e506-dd31-497c-af99-76a1f8aba8f0/media/diverse-economic-perspectives/svg/1Diverse Economic Perspectives diagram 1Diverse Economic Perspectives - Principles Microeconomics 3e - diagram 1https://www.getlykke.com/explore/public/principles-microeconomics-3e-9222e506-dd31-497c-af99-76a1f8aba8f0/media/diverse-economic-perspectives/svg/2Diverse Economic Perspectives diagram 2Diverse Economic Perspectives - Principles Microeconomics 3e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#94a3b8" /> </marker> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Elements --> <circle cx="850" cy="50" r="100" fill="#38bdf808" /> <circle cx="50" cy="510" r="80" fill="#f59e0b08" /> <!-- Header --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="30" fill="#f8fafc" letter-spacing="-0.5">THE ARCHITECTURE OF OPEN EDUCATIONAL ECOSYSTEMS</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="16" fill="#38bdf8" letter-spacing="2">DIGITAL TOOLS &amp; LMS INTEGRATION</text> <line x1="350" y1="100" x2="550" y2="100" stroke="#334155" stroke-width="2" /> <!-- Left Panel: Evolution --> <rect x="30" y="125" width="260" height="405" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="50" y="155" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">EVOLUTION</text> <!-- LTI 1.1 --> <rect x="45" y="175" width="230" height="100" rx="12" fill="#ffffff05"/> <text x="60" y="200" font-family="sans-serif" font-weight="bold" font-size="14" fill="#94a3b8">LTI 1.1 (Legacy)</text> <text x="60" y="220" font-family="sans-serif" font-size="12" fill="#64748b">Security: OAuth 1.0a (Shared Secret)</text> <text x="60" y="238" font-family="sans-serif" font-size="12" fill="#64748b">Data: Basic Grade Passback</text> <text x="60" y="256" font-family="sans-serif" font-size="12" fill="#64748b">Flow: Simple Form Post</text> <!-- LTI 1.3 --> <rect x="45" y="290" width="230" height="225" rx="12" fill="#38bdf810" stroke="#38bdf830"/> <text x="60" y="315" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">LTI 1.3 / Advantage</text> <text x="60" y="335" font-family="sans-serif" font-size="12" fill="#f8fafc">Security: OAuth 2.0 / JWT</text> <text x="60" y="353" font-family="sans-serif" font-size="12" fill="#f8fafc">Auth: OIDC Connect Flow</text> <text x="60" y="385" font-family="sans-serif" font-weight="bold" font-size="11" fill="#e879f9" letter-spacing="1">ADVANTAGE SERVICES</text> <g transform="translate(60, 405)"> <circle cx="5" cy="0" r="3" fill="#e879f9"/> <text x="15" y="4" font-family="sans-serif" font-size="12" fill="#cbd5e1">Deep Linking</text> <circle cx="5" cy="22" r="3" fill="#e879f9"/> <text x="15" y="26" font-family="sans-serif" font-size="12" fill="#cbd5e1">Assignment &amp; Grade</text> <circle cx="5" cy="44" r="3" fill="#e879f9"/> <text x="15" y="48" font-family="sans-serif" font-size="12" fill="#cbd5e1">Names &amp; Role Provisioning</text> </g> <!-- Center: The Integration Bridge --> <g transform="translate(320, 125)"> <rect width="260" height="405" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="130" y="30" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">THE HANDSHAKE</text> <!-- Visual Bridge --> <path d="M 40 120 Q 130 60 220 120" fill="none" stroke="#f59e0b" stroke-width="3" stroke-dasharray="6 4" opacity="0.6"/> <!-- LMS Node --> <rect x="20" y="120" width="60" height="60" rx="8" fill="#1e293b" stroke="#f8fafc" stroke-width="2"/> <text x="50" y="155" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">LMS</text> <!-- Tool Node --> <rect x="180" y="120" width="60" height="60" rx="8" fill="#1e293b" stroke="#f8fafc" stroke-width="2"/> <text x="210" y="155" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">TOOL</text> <!-- Sequence --> <g transform="translate(30, 210)"> <line x1="20" y1="10" x2="180" y2="10" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrowhead)"/> <text x="100" y="5" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">1. OIDC Login Initiation</text> <line x1="180" y1="40" x2="20" y2="40" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrowhead)"/> <text x="100" y="35" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">2. Authentication Request</text> <line x1="20" y1="70" x2="180" y2="70" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrowhead)"/> <text x="100" y="65" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="10" fill="#38bdf8">3. Signed JWT Response</text> <line x1="180" y1="100" x2="20" y2="100" stroke="#e879f9" stroke-width="2" marker-end="url(#arrowhead)"/> <text x="100" y="95" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="10" fill="#e879f9">4. Resource Selection</text> </g> <!-- JWT Visual --> <rect x="80" y="340" width="100" height="40" rx="6" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="130" y="365" text-anchor="middle" font-family="monospace" font-size="11" fill="#38bdf8">header.payload.sig</text> </g> <!-- Right Panel: OpenStax Assignable --> <rect x="610" y="125" width="260" height="405" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="630" y="155" font-family="sans-serif" font-weight="bold" font-size="18" fill="#e879f9">ASSIGNABLE</text> <text x="630" y="175" font-family="sans-serif" font-size="12" fill="#94a3b8">The Middleware Solution</text> <g transform="translate(630, 200)"> <!-- Feature 1 --> <rect width="220" height="65" rx="10" fill="#ffffff08"/> <rect x="10" y="10" width="30" height="30" rx="6" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <path d="M 20 25 L 30 25 M 25 20 L 25 30" stroke="#f59e0b" stroke-width="2"/> <text x="50" y="25" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Deep Linking</text> <text x="50" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Pick specific OER chapters</text> <text x="50" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8">directly from the LMS.</text> <!-- Feature 2 --> <rect y="80" width="220" height="65" rx="10" fill="#ffffff08"/> <rect x="10" y="90" width="30" height="30" rx="6" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <path d="M 18 105 L 22 112 L 32 98" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="50" y="105" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Grade Sync</text> <text x="50" y="122" font-family="sans-serif" font-size="11" fill="#94a3b8">Automatic score passback</text> <text x="50" y="135" font-family="sans-serif" font-size="11" fill="#94a3b8">to the course gradebook.</text> <!-- Feature 3 --> <rect y="160" width="220" height="65" rx="10" fill="#ffffff08"/> <rect x="10" y="170" width="30" height="30" rx="6" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <circle cx="25" cy="180" r="4" stroke="#e879f9" fill="none" stroke-width="1.5"/> <path d="M 18 192 Q 25 185 32 192" stroke="#e879f9" fill="none" stroke-width="1.5"/> <text x="50" y="185" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Roster Sync</text> <text x="50" y="202" font-family="sans-serif" font-size="11" fill="#94a3b8">Names and Roles Service</text> <text x="50" y="215" font-family="sans-serif" font-size="11" fill="#94a3b8">for seamless enrollment.</text> </g> <!-- Technical Footer --> <rect x="630" y="445" width="220" height="65" rx="10" fill="#00000030" stroke="#ffffff10"/> <text x="645" y="465" font-family="sans-serif" font-weight="bold" font-size="11" fill="#64748b" letter-spacing="0.5">INTEROPERABILITY NOTE</text> <text x="645" y="482" font-family="sans-serif" font-size="10" fill="#475569">LTI Advantage is the "lingua franca"</text> <text x="645" y="495" font-family="sans-serif" font-size="10" fill="#475569">of modern EdTech ecosystems.</text> </svg>Digital Tools and LMS Integration image 1Digital Tools and LMS Integration - Principles Microeconomics 3e - image 1https://www.getlykke.com/explore/public/principles-microeconomics-3e-9222e506-dd31-497c-af99-76a1f8aba8f0/media/digital-tools-lms-integration/svg/1Digital Tools and LMS Integration diagram 1Digital Tools and LMS Integration - Principles Microeconomics 3e - diagram 1https://www.getlykke.com/explore/public/principles-microeconomics-3e-9222e506-dd31-497c-af99-76a1f8aba8f0/media/digital-tools-lms-integration/svg/2Digital Tools and LMS Integration diagram 2Digital Tools and LMS Integration - Principles Microeconomics 3e - diagram 2https://www.getlykke.com/explore/public/introduction-sociology-3e-60a6f2c2-d6c6-4618-b9b3-c44f4bbb764a2026-04-20T04:44:56.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Grid Lines --> <line x1="50" y1="80" x2="850" y2="80" stroke="#ffffff10" stroke-width="1"/> <line x1="450" y1="100" x2="450" y2="520" stroke="#ffffff10" stroke-width="1" stroke-dasharray="5,5"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">FOUNDATIONS OF THE SOCIOLOGICAL PERSPECTIVE</text> <text x="450" y="72" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">Decoding the "Social Operating System" through Biography and History</text> <!-- LEFT PANEL: THE SOCIOLOGICAL IMAGINATION --> <rect x="40" y="100" width="390" height="430" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="135" font-family="sans-serif" font-weight="700" font-size="20" fill="#38bdf8">The Sociological Imagination</text> <text x="60" y="155" font-family="sans-serif" font-size="12" fill="#94a3b8">C. Wright Mills (1959)</text> <!-- The Lens Graphic --> <circle cx="235" cy="240" r="60" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4,2"/> <circle cx="235" cy="240" r="45" fill="#38bdf820" stroke="#38bdf8" stroke-width="3"/> <path d="M210 240 Q 235 210 260 240 Q 235 270 210 240" fill="none" stroke="#f8fafc" stroke-width="2"/> <circle cx="235" cy="240" r="8" fill="#f8fafc"/> <!-- Biography vs History Labels --> <text x="100" y="245" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">BIOGRAPHY</text> <text x="100" y="260" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Personal Troubles</text> <text x="370" y="245" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">HISTORY</text> <text x="370" y="260" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Public Issues</text> <path d="M145 240 L180 240" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow)"/> <path d="M325 240 L290 240" stroke="#38bdf8" stroke-width="2"/> <!-- Comparison Table --> <rect x="60" y="320" width="350" height="185" rx="8" fill="#00000030"/> <text x="75" y="345" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">Dimension</text> <text x="180" y="345" font-family="sans-serif" font-weight="700" font-size="13" fill="#38bdf8">Trouble (Micro)</text> <text x="300" y="345" font-family="sans-serif" font-weight="700" font-size="13" fill="#f59e0b">Issue (Macro)</text> <line x1="75" y1="355" x2="400" y2="355" stroke="#ffffff20"/> <text x="75" y="380" font-family="sans-serif" font-size="12" fill="#94a3b8">Scale</text> <text x="180" y="380" font-family="sans-serif" font-size="12" fill="#f8fafc">Individual</text> <text x="300" y="380" font-family="sans-serif" font-size="12" fill="#f8fafc">Institutional</text> <text x="75" y="415" font-family="sans-serif" font-size="12" fill="#94a3b8">Resolution</text> <text x="180" y="415" font-family="sans-serif" font-size="12" fill="#f8fafc">Willpower</text> <text x="300" y="415" font-family="sans-serif" font-size="12" fill="#f8fafc">Policy Change</text> <text x="75" y="450" font-family="sans-serif" font-size="12" fill="#94a3b8">Example</text> <text x="180" y="450" font-family="sans-serif" font-size="11" fill="#f8fafc">Credit Debt</text> <text x="300" y="450" font-family="sans-serif" font-size="11" fill="#f8fafc">Stagnant Wages</text> <!-- RIGHT PANEL: THEORETICAL FRAMEWORKS --> <rect x="470" y="100" width="390" height="430" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="490" y="135" font-family="sans-serif" font-weight="700" font-size="20" fill="#e879f9">Theoretical Frameworks</text> <text x="490" y="155" font-family="sans-serif" font-size="12" fill="#94a3b8">The Engines of Social Analysis</text> <!-- Functionalism Graphic --> <g transform="translate(500, 180)"> <rect width="330" height="120" rx="12" fill="#00000040" stroke="#e879f9" stroke-width="1"/> <text x="15" y="25" font-family="monospace" font-size="13" fill="#e879f9">class Society(System):</text> <text x="30" y="45" font-family="monospace" font-size="12" fill="#38bdf8"> def manifest_function(self):</text> <text x="45" y="60" font-family="monospace" font-size="11" fill="#94a3b8"> # Intended: Stability &amp; Skills</text> <text x="30" y="85" font-family="monospace" font-size="12" fill="#f59e0b"> def latent_function(self):</text> <text x="45" y="100" font-family="monospace" font-size="11" fill="#94a3b8"> # Unintended: Social Networks</text> </g> <!-- The Organism Metaphor --> <g transform="translate(500, 320)"> <text x="0" y="20" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">Functionalism: The Organism</text> <text x="0" y="40" font-family="sans-serif" font-size="12" fill="#94a3b8" width="330">Society as a system where every part serves a purpose.</text> <!-- Three Pillars --> <g transform="translate(0, 60)"> <rect x="0" y="0" width="100" height="110" rx="8" fill="#38bdf815" stroke="#38bdf830"/> <text x="50" y="25" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#38bdf8">MANIFEST</text> <text x="10" y="50" font-family="sans-serif" font-size="10" fill="#f8fafc">Recognized and</text> <text x="10" y="65" font-family="sans-serif" font-size="10" fill="#f8fafc">intended</text> <text x="10" y="80" font-family="sans-serif" font-size="10" fill="#f8fafc">consequences.</text> <rect x="115" y="0" width="100" height="110" rx="8" fill="#f59e0b15" stroke="#f59e0b30"/> <text x="165" y="25" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#f59e0b">LATENT</text> <text x="125" y="50" font-family="sans-serif" font-size="10" fill="#f8fafc">Unintended</text> <text x="125" y="65" font-family="sans-serif" font-size="10" fill="#f8fafc">but beneficial</text> <text x="125" y="80" font-family="sans-serif" font-size="10" fill="#f8fafc">side effects.</text> <rect x="230" y="0" width="100" height="110" rx="8" fill="#ef444415" stroke="#ef444430"/> <text x="280" y="25" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#ef4444">DYSFUNCTION</text> <text x="240" y="50" font-family="sans-serif" font-size="10" fill="#f8fafc">Disruptive</text> <text x="240" y="65" font-family="sans-serif" font-size="10" fill="#f8fafc">patterns that</text> <text x="240" y="80" font-family="sans-serif" font-size="10" fill="#f8fafc">harm stability.</text> </g> </g> <!-- Footer Quote --> <rect x="40" y="505" width="820" height="40" rx="20" fill="#ffffff05"/> <text x="450" y="530" text-anchor="middle" font-family="serif" font-style="italic" font-size="14" fill="#f8fafc">"Neither the life of an individual nor the history of a society can be understood without understanding both." — C. Wright Mills</text> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="#e879f910"/> <circle cx="850" cy="50" r="15" fill="#e879f920"/> <path d="M40 50 L60 50 M50 40 L50 60" stroke="#38bdf8" stroke-width="2"/> </svg>Foundations of the Sociological Perspective image 1Foundations of the Sociological Perspective - Introduction Sociology 3e - image 1https://www.getlykke.com/explore/public/introduction-sociology-3e-60a6f2c2-d6c6-4618-b9b3-c44f4bbb764a/media/foundations-of-sociology/svg/1Foundations of the Sociological Perspective diagram 1Foundations of the Sociological Perspective - Introduction Sociology 3e - diagram 1https://www.getlykke.com/explore/public/introduction-sociology-3e-60a6f2c2-d6c6-4618-b9b3-c44f4bbb764a/media/foundations-of-sociology/svg/2Foundations of the Sociological Perspective diagram 2Foundations of the Sociological Perspective - Introduction Sociology 3e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#334155" fill-opacity="0.5"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">SOCIAL INTERACTION &amp; THE CULTURAL STACK</text> <line x1="300" y1="80" x2="600" y2="80" stroke="#38bdf8" stroke-width="2" stroke-dasharray="8 4"/> <text x="450" y="100" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Societal Operating System: From Biology to Socialized Nodes</text> <!-- Left Panel: Culture (The Software Stack) --> <rect x="40" y="130" width="400" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">1. CULTURE: THE SOFTWARE STACK</text> <!-- Material vs Non-Material --> <g transform="translate(60, 190)"> <rect width="170" height="130" rx="8" fill="#ffffff05"/> <text x="10" y="25" font-family="sans-serif" font-weight="bold" font-size="13" fill="#38bdf8">MATERIAL (Hardware)</text> <text x="10" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Physical artifacts and tools.</text> <circle cx="25" cy="85" r="15" fill="#38bdf820" stroke="#38bdf8"/> <path d="M20 85 L30 85 M25 80 L25 90" stroke="#38bdf8" stroke-width="2"/> <text x="50" y="80" font-family="sans-serif" font-size="11" fill="#f8fafc">Architecture</text> <text x="50" y="95" font-family="sans-serif" font-size="11" fill="#f8fafc">Technology</text> </g> <g transform="translate(250, 190)"> <rect width="170" height="130" rx="8" fill="#ffffff05"/> <text x="10" y="25" font-family="sans-serif" font-weight="bold" font-size="13" fill="#e879f9">NON-MATERIAL (Logic)</text> <text x="10" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Ideas, beliefs, and norms.</text> <circle cx="25" cy="85" r="15" fill="#e879f920" stroke="#e879f9"/> <path d="M20 82 L25 88 L32 78" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="50" y="80" font-family="sans-serif" font-size="11" fill="#f8fafc">Language</text> <text x="50" y="95" font-family="sans-serif" font-size="11" fill="#f8fafc">Values &amp; Beliefs</text> </g> <!-- Right Panel: Socialization (Bootstrapping) --> <rect x="460" y="130" width="400" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">2. SOCIALIZATION: BOOTSTRAPPING</text> <g transform="translate(480, 190)"> <text x="0" y="15" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">The Development of Self</text> <rect x="0" y="25" width="360" height="45" rx="4" fill="#ffffff05"/> <text x="10" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Mead's Theory: The "I" (Subject) vs. The "Me" (Object)</text> <circle cx="180" cy="55" r="5" fill="#e879f9"/> <line x1="10" y1="55" x2="175" y2="55" stroke="#334155" stroke-width="1"/> <line x1="185" y1="55" x2="350" y2="55" stroke="#334155" stroke-width="1"/> <text x="0" y="90" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Primary Agents</text> <g transform="translate(0, 100)"> <rect x="0" y="0" width="110" height="30" rx="4" fill="#38bdf815"/> <text x="55" y="20" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#38bdf8">FAMILY</text> <rect x="120" y="0" width="110" height="30" rx="4" fill="#38bdf815"/> <text x="175" y="20" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#38bdf8">PEERS</text> <rect x="240" y="0" width="110" height="30" rx="4" fill="#38bdf815"/> <text x="295" y="20" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#38bdf8">SCHOOL</text> </g> </g> <!-- Bottom Panel: Components of Culture --> <rect x="40" y="370" width="820" height="150" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="405" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">3. CORE COMPONENTS OF THE SYSTEM</text> <g transform="translate(60, 425)"> <!-- Values --> <g transform="translate(0, 0)"> <polygon points="25,0 31,18 50,18 35,29 41,47 25,36 9,47 15,29 0,18 19,18" fill="#f59e0b" opacity="0.8"/> <text x="25" y="65" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">VALUES</text> <text x="25" y="80" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Ideal Standards</text> </g> <!-- Norms --> <g transform="translate(180, 0)"> <rect x="10" y="0" width="30" height="45" rx="4" fill="#38bdf8" opacity="0.8"/> <line x1="15" y1="10" x2="35" y2="10" stroke="#0f172a" stroke-width="2"/> <line x1="15" y1="20" x2="35" y2="20" stroke="#0f172a" stroke-width="2"/> <line x1="15" y1="30" x2="25" y2="30" stroke="#0f172a" stroke-width="2"/> <text x="25" y="65" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">NORMS</text> <text x="25" y="80" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Rules of Conduct</text> </g> <!-- Symbols --> <g transform="translate(360, 0)"> <circle cx="25" cy="22" r="20" stroke="#e879f9" stroke-width="3" fill="none"/> <path d="M15 22 L35 22 M25 12 L25 32" stroke="#e879f9" stroke-width="2"/> <text x="25" y="65" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">SYMBOLS</text> <text x="25" y="80" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Shared Meanings</text> </g> <!-- Language --> <g transform="translate(540, 0)"> <path d="M5 5 Q5 40 25 40 L45 40 Q45 5 25 5 Z" fill="#38bdf8" opacity="0.8"/> <text x="25" y="65" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">LANGUAGE</text> <text x="25" y="80" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Transmission</text> </g> <!-- Consonance --> <g transform="translate(680, -10)"> <rect x="0" y="0" width="100" height="90" rx="8" fill="#ffffff10" stroke="#ffffff20"/> <text x="50" y="20" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="10" fill="#94a3b8">CONSONANCE</text> <path d="M20 70 L40 40 L60 55 L80 30" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="50" y="82" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">0.9421</text> </g> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="#f59e0b" fill-opacity="0.1"/> <circle cx="850" cy="50" r="15" fill="#f59e0b" fill-opacity="0.2"/> <path d="M880 0 L900 20 M860 0 L900 40" stroke="#ffffff10" stroke-width="1"/> <text x="860" y="540" text-anchor="end" font-family="sans-serif" font-size="10" fill="#475569">SOC-OS v2.1 // CULTURAL_CORE_INIT</text> </svg>Social Interaction, Culture, and Socialization image 1Social Interaction, Culture, and Socialization - Introduction Sociology 3e - image 1https://www.getlykke.com/explore/public/introduction-sociology-3e-60a6f2c2-d6c6-4618-b9b3-c44f4bbb764a/media/social-interaction-and-culture/svg/1Social Interaction, Culture, and Socialization diagram 1Social Interaction, Culture, and Socialization - Introduction Sociology 3e - diagram 1https://www.getlykke.com/explore/public/introduction-sociology-3e-60a6f2c2-d6c6-4618-b9b3-c44f4bbb764a/media/social-interaction-and-culture/svg/2Social Interaction, Culture, and Socialization diagram 2Social Interaction, Culture, and Socialization - Introduction Sociology 3e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" letter-spacing="1">SOCIAL INEQUALITY &amp; STRATIFICATION</text> <rect x="350" y="70" width="200" height="3" fill="url(#accentGrad)" rx="1.5"/> <text x="450" y="92" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-style="italic">The systemic categorization of society into hierarchical layers of power and wealth.</text> <!-- Left Panel: The 4 Principles --> <rect x="30" y="120" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="50" y="155" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="bold">The 4 Principles</text> <g transform="translate(50, 180)"> <circle cx="10" cy="10" r="4" fill="#f59e0b"/> <text x="25" y="15" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Societal Trait</text> <text x="25" y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">Not just individual talent, but a</text> <text x="25" y="46" fill="#94a3b8" font-family="sans-serif" font-size="11">structural feature of society.</text> </g> <g transform="translate(50, 250)"> <circle cx="10" cy="10" r="4" fill="#f59e0b"/> <text x="25" y="15" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Persistence</text> <text x="25" y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">Inequality is passed down through</text> <text x="25" y="46" fill="#94a3b8" font-family="sans-serif" font-size="11">generations (Social Reproduction).</text> </g> <g transform="translate(50, 320)"> <circle cx="10" cy="10" r="4" fill="#f59e0b"/> <text x="25" y="15" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Universal but Variable</text> <text x="25" y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">Found everywhere, but the criteria</text> <text x="25" y="46" fill="#94a3b8" font-family="sans-serif" font-size="11">for ranking differs by culture.</text> </g> <g transform="translate(50, 390)"> <circle cx="10" cy="10" r="4" fill="#f59e0b"/> <text x="25" y="15" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Belief Systems</text> <text x="25" y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">Supported by ideologies that justify</text> <text x="25" y="46" fill="#94a3b8" font-family="sans-serif" font-size="11">why some have more than others.</text> </g> <!-- Center Panel: Mobility Spectrum --> <rect x="310" y="120" width="280" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="155" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">Social Mobility Spectrum</text> <!-- Closed System --> <g transform="translate(340, 180)"> <rect width="220" height="80" rx="8" fill="#f59e0b15" stroke="#f59e0b33"/> <text x="110" y="25" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="14" font-weight="bold">CLOSED (Caste)</text> <text x="110" y="45" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11">Ascribed Status (Birth)</text> <path d="M 90 60 L 130 60" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/> <path d="M 100 55 L 100 65 M 120 55 L 120 65" stroke="#f59e0b" stroke-width="2"/> <text x="110" y="72" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Extremely Low Mobility</text> </g> <!-- Open System --> <g transform="translate(340, 280)"> <rect width="220" height="80" rx="8" fill="#38bdf815" stroke="#38bdf833"/> <text x="110" y="25" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="14" font-weight="bold">OPEN (Class)</text> <text x="110" y="45" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11">Achieved Status (Merit/Effort)</text> <path d="M 110 55 L 110 70 M 105 60 L 110 55 L 115 60 M 105 65 L 110 70 L 115 65" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="110" y="72" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Moderate to High Mobility</text> </g> <!-- Meritocracy --> <g transform="translate(340, 380)"> <rect width="220" height="80" rx="8" fill="#10b98115" stroke="#10b98133"/> <text x="110" y="25" text-anchor="middle" fill="#10b981" font-family="sans-serif" font-size="14" font-weight="bold">MERITOCRACY</text> <text x="110" y="45" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11">Pure Personal Effort</text> <path d="M 95 65 L 110 55 L 125 65" fill="none" stroke="#10b981" stroke-width="2"/> <text x="110" y="72" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Theoretical Maximum</text> </g> <!-- Right Panel: Gini & Theory --> <rect x="610" y="120" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <!-- Gini Section --> <text x="630" y="155" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">Gini Coefficient</text> <g transform="translate(630, 175)"> <rect width="100" height="100" fill="#00000033" stroke="#94a3b8" stroke-width="1"/> <line x1="0" y1="100" x2="100" y2="0" stroke="#94a3b8" stroke-dasharray="3 3"/> <path d="M 0 100 Q 80 100 100 0" fill="#38bdf833" stroke="#38bdf8" stroke-width="2"/> <text x="110" y="20" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">1.0</text> <text x="110" y="35" fill="#94a3b8" font-family="sans-serif" font-size="10">Perfect</text> <text x="110" y="45" fill="#94a3b8" font-family="sans-serif" font-size="10">Inequality</text> <text x="110" y="85" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">0.0</text> <text x="110" y="100" fill="#94a3b8" font-family="sans-serif" font-size="10">Perfect</text> <text x="110" y="110" fill="#94a3b8" font-family="sans-serif" font-size="10">Equality</text> </g> <!-- Theoretical Perspectives --> <text x="630" y="325" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">Theoretical Lenses</text> <g transform="translate(630, 345)"> <rect width="220" height="45" rx="6" fill="#ffffff05"/> <circle cx="15" cy="22" r="8" fill="#38bdf822" stroke="#38bdf8"/> <text x="35" y="18" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Functionalism</text> <text x="35" y="32" fill="#94a3b8" font-family="sans-serif" font-size="10">Inequality motivates talent for hard roles.</text> </g> <g transform="translate(630, 400)"> <rect width="220" height="45" rx="6" fill="#ffffff05"/> <path d="M 10 22 L 20 22 M 15 17 L 15 27" stroke="#e879f9" stroke-width="2"/> <circle cx="15" cy="22" r="8" fill="#e879f922" stroke="#e879f9"/> <text x="35" y="18" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Conflict Theory</text> <text x="35" y="32" fill="#94a3b8" font-family="sans-serif" font-size="10">A struggle for power and resources.</text> </g> <g transform="translate(630, 455)"> <rect width="220" height="45" rx="6" fill="#ffffff05"/> <circle cx="12" cy="22" r="5" fill="#f59e0b22" stroke="#f59e0b"/> <circle cx="18" cy="22" r="5" fill="#f59e0b22" stroke="#f59e0b"/> <text x="35" y="18" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Interactionism</text> <text x="35" y="32" fill="#94a3b8" font-family="sans-serif" font-size="10">How status is signaled in daily life.</text> </g> <!-- Decorative Strata Elements (Bottom) --> <path d="M 0 540 Q 225 530 450 540 T 900 540 L 900 560 L 0 560 Z" fill="#ffffff05"/> <path d="M 0 550 Q 225 545 450 550 T 900 550 L 900 560 L 0 560 Z" fill="#ffffff08"/> </svg>Social Inequality and Stratification image 1Social Inequality and Stratification - Introduction Sociology 3e - image 1https://www.getlykke.com/explore/public/introduction-sociology-3e-60a6f2c2-d6c6-4618-b9b3-c44f4bbb764a/media/social-inequality-and-stratification/svg/1Social Inequality and Stratification diagram 1Social Inequality and Stratification - Introduction Sociology 3e - diagram 1https://www.getlykke.com/explore/public/introduction-sociology-3e-60a6f2c2-d6c6-4618-b9b3-c44f4bbb764a/media/social-inequality-and-stratification/svg/2Social Inequality and Stratification diagram 2Social Inequality and Stratification - Introduction Sociology 3e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="55" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" text-anchor="middle" letter-spacing="2">SOCIAL INSTITUTIONS</text> <text x="450" y="80" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle" letter-spacing="4">THE CIVILIZATION OPERATING SYSTEM</text> <rect x="350" y="90" width="200" height="2" fill="url(#accentGrad)"/> <!-- Central Hub Metaphor --> <circle cx="450" cy="280" r="60" fill="#ffffff05" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 4"/> <circle cx="450" cy="280" r="45" fill="#ffffff10" stroke="#38bdf8" stroke-width="2"/> <text x="450" y="275" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#38bdf8" text-anchor="middle">CORE</text> <text x="450" y="292" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">PROTOCOLS</text> <!-- Left Panel: The Family --> <rect x="40" y="120" width="340" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <rect x="40" y="120" width="340" height="45" rx="16" fill="#f59e0b20"/> <text x="60" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">THE FAMILY UNIT</text> <text x="60" y="185" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1" font-style="italic">Primary Social Reproduction</text> <!-- Kinship Table-style layout --> <g transform="translate(60, 210)"> <rect width="300" height="110" rx="8" fill="#00000020"/> <text x="10" y="20" font-family="Arial, sans-serif" font-weight="bold" font-size="11" fill="#94a3b8">KINSHIP PATTERNS</text> <text x="10" y="45" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Patrilineal</text> <text x="100" y="45" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Father's line / Property</text> <text x="10" y="65" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Matrilineal</text> <text x="100" y="65" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Mother's line / Lineage</text> <text x="10" y="85" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Bilateral</text> <text x="100" y="85" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Both sides / Modern Standard</text> </g> <!-- Family Icons --> <g transform="translate(60, 340)"> <circle cx="20" cy="20" r="15" fill="none" stroke="#f59e0b" stroke-width="2"/> <circle cx="50" cy="20" r="15" fill="none" stroke="#f59e0b" stroke-width="2"/> <path d="M 20 35 L 20 55 M 50 35 L 50 55 M 20 45 L 50 45" stroke="#f59e0b" stroke-width="2"/> <text x="80" y="30" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Functionalism: Support</text> <text x="80" y="50" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Conflict: Power Struggles</text> </g> <!-- Right Panel: Religion --> <rect x="520" y="120" width="340" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <rect x="520" y="120" width="340" height="45" rx="16" fill="#e879f920"/> <text x="540" y="150" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">RELIGION &amp; SACRED</text> <text x="540" y="185" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1" font-style="italic">The Unified Belief System</text> <!-- Durkheim Elements --> <g transform="translate(540, 210)"> <circle cx="15" cy="15" r="5" fill="#e879f9"/> <text x="30" y="19" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Beliefs (Sacred vs Profane)</text> <circle cx="15" cy="45" r="5" fill="#e879f9"/> <text x="30" y="49" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Practices (Rituals)</text> <circle cx="15" cy="75" r="5" fill="#e879f9"/> <text x="30" y="79" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Moral Community (Church)</text> </g> <!-- Organization Spectrum --> <g transform="translate(540, 315)"> <text x="0" y="0" font-family="Arial, sans-serif" font-weight="bold" font-size="11" fill="#94a3b8">ORGANIZATION SPECTRUM</text> <line x1="0" y1="25" x2="300" y2="25" stroke="#ffffff30" stroke-width="2"/> <circle cx="0" cy="25" r="4" fill="#e879f9"/> <text x="0" y="45" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc" text-anchor="middle">CULT</text> <circle cx="100" cy="25" r="4" fill="#e879f9"/> <text x="100" y="45" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc" text-anchor="middle">SECT</text> <circle cx="200" cy="25" r="4" fill="#e879f9"/> <text x="200" y="45" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc" text-anchor="middle">DENOM.</text> <circle cx="300" cy="25" r="4" fill="#e879f9"/> <text x="300" y="45" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc" text-anchor="middle">ECCLESIA</text> <text x="150" y="75" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Integration into State →</text> </g> <!-- Bottom Data Bar --> <rect x="40" y="465" width="820" height="70" rx="12" fill="#00000030" stroke="#38bdf840"/> <text x="60" y="495" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">SYSTEM ARCHITECTURE</text> <text x="60" y="515" font-family="monospace" font-size="12" fill="#94a3b8">API: Resource Distribution | Error Handling: Social Deviance | Framework: Norms &amp; Roles</text> <!-- Decorative Connections --> <path d="M 380 280 L 405 280" stroke="#38bdf8" stroke-width="1" fill="none"/> <path d="M 495 280 L 520 280" stroke="#38bdf8" stroke-width="1" fill="none"/> <path d="M 450 340 L 450 465" stroke="#38bdf8" stroke-width="1" fill="none" stroke-dasharray="2 2"/> <!-- Small floating nodes for visual depth --> <circle cx="850" cy="50" r="3" fill="#e879f9" opacity="0.5"/> <circle cx="870" cy="80" r="5" fill="#38bdf8" opacity="0.3"/> <circle cx="50" cy="500" r="4" fill="#f59e0b" opacity="0.4"/> </svg>Social Institutions image 1Social Institutions - Introduction Sociology 3e - image 1https://www.getlykke.com/explore/public/introduction-sociology-3e-60a6f2c2-d6c6-4618-b9b3-c44f4bbb764a/media/social-institutions/svg/1Social Institutions diagram 1Social Institutions - Introduction Sociology 3e - diagram 1https://www.getlykke.com/explore/public/introduction-sociology-3e-60a6f2c2-d6c6-4618-b9b3-c44f4bbb764a/media/social-institutions/svg/2Social Institutions diagram 2Social Institutions - Introduction Sociology 3e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-1">SOCIAL CHANGE &amp; MODERN SOCIETY</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400">A Systems-Engineering View of Societal Evolution</text> <rect x="40" y="105" width="120" height="4" fill="#38bdf8" rx="2"/> <!-- Left Column: Demographic Transition Model --> <rect x="40" y="130" width="400" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Demographic Transition Model (DTM)</text> <!-- DTM Graph Area --> <g transform="translate(60, 190)"> <!-- Axes --> <line x1="0" y1="160" x2="360" y2="160" stroke="#94a3b8" stroke-width="1"/> <line x1="0" y1="0" x2="0" y2="160" stroke="#94a3b8" stroke-width="1"/> <!-- Stage Dividers --> <line x1="72" y1="10" x2="72" y2="160" stroke="#ffffff15" stroke-dasharray="4"/> <line x1="144" y1="10" x2="144" y2="160" stroke="#ffffff15" stroke-dasharray="4"/> <line x1="216" y1="10" x2="216" y2="160" stroke="#ffffff15" stroke-dasharray="4"/> <line x1="288" y1="10" x2="288" y2="160" stroke="#ffffff15" stroke-dasharray="4"/> <!-- Birth Rate (Cyan) --> <path d="M 0,20 L 72,20 C 100,20 120,30 144,60 C 180,100 216,120 288,130 L 360,135" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <!-- Death Rate (Rose) --> <path d="M 0,30 L 72,40 C 90,60 110,120 144,130 C 180,135 288,135 360,135" fill="none" stroke="#f43f5e" stroke-width="3" filter="url(#glow)"/> <!-- Total Population (Gold) --> <path d="M 0,140 L 72,140 C 100,135 144,100 216,50 C 250,30 288,25 360,35" fill="none" stroke="#f59e0b" stroke-width="3" stroke-dasharray="4"/> <!-- Labels --> <text x="5" y="15" font-family="sans-serif" font-size="10" fill="#38bdf8" font-weight="bold">Birth Rate</text> <text x="5" y="45" font-family="sans-serif" font-size="10" fill="#f43f5e" font-weight="bold">Death Rate</text> <text x="280" y="15" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">Total Pop.</text> </g> <!-- Stage Labels --> <g font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle"> <text x="96" y="370">STAGE 1</text> <text x="168" y="370">STAGE 2</text> <text x="240" y="370">STAGE 3</text> <text x="312" y="370">STAGE 4</text> <text x="384" y="370">STAGE 5</text> </g> <!-- DTM Legend --> <text x="60" y="405" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="600">Key Drivers:</text> <text x="60" y="425" font-family="sans-serif" font-size="11" fill="#94a3b8">S1: High Infectious Disease</text> <text x="60" y="442" font-family="sans-serif" font-size="11" fill="#94a3b8">S2: Sanitation &amp; Food Security</text> <text x="60" y="459" font-family="sans-serif" font-size="11" fill="#94a3b8">S3: Urbanization &amp; Education</text> <text x="60" y="476" font-family="sans-serif" font-size="11" fill="#94a3b8">S4: Post-Industrial Stability</text> <text x="60" y="493" font-family="sans-serif" font-size="11" fill="#94a3b8">S5: Aging &amp; Contraction</text> <!-- Right Column: Urbanization Models --> <rect x="460" y="130" width="400" height="250" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Spatial Logic of Modernity</text> <!-- Model 1: Concentric --> <g transform="translate(500, 220)"> <circle cx="30" cy="30" r="30" fill="none" stroke="#e879f9" stroke-width="1.5" opacity="0.3"/> <circle cx="30" cy="30" r="20" fill="none" stroke="#e879f9" stroke-width="1.5" opacity="0.6"/> <circle cx="30" cy="30" r="10" fill="#e879f9" opacity="0.9"/> <text x="30" y="80" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Concentric Zone</text> <text x="30" y="95" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">Burgess: Rings</text> </g> <!-- Model 2: Sector --> <g transform="translate(630, 220)"> <circle cx="30" cy="30" r="30" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <path d="M 30,30 L 60,30 A 30,30 0 0 1 45,56 Z" fill="#38bdf8" opacity="0.7"/> <path d="M 30,30 L 10,55 A 30,30 0 0 1 0,30 Z" fill="#38bdf8" opacity="0.4"/> <text x="30" y="80" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Sector Model</text> <text x="30" y="95" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">Hoyt: Corridors</text> </g> <!-- Model 3: Multiple Nuclei --> <g transform="translate(760, 220)"> <rect x="20" y="20" width="20" height="20" fill="#f59e0b" opacity="0.9"/> <rect x="45" y="10" width="15" height="15" fill="#f59e0b" opacity="0.6"/> <rect x="5" y="40" width="12" height="12" fill="#f59e0b" opacity="0.6"/> <rect x="40" y="45" width="18" height="18" fill="#f59e0b" opacity="0.4"/> <text x="30" y="80" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Multiple Nuclei</text> <text x="30" y="95" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">Harris: Nodes</text> </g> <!-- Bottom Right: The Delta Concept --> <rect x="460" y="400" width="400" height="120" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="540" y="445" font-family="serif" font-size="48" fill="#e879f9" font-style="italic" filter="url(#glow)">Δ</text> <text x="600" y="435" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">The Delta of Change</text> <text x="600" y="455" font-family="monospace" font-size="13" fill="#38bdf8">P(t+1) = Pt + (B-D) + (I-E)</text> <text x="600" y="475" font-family="sans-serif" font-size="11" fill="#94a3b8" width="240">Society as a complex adaptive system shifting between temporal equilibria.</text> <!-- Decorative Accents --> <circle cx="860" cy="40" r="20" fill="none" stroke="#ffffff10" stroke-width="2"/> <circle cx="860" cy="40" r="10" fill="#e879f9" opacity="0.2"/> <path d="M 840 520 L 880 520 M 860 500 L 860 540" stroke="#ffffff20" stroke-width="1"/> </svg>Social Change and Modern Society image 1Social Change and Modern Society - Introduction Sociology 3e - image 1https://www.getlykke.com/explore/public/introduction-sociology-3e-60a6f2c2-d6c6-4618-b9b3-c44f4bbb764a/media/social-change-and-modernity/svg/1Social Change and Modern Society diagram 1Social Change and Modern Society - Introduction Sociology 3e - diagram 1https://www.getlykke.com/explore/public/introduction-sociology-3e-60a6f2c2-d6c6-4618-b9b3-c44f4bbb764a/media/social-change-and-modernity/svg/2Social Change and Modern Society diagram 2Social Change and Modern Society - Introduction Sociology 3e - diagram 2https://www.getlykke.com/explore/public/psychology-2e-c0ca6e48-345f-4c57-92fa-35774756d7ca2026-04-20T04:44:25.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="60" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">Foundations of Psychological Science</text> <text x="40" y="88" font-family="Arial, sans-serif" font-size="15" fill="#94a3b8">The rigorous study of mind and behavior as a bridge between biological and social sciences.</text> <!-- Hub Science Visual (Top Right) --> <g transform="translate(680, 55)"> <circle cx="0" cy="0" r="35" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text text-anchor="middle" y="5" font-family="Arial, sans-serif" font-weight="bold" font-size="10" fill="#38bdf8">PSYCHOLOGY</text> <line x1="-35" y1="0" x2="-60" y2="-20" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4"/> <text x="-65" y="-25" text-anchor="end" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Biology</text> <line x1="35" y1="0" x2="60" y2="20" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4"/> <text x="65" y="30" text-anchor="start" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Social Sciences</text> </g> <!-- Main Content Cards --> <!-- Left Card: Schools of Thought --> <rect x="40" y="125" width="400" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="155" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">Schools of Thought</text> <g transform="translate(60, 180)"> <rect width="360" height="45" rx="8" fill="#ffffff05"/> <text x="10" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Structuralism (Wundt)</text> <text x="10" y="34" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Mapping the "periodic table" of the mind via introspection.</text> </g> <g transform="translate(60, 235)"> <rect width="360" height="45" rx="8" fill="#ffffff05"/> <text x="10" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Functionalism (James)</text> <text x="10" y="34" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">How mental processes help organisms adapt to environment.</text> </g> <g transform="translate(60, 290)"> <rect width="360" height="45" rx="8" fill="#ffffff05"/> <text x="10" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Behaviorism (Skinner/Watson)</text> <text x="10" y="34" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Focus on observable behavior; the mind as a "black box".</text> </g> <g transform="translate(60, 345)"> <rect width="360" height="45" rx="8" fill="#ffffff05"/> <text x="10" y="18" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Humanism (Maslow/Rogers)</text> <text x="10" y="34" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Emphasizing personal growth and self-actualization.</text> </g> <!-- Right Card: Scientific Method --> <rect x="460" y="125" width="400" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="155" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">The Research Pipeline</text> <g transform="translate(480, 175)"> <!-- Pipeline Steps --> <circle cx="15" cy="15" r="12" fill="#38bdf8"/> <text x="15" y="19" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#0f172a">1</text> <text x="40" y="19" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Observation &amp; Review</text> <circle cx="15" cy="50" r="12" fill="#38bdf8" opacity="0.8"/> <text x="15" y="54" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#0f172a">2</text> <text x="40" y="54" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Hypothesis Formulation</text> <circle cx="15" cy="85" r="12" fill="#38bdf8" opacity="0.7"/> <text x="15" y="89" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#0f172a">3</text> <text x="40" y="89" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Operationalization</text> <circle cx="15" cy="120" r="12" fill="#38bdf8" opacity="0.6"/> <text x="15" y="124" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#0f172a">4</text> <text x="40" y="124" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Data Collection</text> <circle cx="15" cy="155" r="12" fill="#38bdf8" opacity="0.5"/> <text x="15" y="159" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#0f172a">5</text> <text x="40" y="159" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Statistical Analysis</text> <circle cx="15" cy="190" r="12" fill="#38bdf8" opacity="0.4"/> <text x="15" y="194" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#0f172a">6</text> <text x="40" y="194" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Peer Review &amp; Publication</text> <!-- Connector Line --> <line x1="15" y1="27" x2="15" y2="38" stroke="#38bdf8" stroke-width="2" opacity="0.3"/> <line x1="15" y1="62" x2="15" y2="73" stroke="#38bdf8" stroke-width="2" opacity="0.3"/> <line x1="15" y1="97" x2="15" y2="108" stroke="#38bdf8" stroke-width="2" opacity="0.3"/> <line x1="15" y1="132" x2="15" y2="143" stroke="#38bdf8" stroke-width="2" opacity="0.3"/> <line x1="15" y1="167" x2="15" y2="178" stroke="#38bdf8" stroke-width="2" opacity="0.3"/> </g> <!-- Timeline Section --> <g transform="translate(0, 440)"> <rect x="40" y="0" width="820" height="100" rx="16" fill="#ffffff05"/> <line x1="80" y1="50" x2="780" y2="50" stroke="#94a3b8" stroke-width="2" stroke-dasharray="2 4"/> <!-- Timeline Nodes --> <g transform="translate(100, 50)"> <circle r="6" fill="#f59e0b" filter="url(#glow)"/> <text y="-15" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">1879</text> <text y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">First Lab (Wundt)</text> </g> <g transform="translate(260, 50)"> <circle r="6" fill="#f59e0b" filter="url(#glow)"/> <text y="-15" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">1890</text> <text y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">Principles of Psych</text> </g> <g transform="translate(420, 50)"> <circle r="6" fill="#f59e0b" filter="url(#glow)"/> <text y="-15" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">1913</text> <text y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">Behaviorist Manifesto</text> </g> <g transform="translate(580, 50)"> <circle r="6" fill="#f59e0b" filter="url(#glow)"/> <text y="-15" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">1950s</text> <text y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">Cognitive Revolution</text> </g> <g transform="translate(740, 50)"> <circle r="6" fill="#f59e0b" filter="url(#glow)"/> <text y="-15" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f59e0b">Modern</text> <text y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">Neuroscience Hub</text> </g> </g> <!-- Decorative Elements --> <path d="M840 40 Q860 60 840 80" stroke="#e879f9" fill="none" stroke-width="2" opacity="0.4"/> <circle cx="50" cy="510" r="20" fill="#f59e0b" opacity="0.05"/> <rect x="800" y="480" width="40" height="40" rx="8" fill="#38bdf8" opacity="0.05" transform="rotate(15 820 500)"/> </svg>Foundations of Psychological Science image 1Foundations of Psychological Science - Psychology 2e - image 1https://www.getlykke.com/explore/public/psychology-2e-c0ca6e48-345f-4c57-92fa-35774756d7ca/media/foundations-of-psychological-science/svg/1Foundations of Psychological Science diagram 1Foundations of Psychological Science - Psychology 2e - diagram 1https://www.getlykke.com/explore/public/psychology-2e-c0ca6e48-345f-4c57-92fa-35774756d7ca/media/foundations-of-psychological-science/svg/2Foundations of Psychological Science diagram 2Foundations of Psychological Science - Psychology 2e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">BIOLOGICAL &amp; COGNITIVE BASES OF BEHAVIOR</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">A SYNTHESIS OF WETWARE AND COMPUTATIONAL PROCESSING</text> <rect x="40" y="105" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Left Column: The Wetware (Neuron) --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">I. THE WETWARE</text> <text x="60" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">The Neuron: 86 Billion Units</text> <!-- Neuron Illustration --> <g transform="translate(60, 200)"> <!-- Soma --> <circle cx="30" cy="40" r="15" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="30" cy="40" r="5" fill="#38bdf8"/> <!-- Dendrites --> <path d="M 18 30 L 5 15 M 25 25 L 15 5 M 35 25 L 45 5 M 42 30 L 55 15" stroke="#38bdf8" stroke-width="1.5" stroke-linecap="round"/> <!-- Axon --> <path d="M 45 40 L 180 40" stroke="#f59e0b" stroke-width="3" stroke-dasharray="10 5"/> <rect x="60" y="35" width="20" height="10" rx="2" fill="#f59e0b" opacity="0.6"/> <rect x="90" y="35" width="20" height="10" rx="2" fill="#f59e0b" opacity="0.6"/> <rect x="120" y="35" width="20" height="10" rx="2" fill="#f59e0b" opacity="0.6"/> <text x="0" y="85" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">ACTION POTENTIAL</text> <!-- Mini Graph --> <path d="M 0 130 L 40 130 L 55 90 L 70 145 L 90 130 L 130 130" fill="none" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <text x="0" y="155" font-family="sans-serif" font-size="10" fill="#94a3b8">Depolarization (-55mV Threshold)</text> </g> <text x="60" y="420" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">SYNAPTIC TRANSMISSION</text> <text x="60" y="440" font-family="sans-serif" font-size="11" fill="#94a3b8">Chemical messengers (Neurotransmitters)</text> <text x="60" y="455" font-family="sans-serif" font-size="11" fill="#94a3b8">bridge the synaptic gap via receptors.</text> <!-- Center Column: The Modular Brain --> <rect x="320" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="340" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">II. ARCHITECTURE</text> <!-- Stylized Brain Map --> <g transform="translate(340, 190)"> <!-- Frontal --> <path d="M 50 20 Q 10 20 10 70 Q 10 110 50 110 L 80 110 L 80 20 Z" fill="#38bdf8" opacity="0.4" stroke="#38bdf8" stroke-width="1"/> <text x="15" y="65" font-family="sans-serif" font-size="10" fill="#f8fafc" font-weight="bold">FRONTAL</text> <!-- Parietal --> <path d="M 85 20 L 150 20 Q 180 20 180 60 L 140 60 L 85 60 Z" fill="#f59e0b" opacity="0.4" stroke="#f59e0b" stroke-width="1"/> <text x="105" y="45" font-family="sans-serif" font-size="10" fill="#f8fafc" font-weight="bold">PARIETAL</text> <!-- Temporal --> <path d="M 85 65 L 140 65 L 160 110 L 85 110 Z" fill="#e879f9" opacity="0.4" stroke="#e879f9" stroke-width="1"/> <text x="95" y="95" font-family="sans-serif" font-size="10" fill="#f8fafc" font-weight="bold">TEMPORAL</text> <!-- Occipital --> <path d="M 185 60 Q 210 60 210 90 Q 210 110 185 110 L 165 110 L 145 60 Z" fill="#10b981" opacity="0.4" stroke="#10b981" stroke-width="1"/> <text x="165" y="90" font-family="sans-serif" font-size="9" fill="#f8fafc" font-weight="bold" transform="rotate(90 165,90)">OCCIPITAL</text> </g> <g transform="translate(340, 340)"> <circle cx="10" cy="10" r="4" fill="#38bdf8"/> <text x="25" y="14" font-family="sans-serif" font-size="12" fill="#f8fafc">Executive Function (Frontal)</text> <circle cx="10" cy="35" r="4" fill="#f59e0b"/> <text x="25" y="39" font-family="sans-serif" font-size="12" fill="#f8fafc">Somatosensory (Parietal)</text> <circle cx="10" cy="60" r="4" fill="#e879f9"/> <text x="25" y="64" font-family="sans-serif" font-size="12" fill="#f8fafc">Auditory/Memory (Temporal)</text> <circle cx="10" cy="85" r="4" fill="#10b981"/> <text x="25" y="89" font-family="sans-serif" font-size="12" fill="#f8fafc">Visual Processing (Occipital)</text> </g> <!-- Right Column: The Software (Cognitive) --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="620" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">III. THE SOFTWARE</text> <g transform="translate(620, 190)"> <rect width="220" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="20" font-family="sans-serif" font-size="12" fill="#f59e0b" font-weight="bold">DOPAMINE</text> <text x="10" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Reward, Motivation, Motor Control</text> <rect y="65" width="220" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="85" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">SEROTONIN</text> <text x="10" y="103" font-family="sans-serif" font-size="11" fill="#94a3b8">Mood Regulation, Sleep, Appetite</text> <rect y="130" width="220" height="50" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="150" font-family="sans-serif" font-size="12" fill="#e879f9" font-weight="bold">GLUTAMATE</text> <text x="10" y="168" font-family="sans-serif" font-size="11" fill="#94a3b8">Primary Excitatory: Learning</text> </g> <g transform="translate(620, 400)"> <text x="0" y="0" font-family="sans-serif" font-size="14" fill="#f8fafc" font-weight="bold">COGNITIVE PROCESSING</text> <path d="M 0 10 L 220 10" stroke="#ffffff20" stroke-width="1"/> <text x="0" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">Sensation: Raw data input</text> <text x="0" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Perception: Interpretation of input</text> <text x="0" y="70" font-family="sans-serif" font-size="11" fill="#94a3b8">Cognition: High-level manipulation</text> <!-- Flow arrows --> <path d="M 180 25 L 195 40 L 180 55" fill="none" stroke="#f59e0b" stroke-width="2" opacity="0.5"/> </g> <!-- Footer Info --> <text x="450" y="545" font-family="sans-serif" font-size="10" fill="#475569" text-anchor="middle" letter-spacing="2">NEUROSCIENCE • BIOPSYCHOLOGY • COGNITIVE SCIENCE</text> </svg>Biological and Cognitive Bases of Behavior image 1Biological and Cognitive Bases of Behavior - Psychology 2e - image 1https://www.getlykke.com/explore/public/psychology-2e-c0ca6e48-345f-4c57-92fa-35774756d7ca/media/biological-and-cognitive-bases/svg/1Biological and Cognitive Bases of Behavior diagram 1Biological and Cognitive Bases of Behavior - Psychology 2e - diagram 1https://www.getlykke.com/explore/public/psychology-2e-c0ca6e48-345f-4c57-92fa-35774756d7ca/media/biological-and-cognitive-bases/svg/2Biological and Cognitive Bases of Behavior diagram 2Biological and Cognitive Bases of Behavior - Psychology 2e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.025em">DEVELOPMENT &amp; SOCIAL DYNAMICS</text> <rect x="40" y="75" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <text x="175" y="72" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="500">THE ARCHITECTURE OF HUMAN EXPERIENCE</text> <!-- Left Panel: Lifespan Development --> <rect x="40" y="110" width="400" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="145" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">Lifespan Development</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Temporal progression through psychosocial stages.</text> <!-- Erikson Timeline --> <line x1="80" y1="210" x2="80" y2="470" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4 4"/> <!-- Stage 1 --> <circle cx="80" cy="210" r="6" fill="#f59e0b"/> <text x="100" y="205" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Infancy (0-1y)</text> <text x="100" y="220" font-family="sans-serif" font-size="11" fill="#94a3b8">Trust vs. Mistrust → <tspan fill="#f59e0b">Hope</tspan></text> <!-- Stage 5 --> <circle cx="80" cy="280" r="6" fill="#e879f9"/> <text x="100" y="275" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Adolescence (12-18y)</text> <text x="100" y="290" font-family="sans-serif" font-size="11" fill="#94a3b8">Identity vs. Confusion → <tspan fill="#e879f9">Fidelity</tspan></text> <!-- Stage 7 --> <circle cx="80" cy="350" r="6" fill="#38bdf8"/> <text x="100" y="345" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Middle Adulthood (40-65y)</text> <text x="100" y="360" font-family="sans-serif" font-size="11" fill="#94a3b8">Generativity vs. Stagnation → <tspan fill="#38bdf8">Care</tspan></text> <!-- Stage 8 --> <circle cx="80" cy="420" r="6" fill="#10b981"/> <text x="100" y="415" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Late Life (65+y)</text> <text x="100" y="430" font-family="sans-serif" font-size="11" fill="#94a3b8">Integrity vs. Despair → <tspan fill="#10b981">Wisdom</tspan></text> <!-- Right Panel: Social Dynamics --> <rect x="460" y="110" width="400" height="230" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="480" y="145" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">Social Psychology</text> <text x="480" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">The power of the situation and social influence.</text> <!-- Attribution Theory Visual --> <g transform="translate(480, 190)"> <rect width="360" height="130" rx="12" fill="#00000020"/> <text x="10" y="25" font-family="sans-serif" font-size="12" font-weight="600" fill="#f8fafc">Attribution Theory</text> <!-- Internal --> <rect x="20" y="45" width="140" height="60" rx="8" fill="#38bdf820" stroke="#38bdf840"/> <text x="90" y="65" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="700" fill="#38bdf8">INTERNAL</text> <text x="90" y="85" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Personality Traits</text> <!-- External --> <rect x="200" y="45" width="140" height="60" rx="8" fill="#f59e0b20" stroke="#f59e0b40"/> <text x="270" y="65" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="700" fill="#f59e0b">EXTERNAL</text> <text x="270" y="85" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Situational Factors</text> <path d="M 165 75 L 195 75" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrow)"/> </g> <!-- Bottom Right: Social Impact Theory --> <rect x="460" y="360" width="400" height="160" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="480" y="395" font-family="sans-serif" font-size="16" font-weight="700" fill="#f59e0b">Social Impact Theory</text> <!-- Formula --> <rect x="480" y="415" width="160" height="80" rx="12" fill="#00000030"/> <text x="560" y="455" text-anchor="middle" font-family="serif" font-size="24" font-style="italic" fill="#f8fafc">I = f(S, Im, N)</text> <text x="560" y="480" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Impact = Strength × Immediacy × Number</text> <!-- Visual representation of Impact --> <g transform="translate(680, 440)"> <circle r="30" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="2 2"/> <circle r="20" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 4"/> <circle r="5" fill="#e879f9"/> <!-- Target --> <text x="0" y="45" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Target</text> <!-- Sources --> <circle cx="-40" cy="-20" r="8" fill="#38bdf8"/> <circle cx="35" cy="-35" r="5" fill="#38bdf8"/> <circle cx="45" cy="10" r="10" fill="#38bdf8"/> </g> <!-- Domain Tags --> <g transform="translate(40, 535)"> <rect x="0" y="0" width="80" height="20" rx="10" fill="#38bdf830"/> <text x="40" y="14" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="700" fill="#38bdf8">PHYSICAL</text> <rect x="90" y="0" width="85" height="20" rx="10" fill="#e879f930"/> <text x="132.5" y="14" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="700" fill="#e879f9">COGNITIVE</text> <rect x="185" y="0" width="100" height="20" rx="10" fill="#f59e0b30"/> <text x="235" y="14" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="700" fill="#f59e0b">PSYCHOSOCIAL</text> </g> <!-- Decorative Arrow Marker --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#94a3b8" /> </marker> </defs> </svg>Development and Social Dynamics image 1Development and Social Dynamics - Psychology 2e - image 1https://www.getlykke.com/explore/public/psychology-2e-c0ca6e48-345f-4c57-92fa-35774756d7ca/media/development-and-social-dynamics/svg/1Development and Social Dynamics diagram 1Development and Social Dynamics - Psychology 2e - diagram 1https://www.getlykke.com/explore/public/psychology-2e-c0ca6e48-345f-4c57-92fa-35774756d7ca/media/development-and-social-dynamics/svg/2Development and Social Dynamics diagram 2Development and Social Dynamics - Psychology 2e - diagram 2<svg viewBox="0 0 900 560" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="30" letter-spacing="1">MENTAL HEALTH: THE SYSTEMS ARCHITECTURE</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="2">A SYSTEMS ENGINEERING PERSPECTIVE ON PSYCHOLOGICAL FUNCTIONING</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" stroke-opacity="0.5"/> <!-- Left Column: The Diagnostic API (DSM) --> <rect x="30" y="110" width="260" height="300" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="50" y="140" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="18">The Diagnostic API</text> <text x="50" y="160" fill="#94a3b8" font-family="sans-serif" font-size="11">Evolution of the DSM Schema</text> <!-- DSM-IV Card --> <rect x="45" y="180" width="230" height="85" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="55" y="200" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="13">DSM-IV-TR (Legacy)</text> <circle cx="60" cy="218" r="3" fill="#e879f9"/> <text x="70" y="222" fill="#94a3b8" font-family="sans-serif" font-size="11">Multiaxial System (Axis I-V)</text> <circle cx="60" cy="233" r="3" fill="#e879f9"/> <text x="70" y="237" fill="#94a3b8" font-family="sans-serif" font-size="11">Categorical (Yes/No) Logic</text> <circle cx="60" cy="248" r="3" fill="#e879f9"/> <text x="70" y="252" fill="#94a3b8" font-family="sans-serif" font-size="11">Bereavement Exclusion</text> <!-- DSM-5 Card --> <rect x="45" y="280" width="230" height="110" rx="8" fill="#38bdf810" stroke="#38bdf830"/> <text x="55" y="300" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="13">DSM-5-TR (Modern)</text> <circle cx="60" cy="318" r="3" fill="#38bdf8"/> <text x="70" y="322" fill="#f8fafc" font-family="sans-serif" font-size="11">Unified Non-Axial Schema</text> <circle cx="60" cy="333" r="3" fill="#38bdf8"/> <text x="70" y="337" fill="#f8fafc" font-family="sans-serif" font-size="11">Dimensional Severity Scales</text> <circle cx="60" cy="348" r="3" fill="#38bdf8"/> <text x="70" y="352" fill="#f8fafc" font-family="sans-serif" font-size="11">Developmental Lifespan Approach</text> <circle cx="60" cy="363" r="3" fill="#38bdf8"/> <text x="70" y="367" fill="#f8fafc" font-family="sans-serif" font-size="11">Integrated Spectrum Models</text> <!-- Center: The Mind OS Core --> <g filter="url(#glow)"> <circle cx="450" cy="260" r="70" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <circle cx="450" cy="260" r="60" fill="none" stroke="#e879f9" stroke-width="1" stroke-dasharray="4 4"/> <text x="450" y="255" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="16">MIND OS</text> <text x="450" y="272" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">CORE KERNEL</text> </g> <!-- Connection Lines --> <path d="M 370 260 L 290 260" stroke="#38bdf8" stroke-width="1" stroke-dasharray="2 2"/> <path d="M 530 260 L 610 260" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2 2"/> <!-- Right Column: Taxonomy of Failures --> <rect x="610" y="110" width="260" height="300" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="630" y="140" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="18">System Failures</text> <text x="630" y="160" fill="#94a3b8" font-family="sans-serif" font-size="11">Phenomenological Output Errors</text> <!-- Disorder Items --> <g transform="translate(630, 180)"> <rect width="220" height="45" rx="6" fill="#f59e0b10"/> <text x="10" y="18" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="12">Threat Detection (Anxiety)</text> <text x="10" y="34" fill="#94a3b8" font-family="sans-serif" font-size="10">Over-active sensor / Logic loops (OCD)</text> </g> <g transform="translate(630, 235)"> <rect width="220" height="45" rx="6" fill="#f59e0b10"/> <text x="10" y="18" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="12">Valuation System (Mood)</text> <text x="10" y="34" fill="#94a3b8" font-family="sans-serif" font-size="10">Hedonic tone bias (MDD / Bipolar)</text> </g> <g transform="translate(630, 290)"> <rect width="220" height="45" rx="6" fill="#f59e0b10"/> <text x="10" y="18" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="12">Reality Processing (Schiz.)</text> <text x="10" y="34" fill="#94a3b8" font-family="sans-serif" font-size="10">Input disintegration / Hallucinations</text> </g> <g transform="translate(630, 345)"> <rect width="220" height="45" rx="6" fill="#f59e0b10"/> <text x="10" y="18" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="12">Firmware Level (Personality)</text> <text x="10" y="34" fill="#94a3b8" font-family="sans-serif" font-size="10">Inflexible ego-syntonic patterns</text> </g> <!-- Bottom: Patching Strategies --> <g transform="translate(30, 430)"> <rect width="410" height="100" rx="16" fill="#e879f908" stroke="#e879f930"/> <path d="M 20 25 L 35 40 L 20 55" fill="none" stroke="#e879f9" stroke-width="3"/> <text x="55" y="35" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="16">Software Patch: Psychotherapy</text> <text x="55" y="55" fill="#f8fafc" font-family="sans-serif" font-size="12">Addressing the algorithmic level of thought.</text> <text x="55" y="72" fill="#94a3b8" font-family="sans-serif" font-size="11">CBT (Logic refactoring), DBT (Buffer management),</text> <text x="55" y="85" fill="#94a3b8" font-family="sans-serif" font-size="11">and Psychoanalysis (Legacy code review).</text> </g> <g transform="translate(460, 430)"> <rect width="410" height="100" rx="16" fill="#38bdf808" stroke="#38bdf830"/> <rect x="15" y="25" width="25" height="25" rx="4" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M 20 25 L 20 20 M 35 25 L 35 20 M 20 50 L 20 55 M 35 50 L 35 55" stroke="#38bdf8" stroke-width="2"/> <text x="55" y="35" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="16">Hardware Patch: Biomedical</text> <text x="55" y="55" fill="#f8fafc" font-family="sans-serif" font-size="12">Addressing the neurochemical substrate.</text> <text x="55" y="72" fill="#94a3b8" font-family="sans-serif" font-size="11">Pharmacotherapy (Signal modulation), ECT (System reset),</text> <text x="55" y="85" fill="#94a3b8" font-family="sans-serif" font-size="11">and TMS (Localized magnetic interference).</text> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="20" fill="#f59e0b10" stroke="#f59e0b30" stroke-width="1"/> <circle cx="850" cy="50" r="10" fill="#f59e0b20"/> <path d="M 30 50 L 100 50" stroke="#ffffff10" stroke-width="1"/> </svg>Mental Health, Disorders, and Therapy image 1Mental Health, Disorders, and Therapy - Psychology 2e - image 1https://www.getlykke.com/explore/public/psychology-2e-c0ca6e48-345f-4c57-92fa-35774756d7ca/media/mental-health-and-disorders/svg/1Mental Health, Disorders, and Therapy diagram 1Mental Health, Disorders, and Therapy - Psychology 2e - diagram 1https://www.getlykke.com/explore/public/psychology-2e-c0ca6e48-345f-4c57-92fa-35774756d7ca/media/mental-health-and-disorders/svg/2Mental Health, Disorders, and Therapy diagram 2Mental Health, Disorders, and Therapy - Psychology 2e - diagram 2https://www.getlykke.com/explore/public/anatomy-and-physiology-592ce986-a62b-4c0a-9cf6-e54b788d88f22026-04-20T04:43:48.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#818cf8"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="1">FOUNDATIONS OF ANATOMY &amp; PHYSIOLOGY</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="3">THE HIERARCHY OF BIOLOGICAL ORGANIZATION</text> <line x1="350" y1="100" x2="550" y2="100" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Main Hierarchy Flow --> <!-- Level 1: Chemical --> <rect x="40" y="140" width="125" height="180" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <circle cx="102" cy="185" r="25" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <circle cx="102" cy="185" r="4" fill="#38bdf8"/> <circle cx="85" cy="175" r="3" fill="#38bdf8"/> <circle cx="119" cy="195" r="3" fill="#38bdf8"/> <path d="M85 175 L102 185 L119 195" stroke="#38bdf8" stroke-width="1"/> <text x="102" y="235" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="16" font-weight="700">CHEMICAL</text> <text x="102" y="255" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">Atoms &amp; Molecules</text> <text x="102" y="275" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="600">DNA, ATP, H₂O</text> <!-- Level 2: Cellular --> <rect x="180" y="140" width="125" height="180" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <circle cx="242" cy="185" r="25" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <circle cx="242" cy="185" r="8" fill="#e879f9" opacity="0.6"/> <circle cx="242" cy="185" r="4" fill="#e879f9"/> <text x="242" y="235" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="16" font-weight="700">CELLULAR</text> <text x="242" y="255" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">The Unit of Life</text> <text x="242" y="275" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="600">Metabolism</text> <!-- Level 3: Tissue --> <rect x="320" y="140" width="125" height="180" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <g transform="translate(325, 168)"> <rect x="5" y="5" width="10" height="10" rx="2" fill="#38bdf8"/> <rect x="18" y="5" width="10" height="10" rx="2" fill="#38bdf8"/> <rect x="5" y="18" width="10" height="10" rx="2" fill="#38bdf8"/> <rect x="18" y="18" width="10" height="10" rx="2" fill="#38bdf8"/> <rect x="5" y="31" width="10" height="10" rx="2" fill="#38bdf8"/> <rect x="18" y="31" width="10" height="10" rx="2" fill="#38bdf8"/> </g> <text x="382" y="235" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="16" font-weight="700">TISSUE</text> <text x="382" y="255" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">Cellular Groups</text> <text x="382" y="275" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="600">Histology</text> <!-- Level 4: Organ --> <rect x="460" y="140" width="125" height="180" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <path d="M522 170 C510 160, 495 175, 522 205 C549 175, 534 160, 522 170" fill="#f43f5e20" stroke="#f43f5e" stroke-width="2"/> <text x="522" y="235" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="16" font-weight="700">ORGAN</text> <text x="522" y="255" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">Functional Units</text> <text x="522" y="275" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="600">Stomach, Heart</text> <!-- Level 5: System --> <rect x="600" y="140" width="125" height="180" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <g transform="translate(640, 165)"> <circle cx="10" cy="10" r="4" fill="#fbbf24"/> <circle cx="35" cy="15" r="4" fill="#fbbf24"/> <circle cx="20" cy="35" r="4" fill="#fbbf24"/> <line x1="10" y1="10" x2="35" y2="15" stroke="#fbbf24" stroke-width="1"/> <line x1="35" y1="15" x2="20" y2="35" stroke="#fbbf24" stroke-width="1"/> <line x1="20" y1="35" x2="10" y2="10" stroke="#fbbf24" stroke-width="1"/> </g> <text x="662" y="235" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="16" font-weight="700">SYSTEM</text> <text x="662" y="255" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">Coordinated Tasks</text> <text x="662" y="275" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="600">Digestive, Nervous</text> <!-- Level 6: Organism --> <rect x="740" y="140" width="125" height="180" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <g transform="translate(790, 165)"> <circle cx="12" cy="8" r="6" fill="#10b981" opacity="0.8"/> <path d="M12 14 L12 30 M4 20 L20 20 M12 30 L6 40 M12 30 L18 40" stroke="#10b981" stroke-width="2" stroke-linecap="round"/> </g> <text x="802" y="235" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="16" font-weight="700">ORGANISM</text> <text x="802" y="255" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">The Integrated Whole</text> <text x="802" y="275" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="600">Homo Sapiens</text> <!-- Connecting Arrows --> <path d="M165 230 L180 230" stroke="#ffffff30" stroke-width="2" marker-end="url(#arrow)"/> <path d="M305 230 L320 230" stroke="#ffffff30" stroke-width="2"/> <path d="M445 230 L460 230" stroke="#ffffff30" stroke-width="2"/> <path d="M585 230 L600 230" stroke="#ffffff30" stroke-width="2"/> <path d="M725 230 L740 230" stroke="#ffffff30" stroke-width="2"/> <!-- Bottom Section: Conceptual Pillars --> <!-- Form & Function Card --> <rect x="40" y="350" width="400" height="170" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="385" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="700">Form-Function Complementarity</text> <text x="60" y="410" fill="#f8fafc" font-family="sans-serif" font-size="13" width="360"> Structure dictates function. The shape of a bone, </text> <text x="60" y="428" fill="#f8fafc" font-family="sans-serif" font-size="13"> the surface area of lungs, and the insulation of </text> <text x="60" y="446" fill="#f8fafc" font-family="sans-serif" font-size="13"> nerves are all optimized for specific biological roles. </text> <rect x="60" y="465" width="100" height="24" rx="12" fill="#38bdf820"/> <text x="110" y="481" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="11" font-weight="700">ANATOMY</text> <text x="175" y="481" fill="#f8fafc" font-family="sans-serif" font-size="14">↔</text> <rect x="195" y="465" width="110" height="24" rx="12" fill="#f59e0b20"/> <text x="250" y="481" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="11" font-weight="700">PHYSIOLOGY</text> <!-- Homeostasis Card --> <rect x="460" y="350" width="405" height="170" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="385" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="700">Homeostatic Regulation</text> <!-- Feedback Loop Graphic --> <circle cx="530" cy="450" r="35" fill="none" stroke="#ffffff20" stroke-width="1" stroke-dasharray="4 2"/> <text x="530" y="425" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">SENSOR</text> <text x="575" y="455" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">CONTROL</text> <text x="530" y="485" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">EFFECTOR</text> <text x="620" y="415" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Dynamic Equilibrium</text> <text x="620" y="435" fill="#94a3b8" font-family="sans-serif" font-size="12">Maintaining internal stability</text> <text x="620" y="452" fill="#94a3b8" font-family="sans-serif" font-size="12">despite external changes.</text> <path d="M620 475 L820 475" stroke="#ffffff20" stroke-width="1"/> <text x="620" y="495" fill="#f59e0b" font-family="sans-serif" font-size="11" font-weight="700">SET POINT:</text> <text x="690" y="495" fill="#f8fafc" font-family="sans-serif" font-size="11">The ideal physiological value.</text> <!-- Decorative Corner Accents --> <path d="M20 20 L60 20 M20 20 L20 60" stroke="#38bdf8" stroke-width="3" opacity="0.3"/> <path d="M880 540 L840 540 M880 540 L880 500" stroke="#e879f9" stroke-width="3" opacity="0.3"/> </svg>Foundations of Anatomy and Physiology image 1Foundations of Anatomy and Physiology - Anatomy and Physiology - image 1https://www.getlykke.com/explore/public/anatomy-and-physiology-592ce986-a62b-4c0a-9cf6-e54b788d88f2/media/foundations-of-organization/svg/1Foundations of Anatomy and Physiology diagram 1Foundations of Anatomy and Physiology - Anatomy and Physiology - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <linearGradient id="accent-grad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" filter="url(#glow)">SUPPORT, MOVEMENT, &amp; CONTROL</text> <text x="40" y="85" font-family="sans-serif" font-weight="400" font-size="14" fill="#94a3b8" letter-spacing="2">THE BIOMECHANICAL &amp; CYBERNETIC FRAMEWORK</text> <rect x="40" y="105" width="120" height="4" fill="url(#accent-grad)" rx="2"/> <!-- Central Visual: Abstract Human Integration --> <g transform="translate(450, 310)"> <!-- Stylized Core --> <circle r="60" fill="#ffffff05" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 4"/> <circle r="45" fill="#ffffff08" stroke="#38bdf8" stroke-width="2"/> <path d="M -20 -20 L 20 20 M -20 20 L 20 -20" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <text y="5" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#38bdf8" letter-spacing="1">INTEGRATION</text> <!-- Connection Lines --> <line x1="-180" y1="-120" x2="-50" y2="-40" stroke="#ffffff15" stroke-width="1"/> <line x1="180" y1="-120" x2="50" y2="-40" stroke="#ffffff15" stroke-width="1"/> <line x1="-180" y1="120" x2="-50" y2="40" stroke="#ffffff15" stroke-width="1"/> <line x1="180" y1="120" x2="50" y2="40" stroke="#ffffff15" stroke-width="1"/> </g> <!-- Card 1: Integumentary (Top Left) --> <g transform="translate(40, 140)"> <rect width="260" height="150" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <circle cx="35" cy="35" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M 30 35 Q 35 42 40 35 Q 35 28 30 35" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="60" y="40" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The Interface</text> <text x="25" y="75" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="25" dy="0" font-weight="bold" fill="#f59e0b">INTEGUMENTARY SYSTEM</tspan> <tspan x="25" dy="20">• Barrier: Acid Mantle protection</tspan> <tspan x="25" dy="18">• Sensor: Receptor array</tspan> <tspan x="25" dy="18">• Thermal: Heat exchange pipeline</tspan> </text> <rect x="210" y="20" width="35" height="18" rx="4" fill="#f59e0b30"/> <text x="215" y="33" font-family="monospace" font-size="10" fill="#f59e0b">S_01</text> </g> <!-- Card 2: Control Plane (Top Right) --> <g transform="translate(600, 140)"> <rect width="260" height="150" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <circle cx="35" cy="35" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M 28 35 L 32 35 L 35 28 L 38 42 L 42 35" fill="none" stroke="#38bdf8" stroke-width="1.5"/> <text x="60" y="40" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Control Plane</text> <text x="25" y="75" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="25" dy="0" font-weight="bold" fill="#38bdf8">NERVOUS &amp; ENDOCRINE</tspan> <tspan x="25" dy="20">• Real-time: Signal processing</tspan> <tspan x="25" dy="18">• Homeostatic: Feedback loops</tspan> <tspan x="25" dy="18">• Chemical: Hormonal regulation</tspan> </text> <rect x="210" y="20" width="35" height="18" rx="4" fill="#38bdf830"/> <text x="215" y="33" font-family="monospace" font-size="10" fill="#38bdf8">S_04</text> </g> <!-- Card 3: Skeletal (Bottom Left) --> <g transform="translate(40, 340)"> <rect width="260" height="150" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <circle cx="35" cy="35" r="15" fill="#f8fafc20" stroke="#f8fafc" stroke-width="1.5"/> <rect x="28" y="32" width="14" height="6" rx="2" fill="#f8fafc"/> <text x="60" y="40" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The Chassis</text> <text x="25" y="75" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="25" dy="0" font-weight="bold" fill="#f8fafc">SKELETAL SYSTEM</tspan> <tspan x="25" dy="20">• Wolff’s Law: Dynamic remodeling</tspan> <tspan x="25" dy="18">• Reservoir: Calcium homeostasis</tspan> <tspan x="25" dy="18">• Protection: Soft-tissue payload</tspan> </text> <rect x="210" y="20" width="35" height="18" rx="4" fill="#ffffff20"/> <text x="215" y="33" font-family="monospace" font-size="10" fill="#f8fafc">S_02</text> </g> <!-- Card 4: Muscular (Bottom Right) --> <g transform="translate(600, 340)"> <rect width="260" height="150" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <circle cx="35" cy="35" r="15" fill="#ef444420" stroke="#ef4444" stroke-width="1.5"/> <path d="M 28 30 L 42 30 M 28 35 L 42 35 M 28 40 L 42 40" stroke="#ef4444" stroke-width="1.5"/> <text x="60" y="40" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">The Actuators</text> <text x="25" y="75" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="25" dy="0" font-weight="bold" fill="#ef4444">MUSCULAR SYSTEM</tspan> <tspan x="25" dy="20">• Energy: ATP to mechanical work</tspan> <tspan x="25" dy="18">• Sliding Filament: Sarcomeres</tspan> <tspan x="25" dy="18">• Locomotion: Active contraction</tspan> </text> <rect x="210" y="20" width="35" height="18" rx="4" fill="#ef444430"/> <text x="215" y="33" font-family="monospace" font-size="10" fill="#ef4444">S_03</text> </g> <!-- Footer Info --> <line x1="40" y1="520" x2="860" y2="520" stroke="#ffffff10" stroke-width="1"/> <text x="40" y="540" font-family="sans-serif" font-size="10" fill="#64748b" letter-spacing="1">BIO-CYBERNETIC SCHEMATIC // REV 2.04</text> <text x="860" y="540" text-anchor="end" font-family="sans-serif" font-size="10" fill="#64748b">WIKI_REF: BIOMECH_09</text> <!-- Decorative Corner Accents --> <path d="M 880 20 L 880 50 M 850 20 L 880 20" fill="none" stroke="#ffffff20" stroke-width="2"/> <path d="M 20 540 L 20 510 M 50 540 L 20 540" fill="none" stroke="#ffffff20" stroke-width="2"/> </svg>Support, Movement, and Control image 1Support, Movement, and Control - Anatomy and Physiology - image 1https://www.getlykke.com/explore/public/anatomy-and-physiology-592ce986-a62b-4c0a-9cf6-e54b788d88f2/media/support-movement-and-control/svg/1Support, Movement, and Control diagram 1Support, Movement, and Control - Anatomy and Physiology - diagram 1https://www.getlykke.com/explore/public/anatomy-and-physiology-592ce986-a62b-4c0a-9cf6-e54b788d88f2/media/support-movement-and-control/svg/2Support, Movement, and Control diagram 2Support, Movement, and Control - Anatomy and Physiology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">FLUIDS, TRANSPORT &amp; MAINTENANCE</text> <text x="450" y="75" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" fill="#94a3b8" font-weight="400">The Human Body's Biological Logistics and Life-Support Infrastructure</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <!-- Central Hub: Cardiovascular --> <rect x="280" y="120" width="340" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="150" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE CARDIOVASCULAR HUB</text> <!-- Heart Icon --> <path d="M450 180 c-20-20-40 0-40 20 0 25 40 45 40 45 s40-20 40-45 c0-20-20-40-40-20" fill="#f43f5e" filter="url(#glow)"/> <text x="450" y="265" text-anchor="middle" font-family="monospace" font-size="13" fill="#38bdf8">R ∝ (η · L) / r⁴</text> <text x="450" y="285" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Poiseuille's Law: Resistance &amp; Flow Control</text> <rect x="300" y="305" width="300" height="40" rx="8" fill="#ffffff08"/> <text x="315" y="330" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#f8fafc">SYSTOLE</text> <rect x="380" y="322" width="140" height="8" rx="4" fill="#1e293b"/> <rect x="380" y="322" width="90" height="8" rx="4" fill="#f43f5e"/> <text x="535" y="330" font-family="system-ui, sans-serif" font-size="12" font-weight="600" fill="#f8fafc">DIASTOLE</text> <!-- Left Panel: Respiratory --> <rect x="40" y="120" width="220" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="70" cy="145" r="12" fill="#38bdf8" fill-opacity="0.2"/> <path d="M65 145 l3 3 l7-7" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="90" y="150" font-family="system-ui, sans-serif" font-weight="700" font-size="16" fill="#38bdf8">GAS EXCHANGE</text> <text x="60" y="185" font-family="system-ui, sans-serif" font-size="12" fill="#f8fafc">O₂ Influx</text> <path d="M140 180 h40" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 2"/> <text x="60" y="210" font-family="system-ui, sans-serif" font-size="12" fill="#f8fafc">CO₂ Efflux</text> <path d="M140 205 h40" stroke="#e879f9" stroke-width="1" stroke-dasharray="4 2"/> <text x="60" y="245" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8" width="180"> <tspan x="60" dy="0">Maintaining partial pressure</tspan> <tspan x="60" dy="15">gradients across the alveolar-</tspan> <tspan x="60" dy="15">capillary membrane.</tspan> </text> <!-- Right Panel: Lymphatic --> <rect x="640" y="120" width="220" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="670" cy="145" r="12" fill="#10b981" fill-opacity="0.2"/> <path d="M665 145 h10 M670 140 v10" stroke="#10b981" stroke-width="2" fill="none" transform="rotate(45 670 145)"/> <text x="690" y="150" font-family="system-ui, sans-serif" font-weight="700" font-size="16" fill="#10b981">DRAINAGE</text> <circle cx="670" cy="190" r="4" fill="#10b981"/> <circle cx="690" cy="210" r="4" fill="#10b981"/> <circle cx="660" cy="220" r="4" fill="#10b981"/> <path d="M670 190 L690 210 L660 220 Z" fill="none" stroke="#10b981" stroke-width="1" stroke-opacity="0.5"/> <text x="710" y="195" font-family="system-ui, sans-serif" font-size="12" fill="#f8fafc">Fluid Recovery</text> <text x="710" y="215" font-family="system-ui, sans-serif" font-size="12" fill="#f8fafc">Immune Scan</text> <text x="660" y="255" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8"> <tspan x="660" dy="0">Filtering interstitial fluid</tspan> <tspan x="660" dy="15">via lymph nodes to prevent</tspan> <tspan x="660" dy="15">metabolic poisoning.</tspan> </text> <!-- Bottom Panel: Maintenance Timeline/Process --> <rect x="40" y="380" width="820" height="140" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="60" y="410" font-family="system-ui, sans-serif" font-weight="700" font-size="14" fill="#94a3b8" letter-spacing="2">MAINTENANCE WORKFLOW</text> <!-- Step 1 --> <circle cx="100" cy="455" r="20" fill="#38bdf8" fill-opacity="0.1" stroke="#38bdf8" stroke-width="1"/> <text x="100" y="460" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="bold" font-size="16" fill="#38bdf8">01</text> <text x="130" y="450" font-family="system-ui, sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Ingestion</text> <text x="130" y="465" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Digestive Input</text> <!-- Arrow --> <path d="M240 455 h40" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrowhead)"/> <!-- Step 2 --> <circle cx="320" cy="455" r="20" fill="#f59e0b" fill-opacity="0.1" stroke="#f59e0b" stroke-width="1"/> <text x="320" y="460" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="bold" font-size="16" fill="#f59e0b">02</text> <text x="350" y="450" font-family="system-ui, sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Distribution</text> <text x="350" y="465" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Bulk Flow (Blood)</text> <!-- Arrow --> <path d="M470 455 h40" stroke="#ffffff20" stroke-width="2"/> <!-- Step 3 --> <circle cx="550" cy="455" r="20" fill="#e879f9" fill-opacity="0.1" stroke="#e879f9" stroke-width="1"/> <text x="550" y="460" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="bold" font-size="16" fill="#e879f9">03</text> <text x="580" y="450" font-family="system-ui, sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Filtration</text> <text x="580" y="465" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Renal Processing</text> <!-- Arrow --> <path d="M700 455 h40" stroke="#ffffff20" stroke-width="2"/> <!-- Step 4 --> <circle cx="780" cy="455" r="20" fill="#10b981" fill-opacity="0.1" stroke="#10b981" stroke-width="1"/> <text x="780" y="460" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="bold" font-size="16" fill="#10b981">04</text> <text x="810" y="450" font-family="system-ui, sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Excretion</text> <text x="810" y="465" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Waste Removal</text> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="40" fill="#f43f5e" fill-opacity="0.03"/> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#ffffff20" /> </marker> </defs> </svg>Fluids, Transport, and Maintenance image 1Fluids, Transport, and Maintenance - Anatomy and Physiology - image 1https://www.getlykke.com/explore/public/anatomy-and-physiology-592ce986-a62b-4c0a-9cf6-e54b788d88f2/media/fluids-transport-and-maintenance/svg/1Fluids, Transport, and Maintenance diagram 1Fluids, Transport, and Maintenance - Anatomy and Physiology - diagram 1https://www.getlykke.com/explore/public/anatomy-and-physiology-592ce986-a62b-4c0a-9cf6-e54b788d88f2/media/fluids-transport-and-maintenance/svg/2Fluids, Transport, and Maintenance diagram 2Fluids, Transport, and Maintenance - Anatomy and Physiology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <g stroke="#ffffff08" stroke-width="1"> <line x1="0" y1="100" x2="900" y2="100"/> <line x1="0" y1="200" x2="900" y2="200"/> <line x1="0" y1="300" x2="900" y2="300"/> <line x1="0" y1="400" x2="900" y2="400"/> <line x1="0" y1="500" x2="900" y2="500"/> <line x1="100" y1="0" x2="100" y2="560"/> <line x1="200" y1="0" x2="200" y2="560"/> <line x1="300" y1="0" x2="300" y2="560"/> <line x1="400" y1="0" x2="400" y2="560"/> <line x1="500" y1="0" x2="500" y2="560"/> <line x1="600" y1="0" x2="600" y2="560"/> <line x1="700" y1="0" x2="700" y2="560"/> <line x1="800" y1="0" x2="800" y2="560"/> </g> <!-- Header --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="28" fill="#f8fafc">REPRODUCTION &amp; HUMAN DEVELOPMENT</text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">BIOLOGICAL IMPERATIVE &amp; EMBRYOLOGICAL TRAJECTORY</text> <rect x="40" y="85" width="820" height="2" fill="url(#accentGrad)" opacity="0.6"/> <!-- Column 1: Gametogenesis --> <rect x="40" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff1a"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">GAMETOGENESIS</text> <!-- Sperm Icon --> <circle cx="80" cy="180" r="6" fill="#38bdf8" filter="url(#glow)"/> <path d="M 86 180 Q 110 180 120 190" stroke="#38bdf8" fill="none" stroke-width="2"/> <text x="135" y="185" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Spermatogenesis</text> <text x="80" y="210" font-family="sans-serif" font-size="11" fill="#94a3b8">Location: Seminiferous tubules</text> <text x="80" y="225" font-family="sans-serif" font-size="11" fill="#94a3b8">Output: 4 functional sperm (n)</text> <text x="80" y="240" font-family="sans-serif" font-size="11" fill="#94a3b8">Timing: Puberty to Death</text> <!-- Ovum Icon --> <circle cx="80" cy="290" r="12" fill="none" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <circle cx="80" cy="290" r="4" fill="#e879f9"/> <text x="135" y="295" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Oogenesis</text> <text x="80" y="320" font-family="sans-serif" font-size="11" fill="#94a3b8">Location: Ovaries</text> <text x="80" y="335" font-family="sans-serif" font-size="11" fill="#94a3b8">Output: 1 Ovum + Polar Bodies</text> <text x="80" y="350" font-family="sans-serif" font-size="11" fill="#94a3b8">Timing: In utero to Menopause</text> <!-- Comparison Box --> <rect x="55" y="380" width="230" height="130" rx="8" fill="#00000033"/> <text x="70" y="405" font-family="sans-serif" font-weight="700" font-size="12" fill="#f59e0b">ANISOGAMY</text> <text x="70" y="425" font-family="sans-serif" font-size="11" fill="#f8fafc" width="200">The fusion of two morphologically</text> <text x="70" y="440" font-family="sans-serif" font-size="11" fill="#f8fafc">distinct gametes. Sperm (motile)</text> <text x="70" y="455" font-family="sans-serif" font-size="11" fill="#f8fafc">vs. Ovum (nutrient-rich).</text> <text x="70" y="485" font-family="sans-serif" font-weight="700" font-size="11" fill="#38bdf8">MEIOSIS: 2n → n (23 chromosomes)</text> <!-- Column 2: HPG Axis --> <rect x="320" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff1a"/> <text x="340" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">HPG AXIS</text> <!-- Flow Diagram --> <rect x="375" y="165" width="150" height="35" rx="4" fill="#ffffff15" stroke="#f59e0b"/> <text x="450" y="187" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc" text-anchor="middle">HYPOTHALAMUS</text> <path d="M 450 200 L 450 230" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <text x="455" y="220" font-family="sans-serif" font-size="10" fill="#38bdf8">GnRH</text> <rect x="375" y="235" width="150" height="35" rx="4" fill="#ffffff15" stroke="#f59e0b"/> <text x="450" y="257" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc" text-anchor="middle">ANT. PITUITARY</text> <path d="M 450 270 L 450 300" stroke="#94a3b8" stroke-width="2"/> <text x="455" y="290" font-family="sans-serif" font-size="10" fill="#e879f9">LH / FSH</text> <rect x="375" y="305" width="150" height="35" rx="4" fill="#ffffff15" stroke="#f59e0b"/> <text x="450" y="327" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc" text-anchor="middle">GONADS</text> <!-- Feedback Loop --> <path d="M 375 322 L 340 322 L 340 182 L 375 182" stroke="#ef4444" stroke-width="2" fill="none" stroke-dasharray="4"/> <text x="345" y="250" font-family="sans-serif" font-size="10" fill="#ef4444" transform="rotate(-90, 345, 250)">NEGATIVE FEEDBACK</text> <text x="340" y="380" font-family="sans-serif" font-weight="700" font-size="12" fill="#94a3b8">HORMONAL ROLES:</text> <text x="340" y="405" font-family="sans-serif" font-size="11" fill="#f8fafc">• FSH: Gamete production</text> <text x="340" y="425" font-family="sans-serif" font-size="11" fill="#f8fafc">• LH: Sex hormone secretion</text> <text x="340" y="445" font-family="sans-serif" font-size="11" fill="#f8fafc">• GnRH: Master regulator</text> <rect x="340" y="465" width="220" height="45" rx="4" fill="#38bdf822"/> <text x="350" y="482" font-family="sans-serif" font-size="10" font-weight="bold" fill="#38bdf8">HOMEOSTASIS</text> <text x="350" y="498" font-family="sans-serif" font-size="9" fill="#f8fafc">Maintains stable hormone levels via</text> <text x="350" y="508" font-family="sans-serif" font-size="9" fill="#f8fafc">tightly regulated inhibitory loops.</text> <!-- Column 3: Embryology Timeline --> <rect x="600" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff1a"/> <text x="620" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">EMBRYOLOGY</text> <!-- Vertical Timeline --> <line x1="630" y1="160" x2="630" y2="500" stroke="#94a3b8" stroke-width="2"/> <!-- Day 0 --> <circle cx="630" cy="175" r="5" fill="#f59e0b"/> <text x="645" y="175" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">Day 0: Zygote</text> <text x="645" y="190" font-family="sans-serif" font-size="10" fill="#94a3b8">Fertilization in Ampulla (2n)</text> <!-- Day 3 --> <circle cx="630" cy="235" r="5" fill="#38bdf8"/> <text x="645" y="235" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">Day 3-4: Morula</text> <text x="645" y="250" font-family="sans-serif" font-size="10" fill="#94a3b8">16-cell solid ball of cells</text> <!-- Day 5 --> <circle cx="630" cy="295" r="5" fill="#38bdf8"/> <text x="645" y="295" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">Day 5-7: Blastocyst</text> <text x="645" y="310" font-family="sans-serif" font-size="10" fill="#94a3b8">Hollow sphere; Inner Cell Mass</text> <!-- Day 9 --> <circle cx="630" cy="355" r="5" fill="#e879f9"/> <text x="645" y="355" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">Day 7-10: Implantation</text> <text x="645" y="370" font-family="sans-serif" font-size="10" fill="#94a3b8">Endometrial invasion; hCG</text> <!-- Germ Layers --> <text x="620" y="415" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">GASTRULATION (Week 3)</text> <g transform="translate(630, 435)"> <rect width="210" height="20" rx="4" fill="#38bdf844"/> <text x="10" y="14" font-family="sans-serif" font-size="10" font-weight="bold" fill="#38bdf8">ECTODERM</text> <text x="80" y="14" font-family="sans-serif" font-size="9" fill="#f8fafc">Nervous system, Skin</text> <rect y="25" width="210" height="20" rx="4" fill="#ef444444"/> <text x="10" y="39" font-family="sans-serif" font-size="10" font-weight="bold" fill="#fca5a5">MESODERM</text> <text x="80" y="39" font-family="sans-serif" font-size="9" fill="#f8fafc">Muscles, Skeleton, Heart</text> <rect y="50" width="210" height="20" rx="4" fill="#f59e0b44"/> <text x="10" y="64" font-family="sans-serif" font-size="10" font-weight="bold" fill="#fcd34d">ENDODERM</text> <text x="80" y="64" font-family="sans-serif" font-size="9" fill="#f8fafc">Digestive &amp; Respiratory</text> </g> <!-- Marker Def --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="0" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#94a3b8" /> </marker> </defs> <!-- Footer Label --> <text x="860" y="545" font-family="sans-serif" font-size="10" fill="#ffffff33" text-anchor="end">WIKI_EDU_POSTER_V2.1 // HUMAN_REPRODUCTION</text> </svg>Reproduction and Human Development image 1Reproduction and Human Development - Anatomy and Physiology - image 1https://www.getlykke.com/explore/public/anatomy-and-physiology-592ce986-a62b-4c0a-9cf6-e54b788d88f2/media/reproduction-and-development/svg/1Reproduction and Human Development diagram 1Reproduction and Human Development - Anatomy and Physiology - diagram 1https://www.getlykke.com/explore/public/anatomy-and-physiology-592ce986-a62b-4c0a-9cf6-e54b788d88f2/media/reproduction-and-development/svg/2Reproduction and Human Development diagram 2Reproduction and Human Development - Anatomy and Physiology - diagram 2https://www.getlykke.com/explore/public/anatomy-and-physiology-592ce986-a62b-4c0a-9cf6-e54b788d88f2/media/reproduction-and-development/svg/3Reproduction and Human Development diagram 3Reproduction and Human Development - Anatomy and Physiology - diagram 3https://www.getlykke.com/explore/public/chemistry-2e-61aaa542-40da-45df-8ae5-3e14c99880b62026-04-20T04:43:10.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" letter-spacing="1">FOUNDATIONS OF CHEMISTRY</text> <text x="450" y="78" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="16" font-weight="300" letter-spacing="2">MATTER • MEASUREMENT • ATOMIC THEORY</text> <line x1="300" y1="95" x2="600" y2="95" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Left Panel: Atomic Theory --> <rect x="30" y="120" width="410" height="280" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="50" y="150" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">I. ATOMIC THEORY</text> <text x="50" y="170" fill="#94a3b8" font-family="sans-serif" font-size="12">The "Source Code" of Matter</text> <!-- Atom Illustration --> <circle cx="100" cy="240" r="15" fill="#e879f933" stroke="#e879f9" stroke-width="2"/> <circle cx="96" cy="236" r="4" fill="#38bdf8"/> <circle cx="104" cy="244" r="4" fill="#f59e0b"/> <ellipse cx="100" cy="240" rx="40" ry="15" fill="none" stroke="#ffffff30" stroke-width="1" transform="rotate(45 100 240)"/> <ellipse cx="100" cy="240" rx="40" ry="15" fill="none" stroke="#ffffff30" stroke-width="1" transform="rotate(-45 100 240)"/> <circle cx="128" cy="212" r="3" fill="#f8fafc" filter="url(#glow)"/> <!-- Subatomic Table --> <g transform="translate(160, 200)"> <rect width="250" height="80" rx="8" fill="#00000030"/> <text x="10" y="20" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">Particle</text> <text x="80" y="20" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">Charge</text> <text x="150" y="20" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">Mass (amu)</text> <text x="10" y="40" fill="#38bdf8" font-family="sans-serif" font-size="11">Proton (p+)</text> <text x="80" y="40" fill="#94a3b8" font-family="sans-serif" font-size="11">+1</text> <text x="150" y="40" fill="#94a3b8" font-family="sans-serif" font-size="11">1.0073</text> <text x="10" y="55" fill="#f59e0b" font-family="sans-serif" font-size="11">Neutron (n0)</text> <text x="80" y="55" fill="#94a3b8" font-family="sans-serif" font-size="11">0</text> <text x="150" y="55" fill="#94a3b8" font-family="sans-serif" font-size="11">1.0087</text> <text x="10" y="70" fill="#e879f9" font-family="sans-serif" font-size="11">Electron (e-)</text> <text x="80" y="70" fill="#94a3b8" font-family="sans-serif" font-size="11">-1</text> <text x="150" y="70" fill="#94a3b8" font-family="sans-serif" font-size="11">0.0005</text> </g> <text x="50" y="320" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Isotopes &amp; Atomic Mass</text> <text x="50" y="340" fill="#94a3b8" font-family="sans-serif" font-size="12" width="350"> Atomic Number (Z) defines identity. Mass Number (A) </text> <text x="50" y="355" fill="#94a3b8" font-family="sans-serif" font-size="12"> varies by neutron count. Atomic mass is a weighted average. </text> <!-- Right Panel: Measurement --> <rect x="460" y="120" width="410" height="280" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="480" y="150" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="bold">II. MEASUREMENT &amp; SI</text> <text x="480" y="170" fill="#94a3b8" font-family="sans-serif" font-size="12">The Language of Precision</text> <!-- SI Units List --> <g transform="translate(480, 190)"> <text x="0" y="15" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">SI BASE UNITS</text> <rect x="0" y="25" width="180" height="100" rx="8" fill="#00000030"/> <text x="10" y="45" fill="#38bdf8" font-family="sans-serif" font-size="11">Mass: Kilogram (kg)</text> <text x="10" y="60" fill="#38bdf8" font-family="sans-serif" font-size="11">Length: Meter (m)</text> <text x="10" y="75" fill="#38bdf8" font-family="sans-serif" font-size="11">Temp: Kelvin (K)</text> <text x="10" y="90" fill="#38bdf8" font-family="sans-serif" font-size="11">Amount: Mole (mol)</text> <text x="10" y="105" fill="#38bdf8" font-family="sans-serif" font-size="11">Time: Second (s)</text> </g> <!-- Accuracy vs Precision Graphic --> <g transform="translate(680, 190)"> <text x="0" y="15" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">PRECISION VS ACCURACY</text> <!-- Target 1 --> <circle cx="30" cy="60" r="25" fill="none" stroke="#ffffff20" stroke-width="1"/> <circle cx="30" cy="60" r="15" fill="none" stroke="#ffffff20" stroke-width="1"/> <circle cx="30" cy="60" r="5" fill="#f59e0b33"/> <circle cx="45" cy="45" r="2" fill="#f59e0b"/> <circle cx="47" cy="48" r="2" fill="#f59e0b"/> <circle cx="43" cy="50" r="2" fill="#f59e0b"/> <text x="30" y="100" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Precise, Not Accurate</text> <!-- Target 2 --> <circle cx="120" cy="60" r="25" fill="none" stroke="#ffffff20" stroke-width="1"/> <circle cx="120" cy="60" r="15" fill="none" stroke="#ffffff20" stroke-width="1"/> <circle cx="120" cy="60" r="5" fill="#38bdf833"/> <circle cx="120" cy="60" r="2" fill="#38bdf8"/> <circle cx="122" cy="58" r="2" fill="#38bdf8"/> <circle cx="118" cy="62" r="2" fill="#38bdf8"/> <text x="120" y="100" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Precise &amp; Accurate</text> </g> <!-- Bottom Panel: Dimensional Analysis --> <rect x="30" y="420" width="840" height="110" rx="16" fill="#ffffff15" stroke="#38bdf840"/> <text x="50" y="450" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">III. DIMENSIONAL ANALYSIS</text> <text x="50" y="470" fill="#94a3b8" font-family="sans-serif" font-size="12">The Factor-Label Method: Treating units as algebraic quantities.</text> <!-- Equation Visual --> <g transform="translate(50, 485)"> <rect width="120" height="30" rx="4" fill="#ffffff10"/> <text x="60" y="20" text-anchor="middle" fill="#f8fafc" font-family="monospace" font-size="14">Given Unit</text> <text x="140" y="20" fill="#f8fafc" font-size="18">×</text> <line x1="165" y1="20" x2="285" y2="20" stroke="#f8fafc" stroke-width="1"/> <text x="225" y="15" text-anchor="middle" fill="#38bdf8" font-family="monospace" font-size="12">Desired Unit</text> <text x="225" y="35" text-anchor="middle" fill="#e879f9" font-family="monospace" font-size="12">Given Unit</text> <text x="305" y="20" fill="#f8fafc" font-size="18">=</text> <rect x="330" y="0" width="120" height="30" rx="4" fill="#38bdf830" stroke="#38bdf8"/> <text x="390" y="20" text-anchor="middle" fill="#f8fafc" font-family="monospace" font-size="14" font-weight="bold">Desired Unit</text> <text x="480" y="20" fill="#94a3b8" font-family="sans-serif" font-size="11" font-style="italic">"Units must cancel out to ensure physical logic."</text> </g> <!-- Decorative elements --> <path d="M 850 50 L 870 70 M 870 50 L 850 70" stroke="#f59e0b" stroke-width="2" opacity="0.5"/> <circle cx="40" cy="40" r="10" fill="none" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> </svg>Foundations of Chemistry: Matter and Measurement image 1Foundations of Chemistry: Matter and Measurement - Chemistry 2e - image 1https://www.getlykke.com/explore/public/chemistry-2e-61aaa542-40da-45df-8ae5-3e14c99880b6/media/foundations-of-chemistry/svg/1Foundations of Chemistry: Matter and Measurement diagram 1Foundations of Chemistry: Matter and Measurement - Chemistry 2e - diagram 1https://www.getlykke.com/explore/public/chemistry-2e-61aaa542-40da-45df-8ae5-3e14c99880b6/media/foundations-of-chemistry/svg/2Foundations of Chemistry: Matter and Measurement diagram 2Foundations of Chemistry: Matter and Measurement - Chemistry 2e - diagram 2https://www.getlykke.com/explore/public/chemistry-2e-61aaa542-40da-45df-8ae5-3e14c99880b6/media/electronic-structure-and-bonding/svg/1Electronic Structure and Chemical Bonding diagram 1Electronic Structure and Chemical Bonding - Chemistry 2e - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" filter="url(#glow)">STATES OF MATTER &amp; THERMOCHEMISTRY</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2">A DYNAMIC LANDSCAPE OF ENERGY &amp; INTERACTION</text> <rect x="350" y="85" width="200" height="2" fill="url(#accentGrad)"/> <!-- Left Panel: Gaseous State --> <rect x="40" y="110" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="20" fill="#38bdf8">The Gaseous State</text> <text x="60" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">Chaotic motion where kinetic energy &gt; attraction.</text> <!-- Equation Box --> <rect x="60" y="175" width="160" height="50" rx="8" fill="#38bdf820" stroke="#38bdf840"/> <text x="140" y="208" text-anchor="middle" font-family="serif" font-style="italic" font-weight="700" font-size="24" fill="#38bdf8">PV = nRT</text> <text x="230" y="190" font-family="sans-serif" font-size="11" fill="#f8fafc">P: Pressure | V: Volume</text> <text x="230" y="205" font-family="sans-serif" font-size="11" fill="#f8fafc">n: Moles | T: Temperature</text> <text x="230" y="220" font-family="sans-serif" font-size="11" fill="#f8fafc">R: Gas Constant</text> <!-- KMT Assumptions --> <text x="60" y="255" font-family="sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Kinetic Molecular Theory (KMT)</text> <circle cx="70" cy="275" r="3" fill="#38bdf8"/> <text x="80" y="278" font-family="sans-serif" font-size="11" fill="#94a3b8">Continuous random motion</text> <circle cx="70" cy="295" r="3" fill="#38bdf8"/> <text x="80" y="298" font-family="sans-serif" font-size="11" fill="#94a3b8">Negligible particle volume</text> <circle cx="70" cy="315" r="3" fill="#38bdf8"/> <text x="80" y="318" font-family="sans-serif" font-size="11" fill="#94a3b8">Perfectly elastic collisions</text> <!-- Right Panel: IMFs --> <rect x="460" y="110" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="140" font-family="sans-serif" font-weight="700" font-size="20" fill="#e879f9">Intermolecular Forces</text> <text x="480" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">The "glue" holding condensed matter together.</text> <!-- IMF Hierarchy --> <g transform="translate(480, 180)"> <!-- Ion-Dipole --> <rect width="360" height="30" rx="6" fill="#e879f925"/> <text x="10" y="20" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">1. Ion-Dipole</text> <text x="350" y="20" text-anchor="end" font-family="sans-serif" font-size="11" fill="#e879f9">Strongest</text> <!-- H-Bond --> <rect y="35" width="360" height="30" rx="6" fill="#ffffff08"/> <text x="10" y="55" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">2. Hydrogen Bonding</text> <text x="350" y="55" text-anchor="end" font-family="sans-serif" font-size="11" fill="#94a3b8">N-H, O-H, F-H</text> <!-- Dipole-Dipole --> <rect y="70" width="360" height="30" rx="6" fill="#ffffff08"/> <text x="10" y="90" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">3. Dipole-Dipole</text> <text x="350" y="90" text-anchor="end" font-family="sans-serif" font-size="11" fill="#94a3b8">Polar Molecules</text> <!-- Dispersion --> <rect y="105" width="360" height="30" rx="6" fill="#ffffff08"/> <text x="10" y="125" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">4. London Dispersion</text> <text x="350" y="125" text-anchor="end" font-family="sans-serif" font-size="11" fill="#94a3b8">All Matter (Weakest)</text> </g> <!-- Bottom Panel: Real Gases & Thermochemistry --> <rect x="40" y="370" width="820" height="160" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="400" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Real Gas Deviations: Van der Waals</text> <text x="60" y="430" font-family="sans-serif" font-size="13" fill="#f8fafc" font-style="italic">[P + a(n/V)²][V - nb] = nRT</text> <g transform="translate(60, 450)"> <rect width="340" height="60" rx="8" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="15" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">Constant 'a'</text> <text x="15" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Corrects for intermolecular attraction forces.</text> </g> <g transform="translate(420, 450)"> <rect width="340" height="60" rx="8" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="15" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">Constant 'b'</text> <text x="15" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Corrects for the finite volume of particles.</text> </g> <!-- Decorative Energy Flow --> <path d="M 450 350 L 450 370" stroke="url(#accentGrad)" stroke-width="2" stroke-dasharray="4 4"/> <circle cx="450" cy="360" r="4" fill="#f59e0b"/> <!-- Visualizing Particles (Small Iconography) --> <g transform="translate(350, 125)"> <circle cx="10" cy="10" r="4" fill="#38bdf8"/> <line x1="14" y1="14" x2="22" y2="22" stroke="#38bdf8" stroke-width="1"/> <circle cx="30" cy="5" r="4" fill="#38bdf8"/> <line x1="30" y1="9" x2="30" y2="18" stroke="#38bdf8" stroke-width="1"/> <circle cx="5" cy="35" r="4" fill="#38bdf8"/> <line x1="9" y1="35" x2="18" y2="35" stroke="#38bdf8" stroke-width="1"/> </g> <g transform="translate(780, 125)"> <circle cx="10" cy="10" r="4" fill="#e879f9"/> <circle cx="18" cy="10" r="4" fill="#e879f9"/> <circle cx="14" cy="17" r="4" fill="#e879f9"/> <path d="M 10 10 Q 14 10 18 10" stroke="#ffffff40" fill="none" stroke-width="1"/> </g> <!-- Footer Label --> <text x="860" y="545" text-anchor="end" font-family="sans-serif" font-size="10" font-weight="bold" fill="#ffffff20">THERMODYNAMICS SERIES // VOL 01</text> </svg>States of Matter and Thermochemistry image 1States of Matter and Thermochemistry - Chemistry 2e - image 1https://www.getlykke.com/explore/public/chemistry-2e-61aaa542-40da-45df-8ae5-3e14c99880b6/media/states-of-matter-and-thermochemistry/svg/1States of Matter and Thermochemistry diagram 1States of Matter and Thermochemistry - Chemistry 2e - diagram 1https://www.getlykke.com/explore/public/chemistry-2e-61aaa542-40da-45df-8ae5-3e14c99880b6/media/states-of-matter-and-thermochemistry/svg/2States of Matter and Thermochemistry diagram 2States of Matter and Thermochemistry - Chemistry 2e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dot-pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <linearGradient id="kinetics-grad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#818cf8"/> </linearGradient> <linearGradient id="equil-grad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#fb7185"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)"/> <rect width="900" height="560" fill="url(#dot-pattern)"/> <!-- Subtle Grid Lines --> <g stroke="#ffffff08" stroke-width="1"> <line x1="450" y1="100" x2="450" y2="520"/> <line x1="50" y1="280" x2="850" y2="280"/> </g> <!-- Header --> <text x="450" y="55" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">CHEMICAL KINETICS &amp; EQUILIBRIUM</text> <text x="450" y="80" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2">THE DYNAMICS OF CHEMICAL REACTIVITY</text> <!-- LEFT PANEL: KINETICS --> <rect x="40" y="110" width="400" height="410" rx="20" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="65" y="145" font-family="sans-serif" font-weight="700" font-size="20" fill="#38bdf8">KINETICS: THE CLOCK</text> <text x="65" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Focus: Reaction Rates &amp; Mechanisms (How Fast?)</text> <!-- Energy Profile Diagram --> <g transform="translate(70, 190)"> <path d="M 0,120 Q 50,120 80,120 T 150,20 T 220,100 L 340,100" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <line x1="0" y1="130" x2="0" y2="0" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4"/> <line x1="0" y1="130" x2="340" y2="130" stroke="#94a3b8" stroke-width="1" stroke-dasharray="4"/> <!-- Activation Energy Label --> <path d="M 150,120 L 150,25" stroke="#f472b6" stroke-width="2" marker-start="url(#arrow)" marker-end="url(#arrow)"/> <text x="155" y="70" font-family="sans-serif" font-size="11" fill="#f472b6" font-weight="bold">Eₐ (Activation Energy)</text> <!-- Transition State --> <circle cx="150" cy="20" r="4" fill="#f8fafc"/> <text x="120" y="12" font-family="sans-serif" font-size="10" fill="#f8fafc">Transition State</text> <text x="5" y="115" font-family="sans-serif" font-size="10" fill="#94a3b8">Reactants</text> <text x="280" y="95" font-family="sans-serif" font-size="10" fill="#94a3b8">Products</text> </g> <!-- Kinetics Details --> <g transform="translate(65, 360)"> <rect width="350" height="140" rx="12" fill="#00000020"/> <text x="15" y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">Collision Theory</text> <text x="15" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">1. Molecules must collide</text> <text x="15" y="60" font-family="sans-serif" font-size="11" fill="#94a3b8">2. Correct orientation required</text> <text x="15" y="75" font-family="sans-serif" font-size="11" fill="#94a3b8">3. Sufficient kinetic energy (Eₐ)</text> <text x="190" y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">Rate Law</text> <text x="190" y="50" font-family="sans-serif" font-size="16" fill="#38bdf8" font-style="italic">Rate = k[A]ᵐ[B]ⁿ</text> <text x="190" y="75" font-family="sans-serif" font-size="11" fill="#94a3b8">k = Arrhenius Constant</text> </g> <!-- RIGHT PANEL: EQUILIBRIUM --> <rect x="460" y="110" width="400" height="410" rx="20" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="485" y="145" font-family="sans-serif" font-weight="700" font-size="20" fill="#f59e0b">EQUILIBRIUM: THE BALANCE</text> <text x="485" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Focus: Reversibility &amp; Final State (Where?)</text> <!-- Balance Scale Icon --> <g transform="translate(660, 220)"> <path d="M -80,40 L 80,40" stroke="#f59e0b" stroke-width="4" stroke-linecap="round"/> <path d="M 0,40 L 0,-20" stroke="#94a3b8" stroke-width="2"/> <circle cx="-80" cy="60" r="20" fill="none" stroke="#f59e0b" stroke-width="2"/> <circle cx="80" cy="60" r="20" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="-80" y="65" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc" font-weight="bold">R</text> <text x="80" y="65" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc" font-weight="bold">P</text> <path d="M -20,10 L 20,10 M 20,0 L 30,10 L 20,20 M -20,0 L -30,10 L -20,20" fill="none" stroke="#f8fafc" stroke-width="2"/> <text x="0" y="-30" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#f59e0b" font-weight="bold">Rate_f = Rate_r</text> </g> <!-- Equilibrium Graph --> <g transform="translate(485, 280)"> <line x1="0" y1="60" x2="160" y2="60" stroke="#94a3b8" stroke-width="1" stroke-dasharray="2"/> <!-- Reactant curve --> <path d="M 0,10 Q 40,80 160,80" fill="none" stroke="#fb7185" stroke-width="2"/> <!-- Product curve --> <path d="M 0,100 Q 40,40 160,40" fill="none" stroke="#34d399" stroke-width="2"/> <text x="165" y="85" font-family="sans-serif" font-size="10" fill="#fb7185">[Reactants]</text> <text x="165" y="45" font-family="sans-serif" font-size="10" fill="#34d399">[Products]</text> <text x="80" y="115" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Time →</text> <line x1="60" y1="0" x2="60" y2="100" stroke="#f8fafc30" stroke-width="1"/> <text x="65" y="10" font-family="sans-serif" font-size="9" fill="#f8fafc60">Equilibrium Reached</text> </g> <!-- Equilibrium Details --> <g transform="translate(485, 410)"> <rect width="350" height="90" rx="12" fill="#00000020"/> <text x="15" y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">Le Chatelier's Principle</text> <text x="15" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">A system at equilibrium responds to</text> <text x="15" y="60" font-family="sans-serif" font-size="11" fill="#94a3b8">stress (T, P, Conc) by shifting to</text> <text x="15" y="75" font-family="sans-serif" font-size="11" fill="#94a3b8">counteract the change.</text> <text x="210" y="25" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">Constant (K)</text> <text x="210" y="55" font-family="sans-serif" font-size="16" fill="#f59e0b" font-weight="bold">K = [Prod] / [React]</text> </g> <!-- Central Connector --> <g transform="translate(430, 260)"> <rect x="-20" y="-20" width="80" height="40" rx="10" fill="#1e1b4b" stroke="#f472b6" stroke-width="2"/> <text x="20" y="5" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">VS</text> </g> <!-- Bottom Legend/Key Facts --> <rect x="40" y="530" width="820" height="20" rx="4" fill="#ffffff05"/> <text x="450" y="544" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#64748b" text-transform="uppercase" letter-spacing="1">Thermodynamics determines IF • Kinetics determines WHEN • Equilibrium determines HOW MUCH</text> </svg>Chemical Kinetics and Equilibrium image 1Chemical Kinetics and Equilibrium - Chemistry 2e - image 1https://www.getlykke.com/explore/public/chemistry-2e-61aaa542-40da-45df-8ae5-3e14c99880b6/media/kinetics-and-equilibrium/svg/1Chemical Kinetics and Equilibrium diagram 1Chemical Kinetics and Equilibrium - Chemistry 2e - diagram 1https://www.getlykke.com/explore/public/chemistry-2e-61aaa542-40da-45df-8ae5-3e14c99880b6/media/kinetics-and-equilibrium/svg/2Chemical Kinetics and Equilibrium diagram 2Chemical Kinetics and Equilibrium - Chemistry 2e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Elements --> <circle cx="850" cy="50" r="100" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#e879f9" fill-opacity="0.05"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">THERMODYNAMICS &amp; ELECTROCHEMISTRY</text> <text x="40" y="85" font-family="sans-serif" font-size="16" fill="#94a3b8" letter-spacing="1">THE ROADMAP OF CHEMICAL SPONTANEITY</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#38bdf8" stroke-width="2" stroke-opacity="0.3"/> <!-- Left Card: Entropy --> <rect x="40" y="130" width="400" height="200" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <text x="65" y="165" font-family="sans-serif" font-weight="700" font-size="20" fill="#38bdf8">ENTROPY (S)</text> <text x="65" y="185" font-family="sans-serif" font-size="13" fill="#94a3b8">The measure of energy dispersal &amp; microstates.</text> <!-- Boltzmann Equation Graphic --> <rect x="65" y="205" width="180" height="60" rx="8" fill="#00000030"/> <text x="85" y="242" font-family="serif" font-style="italic" font-size="24" fill="#f8fafc">S = k<tspan baseline-shift="sub" font-size="14">B</tspan> ln W</text> <!-- Microstate Visual --> <g transform="translate(270, 205)"> <rect width="140" height="90" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="20" cy="20" r="4" fill="#f59e0b"/> <circle cx="50" cy="35" r="4" fill="#f59e0b"/> <circle cx="30" cy="60" r="4" fill="#f59e0b"/> <circle cx="80" cy="25" r="4" fill="#f59e0b"/> <circle cx="110" cy="50" r="4" fill="#f59e0b"/> <circle cx="70" cy="70" r="4" fill="#f59e0b"/> <text x="70" y="105" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Energy Dispersal (W)</text> </g> <!-- Right Card: Gibbs Free Energy --> <rect x="460" y="130" width="400" height="200" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <text x="485" y="165" font-family="sans-serif" font-weight="700" font-size="20" fill="#e879f9">GIBBS FREE ENERGY (G)</text> <text x="485" y="185" font-family="sans-serif" font-size="13" fill="#94a3b8">The energy available to perform useful work.</text> <!-- Gibbs Equation Graphic --> <rect x="485" y="205" width="220" height="60" rx="8" fill="#00000030"/> <text x="505" y="242" font-family="serif" font-style="italic" font-size="24" fill="#f8fafc">ΔG = ΔH - TΔS</text> <!-- Spontaneity Icon --> <g transform="translate(730, 205)"> <circle cx="50" cy="45" r="35" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <path d="M 50 20 L 50 70 M 35 55 L 50 70 L 65 55" fill="none" stroke="#f8fafc" stroke-width="3"/> <text x="50" y="105" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Spontaneous if ΔG &lt; 0</text> </g> <!-- Bottom Section: Spontaneity Matrix --> <rect x="40" y="350" width="820" height="180" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="65" y="380" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE SPONTANEITY MATRIX</text> <!-- Matrix Grid --> <g transform="translate(65, 400)"> <!-- Headers --> <text x="150" y="0" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">+ ΔS (Dispersal)</text> <text x="350" y="0" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">- ΔS (Order)</text> <text x="-10" y="45" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="end" transform="rotate(-90, -10, 45)">- ΔH (Exo)</text> <text x="-10" y="115" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="end" transform="rotate(-90, -10, 115)">+ ΔH (Endo)</text> <!-- Cells --> <rect x="50" y="15" width="200" height="45" rx="6" fill="#10b98120" stroke="#10b98140"/> <text x="150" y="43" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#10b981">Always Spontaneous</text> <rect x="255" y="15" width="200" height="45" rx="6" fill="#38bdf820" stroke="#38bdf840"/> <text x="355" y="43" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">Spontaneous at LOW T</text> <rect x="50" y="65" width="200" height="45" rx="6" fill="#f59e0b20" stroke="#f59e0b40"/> <text x="150" y="93" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">Spontaneous at HIGH T</text> <rect x="255" y="65" width="200" height="45" rx="6" fill="#ef444420" stroke="#ef444440"/> <text x="355" y="93" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#ef4444">Never Spontaneous</text> <!-- Electrochemistry Bridge --> <g transform="translate(500, 0)"> <rect width="270" height="110" rx="12" fill="#ffffff05" stroke="#38bdf830"/> <text x="135" y="25" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">ELECTROCHEMICAL BRIDGE</text> <text x="135" y="55" text-anchor="middle" font-family="serif" font-style="italic" font-size="20" fill="#f8fafc">ΔG° = -nFE°<tspan baseline-shift="sub" font-size="12">cell</tspan></text> <text x="135" y="85" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Linking Potential (E) to Free Energy (G)</text> <path d="M 20 95 L 250 95" stroke="#38bdf8" stroke-width="1" stroke-dasharray="2 2"/> </g> </g> <!-- Footer Accents --> <rect x="40" y="545" width="820" height="4" rx="2" fill="#38bdf8" fill-opacity="0.2"/> <circle cx="450" cy="547" r="6" fill="#38bdf8"/> </svg>Thermodynamics and Electrochemistry image 1Thermodynamics and Electrochemistry - Chemistry 2e - image 1https://www.getlykke.com/explore/public/chemistry-2e-61aaa542-40da-45df-8ae5-3e14c99880b6/media/thermodynamics-and-electrochemistry/svg/1Thermodynamics and Electrochemistry diagram 1Thermodynamics and Electrochemistry - Chemistry 2e - diagram 1https://www.getlykke.com/explore/public/chemistry-2e-61aaa542-40da-45df-8ae5-3e14c99880b6/media/thermodynamics-and-electrochemistry/svg/2Thermodynamics and Electrochemistry diagram 2Thermodynamics and Electrochemistry - Chemistry 2e - diagram 2https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c268642026-04-20T04:41:21.000Z<svg viewBox="0 0 900 560" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="bg-grad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-grad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">THE SCIENTIFIC METHOD</text> <text x="40" y="75" font-family="sans-serif" font-weight="400" font-size="14" fill="#38bdf8" letter-spacing="2">EPISTEMOLOGY &amp; EXPERIMENTAL DESIGN</text> <line x1="40" y1="90" x2="860" y2="90" stroke="url(#accent-grad)" stroke-width="2" opacity="0.5"/> <!-- Left Panel: The Iterative Cycle --> <rect x="40" y="110" width="400" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">The Cycle of Falsification</text> <!-- Workflow Steps --> <g transform="translate(60, 165)"> <!-- Step 1 --> <circle cx="20" cy="20" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="20" y="25" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8" text-anchor="middle">1</text> <text x="50" y="15" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Observation</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Literature review &amp; phenomenon ID</text> <!-- Step 2 --> <g transform="translate(0, 60)"> <circle cx="20" cy="20" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="20" y="25" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8" text-anchor="middle">2</text> <text x="50" y="15" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Hypothesis</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Testable &amp; predictive statement</text> </g> <!-- Step 3 --> <g transform="translate(0, 120)"> <circle cx="20" cy="20" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="20" y="25" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8" text-anchor="middle">3</text> <text x="50" y="15" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Experimental Design</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Isolation of variables &amp; controls</text> </g> <!-- Step 4 --> <g transform="translate(0, 180)"> <circle cx="20" cy="20" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="20" y="25" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8" text-anchor="middle">4</text> <text x="50" y="15" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Data Acquisition</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Systematic empirical collection</text> </g> <!-- Step 5 --> <g transform="translate(0, 240)"> <circle cx="20" cy="20" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="20" y="25" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8" text-anchor="middle">5</text> <text x="50" y="15" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Statistical Analysis</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">P-value &amp; hypothesis testing</text> </g> <!-- Step 6 --> <g transform="translate(0, 300)"> <circle cx="20" cy="20" r="18" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="20" y="25" font-family="sans-serif" font-size="14" font-weight="bold" fill="#e879f9" text-anchor="middle">6</text> <text x="50" y="15" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Refinement</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Updating models &amp; re-testing</text> </g> <!-- Connecting Line --> <line x1="20" y1="38" x2="20" y2="60" stroke="#ffffff20" stroke-width="2"/> <line x1="20" y1="98" x2="20" y2="120" stroke="#ffffff20" stroke-width="2"/> <line x1="20" y1="158" x2="20" y2="180" stroke="#ffffff20" stroke-width="2"/> <line x1="20" y1="218" x2="20" y2="240" stroke="#ffffff20" stroke-width="2"/> <line x1="20" y1="278" x2="20" y2="300" stroke="#ffffff20" stroke-width="2"/> <path d="M 20 338 Q 20 360 -10 360 L -20 360 Q -40 360 -40 180 Q -40 0 -10 0 L 2 0" fill="none" stroke="#e879f940" stroke-width="2" stroke-dasharray="4 2"/> </g> <!-- Right Top Panel: Experimental Design --> <rect x="460" y="110" width="400" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Architecture of Evidence</text> <g transform="translate(480, 160)"> <!-- IV --> <rect width="360" height="35" rx="6" fill="#38bdf815"/> <text x="10" y="22" font-family="sans-serif" font-weight="bold" font-size="12" fill="#38bdf8">INDEPENDENT VARIABLE</text> <text x="160" y="22" font-family="sans-serif" font-size="12" fill="#f8fafc">The Manipulated "Cause"</text> <!-- DV --> <rect y="45" width="360" height="35" rx="6" fill="#e879f915"/> <text x="10" y="67" font-family="sans-serif" font-weight="bold" font-size="12" fill="#e879f9">DEPENDENT VARIABLE</text> <text x="160" y="67" font-family="sans-serif" font-size="12" fill="#f8fafc">The Measured "Effect"</text> <!-- Controls --> <rect y="90" width="360" height="35" rx="6" fill="#ffffff10"/> <text x="10" y="112" font-family="sans-serif" font-weight="bold" font-size="12" fill="#94a3b8">CONTROLLED VARS</text> <text x="160" y="112" font-family="sans-serif" font-size="12" fill="#f8fafc">Constants to minimize noise</text> <!-- Confounding --> <path d="M 365 20 Q 390 60 365 100" fill="none" stroke="#ef4444" stroke-width="1.5" stroke-dasharray="3 3"/> <text x="310" y="142" font-family="sans-serif" font-size="10" fill="#ef4444" font-style="italic">Confounding Variable (Bias)</text> </g> <!-- Right Bottom Panel: Statistical Inference --> <rect x="460" y="330" width="400" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="480" y="360" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Statistical Inference</text> <!-- Bell Curve Visual --> <g transform="translate(680, 420)"> <path d="M -80 60 Q -40 60 -20 30 T 0 0 T 20 30 T 80 60" fill="none" stroke="#94a3b8" stroke-width="2"/> <path d="M 30 60 Q 50 60 60 45 T 70 20 T 80 45 T 100 60" fill="#e879f930" stroke="#e879f9" stroke-width="2"/> <line x1="-90" y1="60" x2="110" y2="60" stroke="#ffffff40" stroke-width="1"/> <text x="-50" y="75" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Null (H₀)</text> <text x="70" y="75" font-family="sans-serif" font-size="10" fill="#e879f9" text-anchor="middle">Alt (Ha)</text> </g> <g transform="translate(480, 385)"> <text y="0" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">The P-Value:</text> <text y="18" font-family="sans-serif" font-size="12" fill="#94a3b8">Probability of observing results</text> <text y="34" font-family="sans-serif" font-size="12" fill="#94a3b8">if the Null Hypothesis is true.</text> <rect y="50" width="120" height="40" rx="8" fill="#38bdf820" stroke="#38bdf840"/> <text x="60" y="70" font-family="sans-serif" font-weight="bold" font-size="16" fill="#38bdf8" text-anchor="middle">p &lt; 0.05</text> <text x="60" y="85" font-family="sans-serif" font-size="9" fill="#38bdf8" text-anchor="middle">SIGNIFICANT</text> <text x="140" y="65" font-family="sans-serif" font-size="11" fill="#f8fafc" font-style="italic">"We fail to reject the null,"</text> <text x="140" y="80" font-family="sans-serif" font-size="11" fill="#f8fafc" font-style="italic">increasing confidence in Ha.</text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="20" fill="none" stroke="#ffffff10" stroke-width="4"/> <circle cx="850" cy="50" r="10" fill="#f59e0b" opacity="0.3"/> <path d="M 820 520 L 840 540 M 840 520 L 820 540" stroke="#ffffff20" stroke-width="2"/> </svg>The Scientific Method and Experimental Design image 1The Scientific Method and Experimental Design - High School Biology - image 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/scientific-method/svg/1The Scientific Method and Experimental Design diagram 1The Scientific Method and Experimental Design - High School Biology - diagram 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/scientific-method/svg/2The Scientific Method and Experimental Design diagram 2The Scientific Method and Experimental Design - High School Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="phGradient" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#ef4444"/> <stop offset="50%" stop-color="#f8fafc"/> <stop offset="100%" stop-color="#8b5cf6"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">CHEMICAL FOUNDATIONS: WATER &amp; pH</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-style="italic">The Matrix of Biological Systems and Aqueous Chemistry</text> <line x1="300" y1="90" x2="600" y2="90" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Panel 1: Molecular Architecture --> <rect x="30" y="110" width="260" height="300" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="160" y="140" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="18">MOLECULAR GEOMETRY</text> <!-- Water Molecule Diagram --> <g transform="translate(160, 230)"> <!-- Oxygen --> <circle r="35" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8" stroke-width="2"/> <text text-anchor="middle" dy="7" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="20">O</text> <text x="0" y="-45" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="12" font-weight="bold">δ-</text> <!-- Hydrogens --> <g transform="rotate(52.25)"> <line x1="0" y1="0" x2="70" y2="0" stroke="#f8fafc" stroke-width="3"/> <circle cx="70" cy="0" r="18" fill="#f8fafc" fill-opacity="0.1" stroke="#f8fafc" stroke-width="2"/> <text x="70" y="5" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="14">H</text> <text x="95" y="0" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="bold">δ+</text> </g> <g transform="rotate(-52.25)"> <line x1="0" y1="0" x2="70" y2="0" stroke="#f8fafc" stroke-width="3"/> <circle cx="70" cy="0" r="18" fill="#f8fafc" fill-opacity="0.1" stroke="#f8fafc" stroke-width="2"/> <text x="70" y="5" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="14">H</text> <text x="95" y="0" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="bold">δ+</text> </g> <!-- Angle Label --> <path d="M 30 -25 A 40 40 0 0 1 30 25" fill="none" stroke="#94a3b8" stroke-width="1" stroke-dasharray="2 2"/> <text x="50" y="5" fill="#94a3b8" font-family="sans-serif" font-size="10">104.5°</text> </g> <text x="160" y="360" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="13">Polar Covalent Bonds</text> <text x="160" y="380" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11" width="200">Oxygen's high electronegativity</text> <text x="160" y="395" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">creates a permanent dipole.</text> <!-- Panel 2: Hydrogen Bonding --> <rect x="310" y="110" width="280" height="300" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="450" y="140" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="18">HYDROGEN BONDING</text> <!-- H-Bond Diagram --> <g transform="translate(450, 230)"> <!-- Molecule 1 --> <g transform="translate(-40, -30) scale(0.6)"> <circle r="35" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8" stroke-width="2"/> <g transform="rotate(52.25)"><line x1="0" y1="0" x2="70" y2="0" stroke="#f8fafc" stroke-width="3"/><circle cx="70" cy="0" r="18" fill="#f8fafc" fill-opacity="0.1" stroke="#f8fafc" stroke-width="2"/></g> <g transform="rotate(-52.25)"><line x1="0" y1="0" x2="70" y2="0" stroke="#f8fafc" stroke-width="3"/><circle cx="70" cy="0" r="18" fill="#f8fafc" fill-opacity="0.1" stroke="#f8fafc" stroke-width="2"/></g> </g> <!-- Molecule 2 --> <g transform="translate(60, 40) scale(0.6) rotate(180)"> <circle r="35" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8" stroke-width="2"/> <g transform="rotate(52.25)"><line x1="0" y1="0" x2="70" y2="0" stroke="#f8fafc" stroke-width="3"/><circle cx="70" cy="0" r="18" fill="#f8fafc" fill-opacity="0.1" stroke="#f8fafc" stroke-width="2"/></g> <g transform="rotate(-52.25)"><line x1="0" y1="0" x2="70" y2="0" stroke="#f8fafc" stroke-width="3"/><circle cx="70" cy="0" r="18" fill="#f8fafc" fill-opacity="0.1" stroke="#f8fafc" stroke-width="2"/></g> </g> <!-- The Bond --> <line x1="2" y1="2" x2="18" y2="18" stroke="#e879f9" stroke-width="4" stroke-dasharray="6 4" filter="url(#glow)"/> <text x="45" y="5" fill="#e879f9" font-family="sans-serif" font-size="11" font-weight="bold">~20 kJ/mol</text> </g> <text x="450" y="340" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">"Flickering Clusters"</text> <text x="450" y="360" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">Bonds break and reform every few ps.</text> <g transform="translate(340, 375)"> <rect width="220" height="24" rx="4" fill="#e879f920"/> <text x="110" y="16" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="10" font-weight="bold">COHESION • ADHESION • SURFACE TENSION</text> </g> <!-- Panel 3: Density Anomaly --> <rect x="610" y="110" width="260" height="300" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="740" y="140" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="18">DENSITY ANOMALY</text> <!-- Liquid vs Ice --> <g transform="translate(650, 180)"> <rect width="80" height="80" rx="8" fill="#38bdf810" stroke="#38bdf840"/> <text x="40" y="-10" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">LIQUID (4°C)</text> <circle cx="20" cy="20" r="4" fill="#38bdf8"/> <circle cx="50" cy="25" r="4" fill="#38bdf8"/> <circle cx="30" cy="50" r="4" fill="#38bdf8"/> <circle cx="60" cy="55" r="4" fill="#38bdf8"/> <circle cx="40" cy="70" r="4" fill="#38bdf8"/> <circle cx="15" cy="45" r="4" fill="#38bdf8"/> <text x="40" y="95" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10">Disordered/Dense</text> </g> <g transform="translate(750, 180)"> <rect width="80" height="80" rx="8" fill="#38bdf810" stroke="#38bdf840"/> <text x="40" y="-10" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">ICE (0°C)</text> <!-- Hexagonal lattice dots --> <circle cx="40" cy="15" r="4" fill="#f8fafc"/> <circle cx="20" cy="30" r="4" fill="#f8fafc"/> <circle cx="60" cy="30" r="4" fill="#f8fafc"/> <circle cx="20" cy="55" r="4" fill="#f8fafc"/> <circle cx="60" cy="55" r="4" fill="#f8fafc"/> <circle cx="40" cy="70" r="4" fill="#f8fafc"/> <path d="M40 15 L20 30 L20 55 L40 70 L60 55 L60 30 Z" fill="none" stroke="#f8fafc40" stroke-width="1"/> <text x="40" y="95" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10">Crystal Lattice</text> </g> <text x="740" y="320" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Ice is ~9% less dense</text> <text x="740" y="340" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11" width="220">Prevents lakes from freezing</text> <text x="740" y="355" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">solid, insulating life below.</text> <!-- pH Scale Footer --> <g transform="translate(50, 440)"> <rect width="800" height="80" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="400" y="25" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="16">THE pH SCALE: LOGARITHMIC CONCENTRATION</text> <rect x="50" y="40" width="700" height="12" rx="6" fill="url(#phGradient)"/> <!-- Scale Markers --> <g transform="translate(50, 55)"> <text x="0" y="15" text-anchor="middle" fill="#ef4444" font-family="sans-serif" font-size="10" font-weight="bold">0 (Acidic)</text> <text x="350" y="15" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10" font-weight="bold">7 (Neutral)</text> <text x="700" y="15" text-anchor="middle" fill="#8b5cf6" font-family="sans-serif" font-size="10" font-weight="bold">14 (Basic)</text> <!-- Ticks --> <line x1="0" y1="-15" x2="0" y2="0" stroke="#f8fafc40" stroke-width="1"/> <line x1="175" y1="-15" x2="175" y2="0" stroke="#f8fafc40" stroke-width="1"/> <line x1="350" y1="-15" x2="350" y2="0" stroke="#f8fafc40" stroke-width="1"/> <line x1="525" y1="-15" x2="525" y2="0" stroke="#f8fafc40" stroke-width="1"/> <line x1="700" y1="-15" x2="700" y2="0" stroke="#f8fafc40" stroke-width="1"/> </g> <text x="400" y="72" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10" font-style="italic">pH = -log₁₀[H⁺] — Each unit represents a 10x change in acidity.</text> </g> <!-- Decorative Corner Accents --> <path d="M 20 20 L 60 20 L 20 60 Z" fill="#38bdf820"/> <path d="M 880 540 L 840 540 L 880 500 Z" fill="#e879f920"/> </svg>Chemical Foundations: Water and pH image 1Chemical Foundations: Water and pH - High School Biology - image 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/chemical-foundations-water/svg/1Chemical Foundations: Water and pH diagram 1Chemical Foundations: Water and pH - High School Biology - diagram 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/chemical-foundations-water/svg/2Chemical Foundations: Water and pH diagram 2Chemical Foundations: Water and pH - High School Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="dotGrid" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotGrid)"/> <!-- Header Section --> <text x="40" y="60" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.5">BIOLOGICAL MACROMOLECULES</text> <text x="40" y="85" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" font-weight="400">THE ARCHITECTURE OF LIFE: POLYMERS, METABOLISM, AND MOLECULAR MECHANICS</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Left Panel: Metabolism & Chemical Engine --> <rect x="40" y="125" width="260" height="395" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="155" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE CHEMICAL ENGINE</text> <!-- Anabolism Card --> <rect x="55" y="175" width="230" height="95" rx="10" fill="#ffffff0a"/> <text x="70" y="195" font-family="Arial, sans-serif" font-weight="700" font-size="13" fill="#f8fafc">ANABOLISM</text> <text x="70" y="212" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Synthesis of complex molecules.</text> <text x="70" y="227" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Endergonic (Requires Energy).</text> <path d="M70 245 L100 245" stroke="#38bdf8" stroke-width="2" fill="none"/> <circle cx="110" cy="245" r="4" fill="#38bdf8"/> <circle cx="122" cy="245" r="4" fill="#38bdf8"/> <text x="140" y="250" font-family="Arial, sans-serif" font-size="10" fill="#38bdf8" font-weight="bold">+ ATP</text> <!-- Catabolism Card --> <rect x="55" y="285" width="230" height="95" rx="10" fill="#ffffff0a"/> <text x="70" y="305" font-family="Arial, sans-serif" font-weight="700" font-size="13" fill="#f59e0b">CATABOLISM</text> <text x="70" y="322" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Breakdown of complex molecules.</text> <text x="70" y="337" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Exergonic (Releases Energy).</text> <circle cx="74" cy="355" r="4" fill="#f59e0b"/> <path d="M85 355 L115 355" stroke="#f59e0b" stroke-width="2" fill="none" stroke-dasharray="2 2"/> <text x="125" y="360" font-family="Arial, sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">ENERGY RELEASE</text> <!-- Thermodynamics Note --> <text x="60" y="415" font-family="Arial, sans-serif" font-weight="700" font-size="12" fill="#f8fafc">1st LAW OF BIOENERGETICS</text> <text x="60" y="435" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8" font-style="italic">Energy cannot be created or</text> <text x="60" y="450" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8" font-style="italic">destroyed, only transformed.</text> <text x="60" y="475" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#e879f9">ΔG = ΔH - TΔS</text> <!-- Right Section: The Four Pillars Grid --> <text x="320" y="155" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#f8fafc">THE FOUR PRIMARY CLASSES</text> <!-- 1. Carbohydrates --> <rect x="320" y="175" width="260" height="160" rx="16" fill="#f59e0b15" stroke="#f59e0b30"/> <text x="340" y="205" font-family="Arial, sans-serif" font-weight="700" font-size="16" fill="#f59e0b">CARBOHYDRATES</text> <text x="340" y="225" font-family="Arial, sans-serif" font-size="11" fill="#cbd5e1">Fuel &amp; Structural Scaffolding</text> <path d="M340 245 L355 235 L370 235 L380 245 L370 255 L355 255 Z" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <path d="M380 245 L395 235 L410 235 L420 245 L410 255 L395 255 Z" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <text x="340" y="280" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Formula: (CH₂O)ₙ</text> <text x="340" y="295" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Linkage: Glycosidic Bond</text> <text x="340" y="315" font-family="Arial, sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">STARCH • GLYCOGEN • CELLULOSE</text> <!-- 2. Lipids --> <rect x="600" y="175" width="260" height="160" rx="16" fill="#10b98115" stroke="#10b98130"/> <text x="620" y="205" font-family="Arial, sans-serif" font-weight="700" font-size="16" fill="#10b981">LIPIDS</text> <text x="620" y="225" font-family="Arial, sans-serif" font-size="11" fill="#cbd5e1">Energy Storage &amp; Membranes</text> <path d="M620 240 L640 240 M620 250 L645 250 M620 260 L640 260" stroke="#10b981" stroke-width="2"/> <rect x="612" y="235" width="4" height="30" fill="#10b981"/> <text x="620" y="280" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Hydrophobic Hydrocarbons</text> <text x="620" y="295" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Linkage: Ester Linkage</text> <text x="620" y="315" font-family="Arial, sans-serif" font-size="10" fill="#10b981" font-weight="bold">FATS • PHOSPHOLIPIDS • STEROIDS</text> <!-- 3. Proteins --> <rect x="320" y="360" width="260" height="160" rx="16" fill="#38bdf815" stroke="#38bdf830"/> <text x="340" y="390" font-family="Arial, sans-serif" font-weight="700" font-size="16" fill="#38bdf8">PROTEINS</text> <text x="340" y="410" font-family="Arial, sans-serif" font-size="11" fill="#cbd5e1">Molecular Machines &amp; Catalysts</text> <path d="M340 435 Q350 420 360 435 T380 435 T400 435" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="340" y="465" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Monomer: Amino Acids</text> <text x="340" y="480" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Linkage: Peptide Bond</text> <text x="340" y="500" font-family="Arial, sans-serif" font-size="10" fill="#38bdf8" font-weight="bold">ENZYMES • ANTIBODIES • KERATIN</text> <!-- 4. Nucleic Acids --> <rect x="600" y="360" width="260" height="160" rx="16" fill="#e879f915" stroke="#e879f930"/> <text x="620" y="390" font-family="Arial, sans-serif" font-weight="700" font-size="16" fill="#e879f9">NUCLEIC ACIDS</text> <text x="620" y="410" font-family="Arial, sans-serif" font-size="11" fill="#cbd5e1">Information Storage &amp; Transfer</text> <path d="M620 425 Q635 425 635 440 T650 440" fill="none" stroke="#e879f9" stroke-width="1.5"/> <path d="M620 440 Q635 440 635 425 T650 425" fill="none" stroke="#e879f9" stroke-width="1.5" opacity="0.6"/> <text x="620" y="465" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Monomer: Nucleotides</text> <text x="620" y="480" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Linkage: Phosphodiester</text> <text x="620" y="500" font-family="Arial, sans-serif" font-size="10" fill="#e879f9" font-weight="bold">DNA • RNA • ATP</text> <!-- Central Process Highlight --> <circle cx="450" cy="345" r="35" fill="#1e1b4b" stroke="#ffffff20" stroke-width="2"/> <path d="M440 335 L460 355 M460 335 L440 355" stroke="#ffffff40" stroke-width="2"/> <text x="450" y="348" font-family="Arial, sans-serif" font-size="8" fill="#94a3b8" text-anchor="middle" font-weight="bold">H₂O</text> <!-- Labels for the central process --> <text x="450" y="300" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc" text-anchor="middle" font-weight="bold">DEHYDRATION</text> <text x="450" y="395" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc" text-anchor="middle" font-weight="bold">HYDROLYSIS</text> </svg>Biological Macromolecules image 1Biological Macromolecules - High School Biology - image 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/biological-macromolecules/svg/1Biological Macromolecules diagram 1Biological Macromolecules - High School Biology - diagram 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/biological-macromolecules/svg/2Biological Macromolecules diagram 2Biological Macromolecules - High School Biology - diagram 2https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/biological-macromolecules/svg/3Biological Macromolecules diagram 3Biological Macromolecules - High School Biology - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" letter-spacing="1">CELL THEORY &amp; CLASSIFICATION</text> <path d="M 300 65 L 600 65" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="300" letter-spacing="2">THE ARCHITECTURE OF BIOLOGICAL EXISTENCE</text> <!-- Section 1: Timeline (Left) --> <rect x="30" y="110" width="260" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="50" y="140" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">CHRONOLOGY</text> <g transform="translate(50, 165)"> <!-- Timeline Line --> <line x1="10" y1="0" x2="10" y2="330" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- 1665 --> <circle cx="10" cy="10" r="5" fill="#38bdf8"/> <text x="25" y="15" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">1665 · ROBERT HOOKE</text> <text x="25" y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">Coined "cell" from cork observation.</text> <!-- 1674 --> <circle cx="10" cy="80" r="5" fill="#38bdf8"/> <text x="25" y="85" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">1674 · LEEUWENHOEK</text> <text x="25" y="102" fill="#94a3b8" font-family="sans-serif" font-size="11">First view of living "animalcules".</text> <!-- 1839 --> <circle cx="10" cy="150" r="5" fill="#38bdf8"/> <text x="25" y="155" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">1839 · SCHLEIDEN/SCHWANN</text> <text x="25" y="172" fill="#94a3b8" font-family="sans-serif" font-size="11">Unified plant and animal theory.</text> <!-- 1855 --> <circle cx="10" cy="220" r="5" fill="#38bdf8"/> <text x="25" y="225" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">1855 · RUDOLF VIRCHOW</text> <text x="25" y="242" fill="#94a3b8" font-family="sans-serif" font-size="11">"Omnis cellula e cellula" (Biogenesis).</text> <!-- Modern --> <circle cx="10" cy="290" r="5" fill="#e879f9"/> <text x="25" y="295" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">MODERN SYNTHESIS</text> <text x="25" y="312" fill="#94a3b8" font-family="sans-serif" font-size="11">DNA, Energy flow, and Chemistry.</text> </g> <!-- Section 2: The Three Tenets (Center) --> <text x="450" y="130" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">THE CLASSICAL TENETS</text> <g transform="translate(310, 150)"> <!-- Tenet 1 --> <rect width="280" height="80" rx="12" fill="#ffffff10" stroke="#ffffff10"/> <circle cx="30" cy="40" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="30" y="45" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="16" font-weight="bold">1</text> <text x="60" y="35" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">BASIC UNIT OF LIFE</text> <text x="60" y="55" fill="#94a3b8" font-family="sans-serif" font-size="11">Smallest scale where life manifests.</text> <!-- Tenet 2 --> <rect y="95" width="280" height="80" rx="12" fill="#ffffff10" stroke="#ffffff10"/> <circle cx="30" cy="135" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="30" y="140" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="16" font-weight="bold">2</text> <text x="60" y="130" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">ALL ORGANISMS ARE CELLULAR</text> <text x="60" y="150" fill="#94a3b8" font-family="sans-serif" font-size="11">From bacteria to multicellular giants.</text> <!-- Tenet 3 --> <rect y="190" width="280" height="80" rx="12" fill="#ffffff10" stroke="#ffffff10"/> <circle cx="30" cy="230" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="30" y="235" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="16" font-weight="bold">3</text> <text x="60" y="225" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">CELLULAR BIOGENESIS</text> <text x="60" y="245" fill="#94a3b8" font-family="sans-serif" font-size="11">All cells arise from pre-existing cells.</text> </g> <!-- Section 3: Prokaryotic Architecture (Right) --> <rect x="610" y="110" width="260" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="630" y="140" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="bold">PROKARYOTIC DESIGN</text> <!-- Cell Illustration --> <g transform="translate(640, 160)"> <rect width="200" height="80" rx="40" fill="#1e293b" stroke="#38bdf8" stroke-width="3"/> <!-- Flagellum --> <path d="M 0 40 Q -30 20 -40 40 T -80 40" fill="none" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Nucleoid --> <path d="M 60 40 Q 80 20 100 40 T 140 40" fill="none" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> <text x="100" y="30" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="bold">NUCLEOID</text> <!-- Ribosomes --> <circle cx="50" cy="55" r="1.5" fill="#f8fafc"/> <circle cx="150" cy="50" r="1.5" fill="#f8fafc"/> <circle cx="120" cy="60" r="1.5" fill="#f8fafc"/> <text x="100" y="105" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11" font-style="italic">Architecture of Efficiency (0.1–5.0 μm)</text> </g> <!-- Math Box --> <g transform="translate(630, 290)"> <rect width="220" height="130" rx="12" fill="#00000030"/> <text x="110" y="25" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="14" font-style="italic">The Physics of Scale</text> <text x="110" y="55" text-anchor="middle" fill="#38bdf8" font-family="serif" font-size="20">SA:V = 3 / r</text> <text x="20" y="85" fill="#94a3b8" font-family="sans-serif" font-size="11">As radius (r) increases, the ratio</text> <text x="20" y="100" fill="#94a3b8" font-family="sans-serif" font-size="11">decreases, limiting diffusion and</text> <text x="20" y="115" fill="#94a3b8" font-family="sans-serif" font-size="11">metabolic exchange efficiency.</text> </g> <!-- Footer Info --> <rect x="310" y="440" width="280" height="90" rx="12" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="450" y="465" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="12" font-weight="bold">KEY DIFFERENTIATORS</text> <text x="330" y="485" fill="#f8fafc" font-family="sans-serif" font-size="11">PROKARYOTES: 70S Ribosomes, No Nucleus</text> <text x="330" y="505" fill="#f8fafc" font-family="sans-serif" font-size="11">EUKARYOTES: 80S Ribosomes, Bound Nucleus</text> <text x="330" y="520" fill="#94a3b8" font-family="sans-serif" font-size="10">Peptidoglycan cell walls (Bacteria only)</text> </svg>Cell Theory and Cellular Classification image 1Cell Theory and Cellular Classification - High School Biology - image 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/cell-theory-and-types/svg/1Cell Theory and Cellular Classification diagram 1Cell Theory and Cellular Classification - High School Biology - diagram 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/cell-theory-and-types/svg/2Cell Theory and Cellular Classification diagram 2Cell Theory and Cellular Classification - High School Biology - diagram 2https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/cell-theory-and-types/svg/3Cell Theory and Cellular Classification diagram 3Cell Theory and Cellular Classification - High School Biology - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="Inter, system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">THE ARCHITECTURE OF CELLULAR COMPLEXITY</text> <text x="40" y="88" font-family="Inter, system-ui, sans-serif" font-weight="500" font-size="14" fill="#38bdf8" letter-spacing="2">EUKARYOTIC COMPARTMENTALIZATION &amp; LOGISTICS</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Left Panel: The Nucleus & NPC --> <rect x="40" y="130" width="400" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="165" font-family="Inter, sans-serif" font-weight="700" font-size="18" fill="#e879f9">THE NUCLEUS: INFORMATION REPOSITORY</text> <!-- NPC Gating Logic Visual --> <rect x="60" y="185" width="360" height="120" rx="8" fill="#00000030"/> <text x="75" y="205" font-family="monospace" font-size="11" fill="#94a3b8">// NPC Gating Logic Simulation</text> <text x="75" y="225" font-family="monospace" font-size="12" fill="#f8fafc">if (mass &lt;= 40.0) <tspan fill="#38bdf8">PASSIVE_DIFFUSION</tspan></text> <text x="75" y="245" font-family="monospace" font-size="12" fill="#f8fafc">else if (has_NLS) <tspan fill="#38bdf8">ACTIVE_TRANSPORT</tspan></text> <text x="75" y="265" font-family="monospace" font-size="12" fill="#f8fafc">else <tspan fill="#f43f5e">ACCESS_DENIED</tspan></text> <!-- Nuclear Pore Diagram --> <circle cx="100" cy="400" r="45" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 4"/> <circle cx="100" cy="400" r="25" fill="#e879f930"/> <path d="M 100 360 L 100 440 M 60 400 L 140 400" stroke="#e879f9" stroke-width="1" opacity="0.5"/> <text x="160" y="375" font-family="Inter, sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Nuclear Pore Complex (NPC)</text> <text x="160" y="395" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">Octagonal protein scaffold regulating</text> <text x="160" y="410" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">nucleocytoplasmic transport via</text> <text x="160" y="425" font-family="Inter, sans-serif" font-weight="600" font-size="12" fill="#38bdf8">Ran-GTPase Gradient</text> <!-- Right Panel Top: Ribosomes --> <rect x="460" y="130" width="400" height="185" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="165" font-family="Inter, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">RIBOSOMES: THE WORKBENCH</text> <!-- Ribosome Illustration --> <path d="M 500 240 Q 520 200 560 210 Q 600 220 580 260 Z" fill="#f59e0b40" stroke="#f59e0b" stroke-width="2"/> <!-- 60S --> <path d="M 505 265 Q 530 250 555 265 Q 545 290 515 285 Z" fill="#f59e0b60" stroke="#f59e0b" stroke-width="2"/> <!-- 40S --> <path d="M 480 255 L 600 255" stroke="#38bdf8" stroke-width="3" stroke-linecap="round" stroke-dasharray="1 6"/> <!-- mRNA --> <text x="620" y="215" font-family="Inter, sans-serif" font-weight="700" font-size="14" fill="#f8fafc">80S Eukaryotic Unit</text> <text x="620" y="235" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">Large Subunit: 60S (rRNA + Proteins)</text> <text x="620" y="250" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">Small Subunit: 40S</text> <text x="620" y="275" font-family="Inter, sans-serif" font-weight="600" font-size="12" fill="#f59e0b">Rate: 2–5 amino acids / sec</text> <!-- Right Panel Bottom: Key Stats --> <rect x="460" y="335" width="400" height="185" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="370" font-family="Inter, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">SYSTEM CONSTRAINTS</text> <!-- Stats Grid --> <g transform="translate(480, 390)"> <rect width="180" height="50" rx="8" fill="#ffffff05"/> <text x="10" y="20" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8" text-transform="uppercase">Diffusion Limit</text> <text x="10" y="40" font-family="Inter, sans-serif" font-weight="800" font-size="20" fill="#f8fafc">40 kDa</text> <rect x="195" width="180" height="50" rx="8" fill="#ffffff05"/> <text x="205" y="20" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8" text-transform="uppercase">Translation</text> <text x="205" y="40" font-family="Inter, sans-serif" font-weight="800" font-size="20" fill="#f8fafc">5' → 3'</text> <rect y="65" width="375" height="50" rx="8" fill="#ffffff05"/> <text x="10" y="85" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8" text-transform="uppercase">Compartmentalization Advantage</text> <text x="10" y="105" font-family="Inter, sans-serif" font-weight="600" font-size="14" fill="#38bdf8">Simultaneous incompatible chemical reactions</text> </g> <!-- Decorative Elements --> <circle cx="860" cy="40" r="20" fill="url(#accentGrad)" opacity="0.2"/> <circle cx="860" cy="40" r="10" fill="url(#accentGrad)" opacity="0.4"/> <path d="M 820 530 L 860 530" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <path d="M 840 510 L 840 550" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> </svg>Eukaryotic Cell Structures and Organelles image 1Eukaryotic Cell Structures and Organelles - High School Biology - image 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/eukaryotic-cell-structures/svg/1Eukaryotic Cell Structures and Organelles diagram 1Eukaryotic Cell Structures and Organelles - High School Biology - diagram 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/eukaryotic-cell-structures/svg/2Eukaryotic Cell Structures and Organelles diagram 2Eukaryotic Cell Structures and Organelles - High School Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#334155" stroke-width="0.5"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" letter-spacing="1">THE CELL MEMBRANE</text> <text x="450" y="75" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="14" font-weight="600" letter-spacing="4">A DYNAMIC BIOLOGICAL INTERFACE</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#334155" stroke-width="1"/> <!-- Left Panel: Anatomy --> <rect x="30" y="110" width="260" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="45" y="140" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">MOLECULAR ANATOMY</text> <!-- Phospholipid Detail --> <g transform="translate(60, 170)"> <!-- Hydrophilic Head --> <circle cx="40" cy="30" r="18" fill="#38bdf8" filter="url(#glow)"/> <text x="70" y="35" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Polar Head</text> <text x="70" y="50" fill="#94a3b8" font-family="sans-serif" font-size="11">Phosphate + Glycerol</text> <!-- Hydrophobic Tails --> <path d="M32 48 Q32 80 32 100" stroke="#94a3b8" stroke-width="4" fill="none" stroke-linecap="round"/> <path d="M48 48 Q48 70 65 90" stroke="#94a3b8" stroke-width="4" fill="none" stroke-linecap="round"/> <text x="75" y="85" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Non-polar Tails</text> <text x="75" y="100" fill="#94a3b8" font-family="sans-serif" font-size="11">Fatty Acid Chains</text> </g> <!-- Chemical Table --> <g transform="translate(45, 310)"> <rect width="230" height="190" rx="8" fill="#00000020"/> <text x="10" y="25" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="bold">COMPONENT CHARACTERISTICS</text> <line x1="10" y1="35" x2="220" y2="35" stroke="#ffffff10"/> <text x="10" y="55" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">Saturated Tail</text> <text x="10" y="70" fill="#94a3b8" font-family="sans-serif" font-size="11">Straight, increases packing.</text> <text x="10" y="95" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">Unsaturated Tail</text> <text x="10" y="110" fill="#94a3b8" font-family="sans-serif" font-size="11">Kinked, maintains fluidity.</text> <text x="10" y="135" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">Cholesterol</text> <text x="10" y="150" fill="#94a3b8" font-family="sans-serif" font-size="11">Fluidity buffer; mechanical stability.</text> </g> <!-- Center Panel: Fluid Mosaic Model --> <rect x="310" y="110" width="560" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="330" y="140" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">THE FLUID MOSAIC MODEL</text> <!-- Bilayer Illustration --> <g transform="translate(350, 180)"> <!-- Bottom Layer --> <g transform="translate(0, 60)"> <circle cx="20" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="50" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="80" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="110" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="140" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="170" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="200" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="230" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="260" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="290" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="320" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="350" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="380" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="410" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> <circle cx="440" cy="40" r="8" fill="#38bdf8" opacity="0.6"/> </g> <!-- Integral Protein --> <rect x="180" y="-10" width="60" height="120" rx="25" fill="#e879f9" opacity="0.9" filter="url(#glow)"/> <text x="210" y="55" text-anchor="middle" fill="#ffffff" font-family="sans-serif" font-size="10" font-weight="bold">INTEGRAL</text> <text x="210" y="68" text-anchor="middle" fill="#ffffff" font-family="sans-serif" font-size="10" font-weight="bold">PROTEIN</text> <!-- Top Layer --> <g> <circle cx="20" cy="0" r="8" fill="#38bdf8"/> <circle cx="50" cy="0" r="8" fill="#38bdf8"/> <circle cx="80" cy="0" r="8" fill="#38bdf8"/> <circle cx="110" cy="0" r="8" fill="#38bdf8"/> <circle cx="140" cy="0" r="8" fill="#38bdf8"/> <circle cx="280" cy="0" r="8" fill="#38bdf8"/> <circle cx="310" cy="0" r="8" fill="#38bdf8"/> <circle cx="340" cy="0" r="8" fill="#38bdf8"/> <circle cx="370" cy="0" r="8" fill="#38bdf8"/> <circle cx="400" cy="0" r="8" fill="#38bdf8"/> <circle cx="430" cy="0" r="8" fill="#38bdf8"/> </g> <!-- Peripheral Protein --> <circle cx="110" cy="-25" r="20" fill="#34d399" filter="url(#glow)"/> <text x="110" y="-22" text-anchor="middle" fill="#ffffff" font-family="sans-serif" font-size="9" font-weight="bold">PERIPHERAL</text> <!-- Cholesterol --> <polygon points="305,30 315,30 318,40 315,50 305,50 302,40" fill="#f59e0b"/> <text x="325" y="45" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="bold">Cholesterol</text> </g> <text x="330" y="330" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic"> The membrane is a 2D liquid where lipids and proteins diffuse laterally. </text> <text x="330" y="350" fill="#94a3b8" font-family="sans-serif" font-size="12"> Singer &amp; Nicolson (1972): The "Fluid Mosaic" concept revolutionized cell biology. </text> <!-- Bottom Right: Thermodynamics --> <rect x="310" y="410" width="560" height="120" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="330" y="440" fill="#38bdf8" font-family="sans-serif" font-size="16" font-weight="bold">THERMODYNAMIC SELF-ASSEMBLY</text> <g transform="translate(330, 460)"> <text x="0" y="15" fill="#f8fafc" font-family="sans-serif" font-size="13">Driven by the <tspan fill="#f59e0b" font-weight="bold">Hydrophobic Effect</tspan>:</text> <text x="0" y="35" fill="#94a3b8" font-family="sans-serif" font-size="12">Water molecules form ordered "clathrate" cages around non-polar tails.</text> <text x="0" y="52" fill="#94a3b8" font-family="sans-serif" font-size="12">Bilayer formation increases total system <tspan fill="#e879f9">Entropy (ΔS)</tspan>,</text> <text x="0" y="69" fill="#94a3b8" font-family="sans-serif" font-size="12">minimizing the <tspan fill="#38bdf8">Gibbs Free Energy (ΔG)</tspan>.</text> </g> <!-- Small Code Decoration --> <g transform="translate(720, 465)" opacity="0.4"> <rect width="130" height="50" rx="4" fill="#000" stroke="#334155"/> <text x="10" y="20" fill="#34d399" font-family="monospace" font-size="9">V(r) = 4ε[(σ/r)¹² - (σ/r)⁶]</text> <text x="10" y="35" fill="#64748b" font-family="monospace" font-size="8">// Lennard-Jones Potential</text> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 4"/> <circle cx="850" cy="50" r="20" fill="none" stroke="#e879f9" stroke-width="1" stroke-dasharray="2 2"/> </svg>The Cell Membrane and Transport Mechanisms image 1The Cell Membrane and Transport Mechanisms - High School Biology - image 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/cell-membrane-and-transport/svg/1The Cell Membrane and Transport Mechanisms diagram 1The Cell Membrane and Transport Mechanisms - High School Biology - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <!-- Background Gradient --> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <!-- Accent Gradients --> <linearGradient id="grad-cat" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b" stop-opacity="0.8"/> <stop offset="100%" stop-color="#ea580c" stop-opacity="0.8"/> </linearGradient> <linearGradient id="grad-ana" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8" stop-opacity="0.8"/> <stop offset="100%" stop-color="#2563eb" stop-opacity="0.8"/> </linearGradient> <linearGradient id="grad-enz" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#e879f9" stop-opacity="0.8"/> <stop offset="100%" stop-color="#a855f7" stop-opacity="0.8"/> </linearGradient> <!-- Grid Pattern --> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <!-- Glow Filter --> <filter id="glow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="4" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" text-anchor="middle" letter-spacing="1">METABOLISM &amp; ENZYMATIC ACTIVITY</text> <rect x="380" y="65" width="140" height="4" fill="#38bdf8" rx="2"/> <text x="450" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle">The Thermodynamic and Kinetic Framework of Life</text> <!-- Left Panel: Catabolism --> <rect x="40" y="120" width="260" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="70" cy="150" r="12" fill="url(#grad-cat)"/> <text x="95" y="156" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">CATABOLISM</text> <text x="60" y="185" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">The Degradative Phase</text> <text x="60" y="205" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="60" dy="1.2em">• Complex → Simple molecules</tspan> <tspan x="60" dy="1.2em">• Exergonic (ΔG &lt; 0)</tspan> <tspan x="60" dy="1.2em">• Oxidative (Releases Electrons)</tspan> <tspan x="60" dy="1.2em">• Generates ATP &amp; NADH</tspan> </text> <!-- Catabolism Illustration --> <g transform="translate(100, 300)"> <path d="M 0,0 L 40,0 L 20,30 Z" fill="#f59e0b" opacity="0.6"/> <path d="M 50,10 L 70,10 M 50,20 L 70,20" stroke="#f59e0b" stroke-width="2"/> <path d="M 80,0 C 100,20 120,0 140,20" stroke="#f59e0b" fill="none" stroke-dasharray="4"/> <circle cx="10" cy="10" r="4" fill="#f8fafc"/> <circle cx="130" cy="25" r="4" fill="#f8fafc"/> </g> <!-- Right Panel: Anabolism --> <rect x="600" y="120" width="260" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="630" cy="150" r="12" fill="url(#grad-ana)"/> <text x="655" y="156" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">ANABOLISM</text> <text x="620" y="185" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">The Biosynthetic Phase</text> <text x="620" y="205" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="620" dy="1.2em">• Simple → Complex molecules</tspan> <tspan x="620" dy="1.2em">• Endergonic (ΔG &gt; 0)</tspan> <tspan x="620" dy="1.2em">• Reductive (Requires Electrons)</tspan> <tspan x="620" dy="1.2em">• Consumes ATP &amp; NADPH</tspan> </text> <!-- Anabolism Illustration --> <g transform="translate(660, 300)"> <circle cx="10" cy="10" r="4" fill="#f8fafc"/> <path d="M 20,10 L 60,10" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow)"/> <rect x="70" y="0" width="30" height="30" rx="4" fill="#38bdf8" opacity="0.6"/> </g> <!-- Center Panel: The Enzyme Hill --> <rect x="320" y="120" width="260" height="240" rx="16" fill="#ffffff15" stroke="#e879f9" stroke-width="1" stroke-opacity="0.3"/> <text x="450" y="145" font-family="sans-serif" font-weight="700" font-size="16" fill="#e879f9" text-anchor="middle">ENZYME CATALYSIS</text> <!-- Energy Graph --> <g transform="translate(350, 170)"> <!-- Axes --> <path d="M 0,150 L 0,0 M 0,150 L 200,150" stroke="#94a3b8" stroke-width="1.5" fill="none"/> <text x="200" y="165" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="end">Reaction Progress</text> <text x="-10" y="10" font-family="sans-serif" font-size="10" fill="#94a3b8" transform="rotate(-90 -10,10)">Free Energy (G)</text> <!-- Uncatalyzed Curve --> <path d="M 10,120 C 50,120 80,10 120,10 C 160,10 180,140 190,140" stroke="#94a3b8" stroke-width="2" fill="none" stroke-dasharray="4"/> <!-- Catalyzed Curve --> <path d="M 10,120 C 50,120 80,70 120,70 C 160,70 180,140 190,140" stroke="#e879f9" stroke-width="3" fill="none" filter="url(#glow)"/> <!-- Labels --> <text x="125" y="60" font-family="sans-serif" font-size="10" fill="#e879f9" font-weight="bold">Lowered Ea</text> <path d="M 10,120 L 190,120" stroke="#ffffff20" stroke-width="1"/> <text x="20" y="115" font-family="sans-serif" font-size="9" fill="#f8fafc">Reactants</text> <text x="150" y="155" font-family="sans-serif" font-size="9" fill="#f8fafc">Products</text> </g> <!-- Bottom Panel: Thermodynamics & Kinetics --> <rect x="40" y="380" width="820" height="150" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <!-- Gibbs Equation --> <g transform="translate(80, 420)"> <text x="0" y="0" font-family="serif" font-style="italic" font-size="24" fill="#f8fafc">ΔG = ΔH - TΔS</text> <text x="0" y="30" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="0" dy="1.2em">ΔG &lt; 0 : Spontaneous (Exergonic)</tspan> <tspan x="0" dy="1.2em">ΔG &gt; 0 : Non-spontaneous (Endergonic)</tspan> </text> </g> <!-- Michaelis-Menten --> <g transform="translate(450, 400)"> <text x="0" y="20" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">Michaelis-Menten Kinetics</text> <!-- Small Curve --> <path d="M 0,100 L 150,100 M 0,100 L 0,40" stroke="#94a3b8" stroke-width="1" fill="none"/> <path d="M 0,100 Q 20,45 140,45" stroke="#38bdf8" stroke-width="2" fill="none"/> <line x1="0" y1="45" x2="140" y2="45" stroke="#38bdf8" stroke-dasharray="2" stroke-opacity="0.5"/> <text x="145" y="50" font-family="sans-serif" font-size="10" fill="#38bdf8">Vmax</text> <text x="75" y="115" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">[Substrate]</text> </g> <!-- Key Concept: Coupling --> <g transform="translate(680, 420)"> <rect x="0" y="0" width="140" height="80" rx="8" fill="#e879f915" stroke="#e879f940"/> <text x="70" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc" text-anchor="middle">ENERGY COUPLING</text> <text x="70" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">ATP hydrolysis drives</text> <text x="70" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">endergonic reactions.</text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="#f59e0b" opacity="0.05"/> <circle cx="50" cy="510" r="40" fill="#38bdf8" opacity="0.05"/> <path d="M 800 500 L 840 500 L 820 470 Z" fill="#e879f9" opacity="0.1"/> </svg>Metabolism and Enzymatic Activity image 1Metabolism and Enzymatic Activity - High School Biology - image 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/metabolism-and-enzymes/svg/1Metabolism and Enzymatic Activity diagram 1Metabolism and Enzymatic Activity - High School Biology - diagram 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/metabolism-and-enzymes/svg/2Metabolism and Enzymatic Activity diagram 2Metabolism and Enzymatic Activity - High School Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="grad-green" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#22c55e" stop-opacity="0.2"/> <stop offset="100%" stop-color="#15803d" stop-opacity="0.05"/> </linearGradient> <linearGradient id="grad-blue" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8" stop-opacity="0.2"/> <stop offset="100%" stop-color="#1d4ed8" stop-opacity="0.05"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Title Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">CELLULAR ENERGY DYNAMICS</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="3">PHOTOSYNTHESIS • RESPIRATION • ATP CYCLE</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Left Panel: Photosynthesis --> <rect x="40" y="110" width="380" height="340" rx="16" fill="url(#grad-green)" stroke="#22c55e44" stroke-width="1"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="20" fill="#4ade80">PHOTOSYNTHESIS</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Anabolic Pathway: Storing Solar Energy</text> <!-- Chloroplast Icon --> <ellipse cx="350" cy="150" rx="35" ry="20" fill="none" stroke="#4ade80" stroke-width="2"/> <path d="M 330 145 Q 350 135 370 145 M 330 155 Q 350 145 370 155" stroke="#4ade80" fill="none"/> <!-- Photosynthesis Content --> <g transform="translate(60, 190)"> <circle cx="10" cy="10" r="4" fill="#facc15"/> <text x="25" y="15" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Light-Dependent Reactions</text> <text x="25" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Occurs in Thylakoids. Splits H₂O, releases O₂.</text> <circle cx="10" cy="60" r="4" fill="#facc15"/> <text x="25" y="65" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">The Calvin Cycle</text> <text x="25" y="82" font-family="sans-serif" font-size="11" fill="#94a3b8">Occurs in Stroma. Fixes CO₂ into Glucose.</text> <rect y="110" width="340" height="50" rx="8" fill="#ffffff08"/> <text x="170" y="132" text-anchor="middle" font-family="serif" font-style="italic" font-size="14" fill="#f8fafc">6CO₂ + 6H₂O + Light → C₆H₁₂O₆ + 6O₂</text> <text x="170" y="150" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#4ade80" font-weight="700">ENDERGONIC (ΔG &gt; 0)</text> </g> <!-- Right Panel: Respiration --> <rect x="480" y="110" width="380" height="340" rx="16" fill="url(#grad-blue)" stroke="#38bdf844" stroke-width="1"/> <text x="500" y="145" font-family="sans-serif" font-weight="700" font-size="20" fill="#38bdf8">CELLULAR RESPIRATION</text> <text x="500" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Catabolic Pathway: Harvesting Energy</text> <!-- Mitochondria Icon --> <ellipse cx="790" cy="150" rx="35" ry="20" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M 765 150 L 775 140 L 785 160 L 795 140 L 805 160 L 815 150" stroke="#38bdf8" fill="none"/> <!-- Respiration Content --> <g transform="translate(500, 190)"> <circle cx="10" cy="10" r="4" fill="#f59e0b"/> <text x="25" y="15" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Glycolysis &amp; Krebs Cycle</text> <text x="25" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Cytosol &amp; Matrix. Breaks glucose into CO₂.</text> <circle cx="10" cy="60" r="4" fill="#f59e0b"/> <text x="25" y="65" font-family="sans-serif" font-size="13" fill="#f8fafc" font-weight="600">Electron Transport Chain</text> <text x="25" y="82" font-family="sans-serif" font-size="11" fill="#94a3b8">Inner membrane. Uses O₂ to produce ATP.</text> <rect y="110" width="340" height="50" rx="8" fill="#ffffff08"/> <text x="170" y="132" text-anchor="middle" font-family="serif" font-style="italic" font-size="14" fill="#f8fafc">C₆H₁₂O₆ + 6O₂ → 6CO₂ + 6H₂O + ATP</text> <text x="170" y="150" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="700">EXERGONIC (ΔG &lt; 0)</text> </g> <!-- Central Bridge: The ATP Cycle --> <g transform="translate(420, 220)"> <path d="M 30 -20 Q 55 -50 80 -20" fill="none" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 80 80 Q 55 110 30 80" fill="none" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <rect x="15" y="10" width="80" height="45" rx="12" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <text x="55" y="32" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="18" fill="#f59e0b" filter="url(#glow)">ATP</text> <text x="55" y="48" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#f8fafc">CHARGED</text> <rect x="15" y="120" width="80" height="45" rx="12" fill="#ffffff05" stroke="#94a3b8" stroke-width="1"/> <text x="55" y="142" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="18" fill="#94a3b8">ADP</text> <text x="55" y="158" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">DEPLETED</text> </g> <!-- Bottom Stats/Facts --> <rect x="40" y="470" width="820" height="70" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <g transform="translate(80, 485)"> <text x="0" y="20" font-family="sans-serif" font-weight="800" font-size="24" fill="#e879f9">1st LAW</text> <text x="0" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Thermodynamics: Energy is transformed, not created.</text> </g> <line x1="300" y1="485" x2="300" y2="525" stroke="#ffffff10" stroke-width="1"/> <g transform="translate(330, 485)"> <text x="0" y="20" font-family="sans-serif" font-weight="800" font-size="24" fill="#38bdf8">~32 ATP</text> <text x="0" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Average net yield per glucose molecule in respiration.</text> </g> <line x1="600" y1="485" x2="600" y2="525" stroke="#ffffff10" stroke-width="1"/> <g transform="translate(630, 485)"> <text x="0" y="20" font-family="sans-serif" font-weight="800" font-size="24" fill="#4ade80">RuBisCO</text> <text x="0" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">The most abundant enzyme on Earth (Carbon Fixation).</text> </g> <!-- Connecting Arrows for the Cycle --> <path d="M 420 380 Q 450 400 480 380" fill="none" stroke="#f8fafc22" stroke-width="2" stroke-dasharray="5 5"/> <text x="450" y="415" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">GLUCOSE &amp; O₂</text> <path d="M 480 130 Q 450 110 420 130" fill="none" stroke="#f8fafc22" stroke-width="2" stroke-dasharray="5 5"/> <text x="450" y="105" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">CO₂ &amp; H₂O</text> <!-- Markers --> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="context-stroke" /> </marker> </svg>Cellular Energy: Photosynthesis and Respiration image 1Cellular Energy: Photosynthesis and Respiration - High School Biology - image 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/cellular-energy-processes/svg/1Cellular Energy: Photosynthesis and Respiration diagram 1Cellular Energy: Photosynthesis and Respiration - High School Biology - diagram 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/cellular-energy-processes/svg/2Cellular Energy: Photosynthesis and Respiration diagram 2Cellular Energy: Photosynthesis and Respiration - High School Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="1" cy="1" r="1" fill="#ffffff08"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="2">CELLULAR REPRODUCTION</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="14" fill="#94a3b8" letter-spacing="1">THE LOGIC OF BIOLOGICAL REPLICATION &amp; DIVERSIFICATION</text> <line x1="300" y1="85" x2="600" y2="85" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4 4"/> <!-- Left Panel: Mitosis --> <rect x="40" y="110" width="380" height="300" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="22" fill="#38bdf8">MITOSIS</text> <text x="60" y="165" font-family="sans-serif" font-size="13" fill="#94a3b8">The Algorithm of Identity (Somatic)</text> <!-- Mitosis Illustration --> <g transform="translate(100, 240)"> <circle cx="0" cy="0" r="30" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M40,0 L80,0" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow)"/> <circle cx="120" cy="-40" r="25" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2 2"/> <circle cx="120" cy="40" r="25" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2 2"/> <text x="120" y="-35" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">2n</text> <text x="120" y="45" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">2n</text> <text x="0" y="5" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">2n</text> </g> <g transform="translate(260, 210)"> <rect width="140" height="80" rx="8" fill="#ffffff05"/> <text x="10" y="25" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">• Equational Division</text> <text x="10" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Produces 2 identical clones</text> <text x="10" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8">Used for growth &amp; repair</text> </g> <!-- Right Panel: Meiosis --> <rect x="480" y="110" width="380" height="300" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="500" y="145" font-family="sans-serif" font-weight="700" font-size="22" fill="#e879f9">MEIOSIS</text> <text x="500" y="165" font-family="sans-serif" font-size="13" fill="#94a3b8">The Engine of Diversity (Germline)</text> <!-- Meiosis Illustration --> <g transform="translate(540, 240)"> <circle cx="0" cy="0" r="30" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M35,0 L60,0" stroke="#e879f9" stroke-width="2"/> <!-- Meiosis I --> <circle cx="90" cy="-40" r="22" fill="none" stroke="#e879f9" stroke-width="1.5"/> <circle cx="90" cy="40" r="22" fill="none" stroke="#e879f9" stroke-width="1.5"/> <!-- Meiosis II --> <circle cx="160" cy="-65" r="15" fill="none" stroke="#e879f9" stroke-width="1" opacity="0.7"/> <circle cx="160" cy="-25" r="15" fill="none" stroke="#e879f9" stroke-width="1" opacity="0.7"/> <circle cx="160" cy="25" r="15" fill="none" stroke="#e879f9" stroke-width="1" opacity="0.7"/> <circle cx="160" cy="65" r="15" fill="none" stroke="#e879f9" stroke-width="1" opacity="0.7"/> <text x="160" y="70" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#e879f9">n</text> <text x="0" y="5" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#e879f9">2n</text> </g> <g transform="translate(700, 210)"> <rect width="140" height="80" rx="8" fill="#ffffff05"/> <text x="10" y="25" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">• Reductional Division</text> <text x="10" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8">Produces 4 unique gametes</text> <text x="10" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8">Genetic recombination</text> </g> <!-- Bottom Panel: The Cell Cycle Hub --> <rect x="40" y="430" width="820" height="100" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <!-- Cell Cycle Graphic --> <g transform="translate(100, 480)"> <circle r="35" fill="none" stroke="#f59e0b" stroke-width="4" stroke-dasharray="160 60"/> <text text-anchor="middle" y="5" font-family="sans-serif" font-weight="bold" font-size="10" fill="#f59e0b">CYCLE</text> <!-- Labels around circle --> <text x="0" y="-42" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#f8fafc">M</text> <text x="42" y="0" text-anchor="start" font-family="sans-serif" font-size="9" fill="#f8fafc">G1</text> <text x="0" y="48" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#f8fafc">S</text> <text x="-42" y="0" text-anchor="end" font-family="sans-serif" font-size="9" fill="#f8fafc">G2</text> </g> <!-- Checkpoint Logic --> <g transform="translate(180, 455)"> <text font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">CHECKPOINT LOGIC</text> <rect y="10" width="640" height="1" fill="#ffffff20"/> <g transform="translate(0, 30)"> <circle cx="5" cy="5" r="4" fill="#ef4444"/> <text x="15" y="10" font-family="sans-serif" font-size="11" fill="#f8fafc">G1: Growth &amp; DNA Integrity</text> <circle cx="210" cy="5" r="4" fill="#ef4444"/> <text x="220" y="10" font-family="sans-serif" font-size="11" fill="#f8fafc">G2: Replication Accuracy</text> <circle cx="420" cy="5" r="4" fill="#ef4444"/> <text x="430" y="10" font-family="sans-serif" font-size="11" fill="#f8fafc">M: Spindle Attachment</text> </g> <text y="65" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">"The Centromere Theorem: Chromosome count = Functional Centromere count."</text> </g> <!-- Decorative DNA Helix element --> <g opacity="0.2" transform="translate(820, 30) scale(0.8)"> <path d="M0,0 Q20,20 0,40 T0,80 T0,120" stroke="#38bdf8" fill="none" stroke-width="3"/> <path d="M20,0 Q0,20 20,40 T20,80 T20,120" stroke="#e879f9" fill="none" stroke-width="3"/> <line x1="2" y1="20" x2="18" y2="20" stroke="white" stroke-width="1"/> <line x1="2" y1="60" x2="18" y2="60" stroke="white" stroke-width="1"/> <line x1="2" y1="100" x2="18" y2="100" stroke="white" stroke-width="1"/> </g> <!-- Legend/Labels --> <g transform="translate(40, 20)"> <rect width="8" height="8" fill="#38bdf8"/> <text x="15" y="8" font-family="sans-serif" font-size="10" fill="#94a3b8">2n = Diploid</text> <rect y="15" width="8" height="8" fill="#e879f9"/> <text x="15" y="23" font-family="sans-serif" font-size="10" fill="#94a3b8">n = Haploid</text> </g> </svg>Cellular Reproduction: Mitosis and Meiosis image 1Cellular Reproduction: Mitosis and Meiosis - High School Biology - image 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/cellular-reproduction/svg/1Cellular Reproduction: Mitosis and Meiosis diagram 1Cellular Reproduction: Mitosis and Meiosis - High School Biology - diagram 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/cellular-reproduction/svg/2Cellular Reproduction: Mitosis and Meiosis diagram 2Cellular Reproduction: Mitosis and Meiosis - High School Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Decorative Grid Lines --> <path d="M0 100 L900 100 M0 500 L900 500" stroke="#ffffff10" stroke-width="1"/> <path d="M300 100 L300 500 M600 100 L600 500" stroke="#ffffff10" stroke-width="1"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">FOUNDATIONS OF GENETICS</text> <text x="450" y="75" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="500" font-size="14" letter-spacing="3">MENDELIAN INHERITANCE &amp; PARTICULATE THEORY</text> <!-- Left Card: The Paradigm Shift --> <rect x="30" y="115" width="260" height="370" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="45" y="145" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="18">THE PARADIGM SHIFT</text> <!-- Blending vs Particulate --> <g transform="translate(45, 170)"> <text y="0" fill="#94a3b8" font-family="sans-serif" font-size="12" font-weight="600">PRE-1865: BLENDING THEORY</text> <circle cx="20" cy="30" r="12" fill="#ef4444" fill-opacity="0.8"/> <circle cx="45" cy="30" r="12" fill="#f8fafc" fill-opacity="0.8"/> <path d="M65 30 L85 30" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <circle cx="110" cy="30" r="12" fill="#f472b6"/> <text x="130" y="34" fill="#94a3b8" font-family="sans-serif" font-size="11">Traits "mix" &amp; disappear</text> <line x1="10" y1="15" x2="150" y2="45" stroke="#ef4444" stroke-width="2" opacity="0.5"/> </g> <g transform="translate(45, 260)"> <text y="0" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="600">MENDEL: PARTICULATE THEORY</text> <circle cx="20" cy="30" r="12" fill="#a855f7"/> <circle cx="45" cy="30" r="12" fill="#f8fafc" stroke="#94a3b8"/> <path d="M65 30 L85 30" stroke="#38bdf8" stroke-width="2"/> <circle cx="110" cy="30" r="12" fill="#a855f7"/> <text x="130" y="34" fill="#f8fafc" font-family="sans-serif" font-size="11">Traits are discrete units</text> <text x="0" y="65" fill="#94a3b8" font-family="sans-serif" font-size="12" width="220"> <tspan x="0" dy="1.2em">Gregor Mendel's work with</tspan> <tspan x="0" dy="1.2em" font-style="italic" fill="#f8fafc">Pisum sativum</tspan> <tspan x="0" dy="1.2em">proved that heritable units</tspan> <tspan x="0" dy="1.2em">(genes) retain their identity.</tspan> </text> </g> <!-- Center Card: Genotype vs Phenotype --> <rect x="320" y="115" width="260" height="370" rx="16" fill="#ffffff12" stroke="#ffffff20"/> <text x="335" y="145" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">GENE EXPRESSION</text> <!-- Flower Illustration --> <g transform="translate(450, 230)"> <!-- Purple Flower --> <g transform="translate(-50, 0)"> <circle cx="0" cy="0" r="8" fill="#f59e0b"/> <ellipse cx="0" cy="-15" rx="10" ry="14" fill="#a855f7" opacity="0.9"/> <ellipse cx="0" cy="15" rx="10" ry="14" fill="#a855f7" opacity="0.9"/> <ellipse cx="-15" cy="0" rx="14" ry="10" fill="#a855f7" opacity="0.9"/> <ellipse cx="15" cy="0" rx="14" ry="10" fill="#a855f7" opacity="0.9"/> <text y="45" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">PHENOTYPE</text> <text y="60" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">Purple Flower</text> </g> <!-- Genotype Label --> <rect x="-100" y="295" width="200" height="50" rx="8" fill="#00000030"/> <text y="315" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="12" font-weight="bold">GENOTYPE (Alleles)</text> <text y="335" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="16" letter-spacing="4">PP or Pp</text> </g> <!-- Right Card: The Laws --> <rect x="610" y="115" width="260" height="370" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="625" y="145" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">THE LAWS</text> <!-- Law 1: Segregation --> <g transform="translate(625, 175)"> <text y="0" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">1. Law of Segregation</text> <text y="18" fill="#94a3b8" font-family="sans-serif" font-size="11">Alleles separate during gamete formation.</text> <!-- Punnett Square Mini --> <g transform="translate(10, 35)"> <rect width="60" height="60" fill="none" stroke="#ffffff30" stroke-width="1"/> <line x1="30" y1="0" x2="30" y2="60" stroke="#ffffff30"/> <line x1="0" y1="30" x2="60" y2="30" stroke="#ffffff30"/> <text x="15" y="-5" text-anchor="middle" fill="#a855f7" font-size="10">P</text> <text x="45" y="-5" text-anchor="middle" fill="#94a3b8" font-size="10">p</text> <text x="-8" y="18" text-anchor="middle" fill="#a855f7" font-size="10">P</text> <text x="-8" y="48" text-anchor="middle" fill="#94a3b8" font-size="10">p</text> <text x="15" y="20" text-anchor="middle" fill="#f8fafc" font-size="9">PP</text> <text x="45" y="20" text-anchor="middle" fill="#f8fafc" font-size="9">Pp</text> <text x="15" y="50" text-anchor="middle" fill="#f8fafc" font-size="9">Pp</text> <text x="45" y="50" text-anchor="middle" fill="#f8fafc" font-size="9" opacity="0.5">pp</text> </g> <text x="85" y="60" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="800">3:1</text> <text x="85" y="75" fill="#94a3b8" font-family="sans-serif" font-size="10">Phenotypic Ratio</text> </g> <!-- Law 2: Independent Assortment --> <g transform="translate(625, 310)"> <text y="0" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">2. Independent Assortment</text> <text y="18" fill="#94a3b8" font-family="sans-serif" font-size="11">Genes for different traits segregate</text> <text y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">independently of one another.</text> <g transform="translate(0, 50)"> <rect width="210" height="40" rx="4" fill="#38bdf815" stroke="#38bdf830"/> <text x="105" y="25" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="14" font-weight="800">9 : 3 : 3 : 1</text> <text x="105" y="55" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Dihybrid Cross Result</text> </g> </g> <!-- Footer --> <text x="450" y="535" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10" opacity="0.8">EDUCATIONAL SERIES: BIOLOGY &amp; GENETICS | © 1865-2024 MENDELIAN FOUNDATIONS</text> <!-- Accent DNA Helix Graphic (Subtle) --> <g opacity="0.05" transform="translate(820, 20) scale(0.5)"> <path d="M0 0 Q 50 50 0 100 T 0 200 T 0 300" stroke="#f8fafc" stroke-width="8" fill="none"/> <path d="M40 0 Q -10 50 40 100 T 40 200 T 40 300" stroke="#38bdf8" stroke-width="8" fill="none"/> </g> </svg>Foundations of Genetics: Mendelian Inheritance image 1Foundations of Genetics: Mendelian Inheritance - High School Biology - image 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/mendelian-genetics/svg/1Foundations of Genetics: Mendelian Inheritance diagram 1Foundations of Genetics: Mendelian Inheritance - High School Biology - diagram 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/mendelian-genetics/svg/2Foundations of Genetics: Mendelian Inheritance diagram 2Foundations of Genetics: Mendelian Inheritance - High School Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" filter="url(#glow)">COMPLEX INHERITANCE &amp; PEDIGREE ANALYSIS</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" letter-spacing="2">THE MOLECULAR REALITY BEYOND MENDELIAN LAWS</text> <line x1="300" y1="85" x2="600" y2="85" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Card 1: Dominance Spectrum --> <rect x="40" y="110" width="400" height="200" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="60" y="140" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">1. THE DOMINANCE SPECTRUM</text> <!-- Incomplete Dominance Graphic --> <circle cx="90" cy="180" r="15" fill="#ef4444"/> <!-- Red --> <text x="110" y="185" fill="#f8fafc" font-family="sans-serif" font-size="12">+</text> <circle cx="140" cy="180" r="15" fill="#ffffff" stroke="#94a3b8"/> <!-- White --> <text x="160" y="185" fill="#f8fafc" font-family="sans-serif" font-size="12">=</text> <circle cx="195" cy="180" r="18" fill="#f472b6" filter="url(#glow)"/> <!-- Pink --> <text x="75" y="215" fill="#94a3b8" font-family="sans-serif" font-size="11" font-weight="bold">INCOMPLETE</text> <text x="75" y="230" fill="#cbd5e1" font-family="sans-serif" font-size="10">Intermediate phenotype (Pink)</text> <!-- Codominance Graphic --> <circle cx="280" cy="180" r="18" fill="#38bdf8"/> <text x="274" y="185" fill="#0f172a" font-family="sans-serif" font-size="14" font-weight="bold">A</text> <circle cx="320" cy="180" r="18" fill="#e879f9"/> <text x="314" y="185" fill="#0f172a" font-family="sans-serif" font-size="14" font-weight="bold">B</text> <text x="275" y="215" fill="#94a3b8" font-family="sans-serif" font-size="11" font-weight="bold">CODOMINANCE</text> <text x="275" y="230" fill="#cbd5e1" font-family="sans-serif" font-size="10">Both traits expressed (AB Blood)</text> <!-- Card 2: Sex-Linked Inheritance --> <rect x="460" y="110" width="400" height="200" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="480" y="140" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="bold">2. SEX-LINKED DYNAMICS</text> <!-- Chromosome Icon --> <g transform="translate(500, 160)"> <rect x="0" y="0" width="8" height="40" rx="4" fill="#38bdf8" transform="rotate(20)"/> <rect x="15" y="0" width="8" height="40" rx="4" fill="#38bdf8" transform="rotate(-20)"/> <text x="35" y="25" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">X</text> <rect x="80" y="5" width="8" height="35" rx="4" fill="#f59e0b" transform="rotate(10)"/> <rect x="90" y="15" width="8" height="15" rx="4" fill="#f59e0b" transform="rotate(-45)"/> <text x="110" y="25" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Y</text> </g> <text x="480" y="230" fill="#cbd5e1" font-family="sans-serif" font-size="12" font-weight="bold">HEMIZYGOSITY IN MALES (XY)</text> <text x="480" y="248" fill="#94a3b8" font-family="sans-serif" font-size="11">Males express X-linked recessive traits with only</text> <text x="480" y="262" fill="#94a3b8" font-family="sans-serif" font-size="11">one allele. Probability P(m) = q vs P(f) = q².</text> <!-- Card 3: Dosage Compensation --> <rect x="40" y="330" width="400" height="200" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="60" y="360" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">3. DOSAGE COMPENSATION</text> <!-- X-Inactivation Graphic --> <circle cx="100" cy="420" r="30" fill="none" stroke="#f8fafc" stroke-width="2"/> <path d="M 85 410 Q 100 400 115 410" stroke="#38bdf8" stroke-width="4" fill="none"/> <path d="M 85 430 Q 100 420 115 430" stroke="#94a3b8" stroke-width="4" fill="none" stroke-dasharray="2 1"/> <text x="140" y="415" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">BARR BODY</text> <text x="140" y="430" fill="#94a3b8" font-family="sans-serif" font-size="10">Condensed, inactive X chromosome</text> <text x="60" y="475" fill="#cbd5e1" font-family="sans-serif" font-size="11">Random inactivation creates a genetic mosaic in</text> <text x="60" y="490" fill="#cbd5e1" font-family="sans-serif" font-size="11">females. Classic example: Calico fur patterns.</text> <!-- Card 4: Pedigree Analysis --> <rect x="460" y="330" width="400" height="200" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="480" y="360" fill="#10b981" font-family="sans-serif" font-size="18" font-weight="bold">4. PEDIGREE ANALYSIS</text> <!-- Pedigree Diagram --> <rect x="500" y="385" width="20" height="20" fill="none" stroke="#f8fafc" stroke-width="2"/> <!-- Male --> <line x1="520" y1="395" x2="550" y2="395" stroke="#f8fafc" stroke-width="2"/> <circle cx="565" cy="395" r="11" fill="#10b981" stroke="#f8fafc" stroke-width="2"/> <!-- Affected Female --> <line x1="535" y1="395" x2="535" y2="425" stroke="#f8fafc" stroke-width="2"/> <line x1="505" y1="425" x2="565" y2="425" stroke="#f8fafc" stroke-width="2"/> <rect x="495" y="425" width="20" height="20" fill="#10b981" stroke="#f8fafc" stroke-width="2"/> <!-- Affected Male --> <circle cx="565" cy="435" r="11" fill="none" stroke="#f8fafc" stroke-width="2"/> <!-- Unaffected Female --> <!-- Legend --> <g transform="translate(620, 385)"> <rect x="0" y="0" width="10" height="10" fill="none" stroke="#94a3b8"/> <text x="15" y="10" fill="#94a3b8" font-family="sans-serif" font-size="10">Male</text> <circle cx="5" cy="25" r="5" fill="none" stroke="#94a3b8"/> <text x="15" y="30" fill="#94a3b8" font-family="sans-serif" font-size="10">Female</text> <rect x="0" y="40" width="10" height="10" fill="#10b981"/> <text x="15" y="50" fill="#94a3b8" font-family="sans-serif" font-size="10">Affected</text> </g> <text x="480" y="490" fill="#cbd5e1" font-family="sans-serif" font-size="11">Tracing phenotypes through lineages to determine</text> <text x="480" y="505" fill="#cbd5e1" font-family="sans-serif" font-size="11">mode of inheritance (Autosomal vs. Sex-linked).</text> <!-- Footer Branding --> <text x="860" y="545" text-anchor="end" fill="#ffffff30" font-family="sans-serif" font-size="10" font-style="italic">GENETICS WIKI | EDUCATIONAL SERIES</text> </svg>Complex Inheritance and Pedigree Analysis image 1Complex Inheritance and Pedigree Analysis - High School Biology - image 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/complex-inheritance/svg/1Complex Inheritance and Pedigree Analysis diagram 1Complex Inheritance and Pedigree Analysis - High School Biology - diagram 1https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/complex-inheritance/svg/2Complex Inheritance and Pedigree Analysis diagram 2Complex Inheritance and Pedigree Analysis - High School Biology - diagram 2https://www.getlykke.com/explore/public/high-school-biology-8b172479-056c-47eb-a63e-bb6580c26864/media/complex-inheritance/svg/3Complex Inheritance and Pedigree Analysis diagram 3Complex Inheritance and Pedigree Analysis - High School Biology - diagram 3https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc82026-04-20T04:40:54.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">BIOLOGICAL FOUNDATIONS</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="14" fill="#94a3b8" text-transform="uppercase">The Molecular Logic of Living Systems</text> <line x1="350" y1="90" x2="550" y2="90" stroke="url(#accentGrad)" stroke-width="2" stroke-linecap="round"/> <!-- Left Column: Chemical Toolkit --> <rect x="30" y="110" width="260" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="50" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Chemical Toolkit</text> <text x="50" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Life is built from the CHNOPS elements:</text> <g transform="translate(50, 185)"> <circle cx="20" cy="20" r="18" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="20" y="25" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f59e0b">C</text> <circle cx="60" cy="20" r="18" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="60" y="25" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">H</text> <circle cx="100" cy="20" r="18" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <text x="100" y="25" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#e879f9">N</text> <circle cx="20" cy="65" r="18" fill="#10b98120" stroke="#10b981" stroke-width="1.5"/> <text x="20" y="70" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#10b981">O</text> <circle cx="60" cy="65" r="18" fill="#f43f5e20" stroke="#f43f5e" stroke-width="1.5"/> <text x="60" y="70" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f43f5e">P</text> <circle cx="100" cy="65" r="18" fill="#fbbf2420" stroke="#fbbf24" stroke-width="1.5"/> <text x="100" y="70" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#fbbf24">S</text> </g> <text x="50" y="290" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic">Covalent backbone of all macromolecules</text> <!-- Middle Column: Scale & Bonds --> <rect x="310" y="110" width="280" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="330" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Scale &amp; Energy</text> <!-- Scale Bar --> <line x1="330" y1="175" x2="570" y2="175" stroke="#94a3b8" stroke-width="1"/> <circle cx="330" cy="175" r="3" fill="#38bdf8"/> <text x="330" y="190" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">1.5 Å</text> <text x="330" y="165" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#f8fafc">C-C Bond</text> <circle cx="410" cy="175" r="3" fill="#38bdf8"/> <text x="410" y="190" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">20 Å</text> <text x="410" y="165" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#f8fafc">DNA Helix</text> <circle cx="530" cy="175" r="3" fill="#38bdf8"/> <text x="530" y="190" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">1-5 µm</text> <text x="530" y="165" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#f8fafc">Bacteria</text> <!-- Bonds --> <g transform="translate(330, 215)"> <rect width="240" height="18" rx="4" fill="#f43f5e20"/> <text x="8" y="13" font-family="sans-serif" font-size="10" fill="#f8fafc">COVALENT (Strong)</text> <text x="232" y="13" text-anchor="end" font-family="sans-serif" font-size="10" fill="#f43f5e">50-110 kcal/mol</text> <rect y="25" width="240" height="18" rx="4" fill="#38bdf820"/> <text x="8" y="38" font-family="sans-serif" font-size="10" fill="#f8fafc">NON-COVALENT (Weak)</text> <text x="232" y="38" text-anchor="end" font-family="sans-serif" font-size="10" fill="#38bdf8">1-5 kcal/mol</text> <text y="65" font-family="sans-serif" font-size="11" fill="#94a3b8" width="240">Weak interactions enable dynamic folding and reversible binding.</text> </g> <!-- Right Column: Domains of Life --> <rect x="610" y="110" width="260" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="630" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">The Three Domains</text> <g transform="translate(630, 160)"> <circle cx="30" cy="40" r="25" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="2 2"/> <text x="30" y="85" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">BACTERIA</text> <circle cx="100" cy="40" r="25" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <text x="100" y="85" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#e879f9">ARCHAEA</text> <circle cx="170" cy="40" r="30" fill="none" stroke="#f8fafc" stroke-width="2"/> <circle cx="170" cy="40" r="10" fill="#f8fafc30" stroke="#f8fafc" stroke-width="1"/> <text x="170" y="85" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">EUKARYA</text> <text x="0" y="120" font-family="sans-serif" font-size="11" fill="#94a3b8">Eukaryotes feature membrane-bound nuclei and complex organelles.</text> </g> <!-- Bottom Section: The Membrane Boundary --> <rect x="30" y="330" width="840" height="200" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="60" y="365" font-family="sans-serif" font-weight="700" font-size="20" fill="#f8fafc">The Membrane Boundary: Phospholipid Bilayer</text> <!-- Bilayer Illustration --> <g transform="translate(60, 390)"> <!-- Top Row --> <circle cx="20" cy="20" r="8" fill="#38bdf8"/> <path d="M16 28 Q20 45 16 55 M24 28 Q20 45 24 55" stroke="#94a3b8" fill="none"/> <circle cx="45" cy="20" r="8" fill="#38bdf8"/> <path d="M41 28 Q45 45 41 55 M49 28 Q45 45 49 55" stroke="#94a3b8" fill="none"/> <circle cx="70" cy="20" r="8" fill="#38bdf8"/> <path d="M66 28 Q70 45 66 55 M74 28 Q70 45 74 55" stroke="#94a3b8" fill="none"/> <circle cx="95" cy="20" r="8" fill="#38bdf8"/> <path d="M91 28 Q95 45 91 55 M99 28 Q95 45 99 55" stroke="#94a3b8" fill="none"/> <!-- Bottom Row (Inverted) --> <circle cx="20" cy="100" r="8" fill="#38bdf8"/> <path d="M16 92 Q20 75 16 65 M24 92 Q20 75 24 65" stroke="#94a3b8" fill="none"/> <circle cx="45" cy="100" r="8" fill="#38bdf8"/> <path d="M41 92 Q45 75 41 65 M49 92 Q45 75 49 65" stroke="#94a3b8" fill="none"/> <circle cx="70" cy="100" r="8" fill="#38bdf8"/> <path d="M66 92 Q70 75 66 65 M74 92 Q70 75 74 65" stroke="#94a3b8" fill="none"/> <circle cx="95" cy="100" r="8" fill="#38bdf8"/> <path d="M91 92 Q95 75 91 65 M99 92 Q95 75 99 65" stroke="#94a3b8" fill="none"/> <!-- Labels --> <text x="120" y="25" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">Hydrophilic Head</text> <text x="120" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Polar, interacts with water</text> <text x="120" y="65" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">Hydrophobic Tails</text> <text x="120" y="80" font-family="sans-serif" font-size="11" fill="#94a3b8">Non-polar, sequestered inside</text> <!-- Hydrophobic Effect Box --> <rect x="450" y="0" width="300" height="110" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="465" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#e879f9">The Hydrophobic Effect</text> <text x="465" y="45" font-family="sans-serif" font-size="11" fill="#f8fafc">An entropic drive (ΔS &gt; 0) that minimizes</text> <text x="465" y="60" font-family="sans-serif" font-size="11" fill="#f8fafc">the surface area of non-polar solutes</text> <text x="465" y="75" font-family="sans-serif" font-size="11" fill="#f8fafc">exposed to water.</text> <text x="465" y="95" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8">Result: Spontaneous Self-Assembly</text> </g> <!-- Decorative Corner Accents --> <path d="M870 30 L870 60 M870 30 L840 30" stroke="#38bdf8" stroke-width="2" fill="none"/> <path d="M30 530 L30 500 M30 530 L60 530" stroke="#e879f9" stroke-width="2" fill="none"/> </svg>Course Introduction and Biological Foundations image 1Course Introduction and Biological Foundations - Introductory Biology - image 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/course-introduction-foundations/svg/1Course Introduction and Biological Foundations diagram 1Course Introduction and Biological Foundations - Introductory Biology - diagram 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/course-introduction-foundations/svg/2Course Introduction and Biological Foundations diagram 2Course Introduction and Biological Foundations - Introductory Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="1">CHEMICAL BONDING &amp; MACROMOLECULES</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="2">THE MOLECULAR ARCHITECTURE OF LIFE</text> <!-- CHNOPS Elements --> <g transform="translate(230, 95)"> <rect width="440" height="40" rx="20" fill="#ffffff10" stroke="#ffffff20"/> <text x="20" y="26" fill="#94a3b8" font-family="sans-serif" font-size="12" font-weight="700">THE CHNOPS ELEMENTS:</text> <g transform="translate(160, 10)"> <circle cx="20" cy="10" r="12" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8"/> <text x="20" y="14" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="bold">C</text> <circle cx="55" cy="10" r="12" fill="#f59e0b" fill-opacity="0.2" stroke="#f59e0b"/> <text x="55" y="14" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="12" font-weight="bold">H</text> <circle cx="90" cy="10" r="12" fill="#e879f9" fill-opacity="0.2" stroke="#e879f9"/> <text x="90" y="14" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="12" font-weight="bold">N</text> <circle cx="125" cy="10" r="12" fill="#ef4444" fill-opacity="0.2" stroke="#ef4444"/> <text x="125" y="14" text-anchor="middle" fill="#ef4444" font-family="sans-serif" font-size="12" font-weight="bold">O</text> <circle cx="160" cy="10" r="12" fill="#10b981" fill-opacity="0.2" stroke="#10b981"/> <text x="160" y="14" text-anchor="middle" fill="#10b981" font-family="sans-serif" font-size="12" font-weight="bold">P</text> <circle cx="195" cy="10" r="12" fill="#fbbf24" fill-opacity="0.2" stroke="#fbbf24"/> <text x="195" y="14" text-anchor="middle" fill="#fbbf24" font-family="sans-serif" font-size="12" font-weight="bold">S</text> </g> <text x="420" y="26" text-anchor="end" fill="#94a3b8" font-family="sans-serif" font-size="11">≈ 98% OF BIOMASS</text> </g> <!-- Left Panel: Covalent Bonds --> <rect x="40" y="150" width="400" height="220" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <rect x="40" y="150" width="400" height="40" rx="16" fill="#38bdf820"/> <text x="60" y="177" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="bold">COVALENT: THE SKELETON</text> <g transform="translate(60, 210)"> <circle cx="30" cy="30" r="25" fill="none" stroke="#38bdf8" stroke-dasharray="4 2"/> <circle cx="70" cy="30" r="25" fill="none" stroke="#38bdf8" stroke-dasharray="4 2"/> <circle cx="50" cy="30" r="4" fill="#38bdf8" filter="url(#glow)"/> <circle cx="50" cy="22" r="4" fill="#38bdf8" filter="url(#glow)"/> <text x="110" y="25" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">Electron Sharing</text> <text x="110" y="42" fill="#94a3b8" font-family="sans-serif" font-size="12">Permanent atomic architecture</text> </g> <line x1="60" y1="285" x2="420" y2="285" stroke="#ffffff10" stroke-width="1"/> <g transform="translate(60, 305)"> <text x="0" y="15" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="bold">BOND ENERGY</text> <text x="0" y="35" fill="#f8fafc" font-family="sans-serif" font-size="24" font-weight="bold">200–500 <tspan font-size="12" fill="#94a3b8">kJ/mol</tspan></text> <text x="180" y="15" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="bold">SCALE</text> <text x="180" y="35" fill="#f8fafc" font-family="sans-serif" font-size="24" font-weight="bold">1.54 <tspan font-size="12" fill="#94a3b8">Å (C-C)</tspan></text> </g> <!-- Right Panel: Non-Covalent --> <rect x="460" y="150" width="400" height="220" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <rect x="460" y="150" width="400" height="40" rx="16" fill="#e879f920"/> <text x="480" y="177" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">NON-COVALENT: THE GLUE</text> <g transform="translate(480, 205)" font-family="sans-serif"> <!-- Ionic --> <text x="0" y="15" fill="#f8fafc" font-size="13" font-weight="bold">Ionic Bonds</text> <text x="130" y="15" fill="#94a3b8" font-size="12">Salt Bridges</text> <text x="360" y="15" text-anchor="end" fill="#e879f9" font-size="12" font-weight="bold">20–40 kJ</text> <rect x="0" y="22" width="360" height="4" rx="2" fill="#ffffff10"/> <rect x="0" y="22" width="120" height="4" rx="2" fill="#e879f9"/> <!-- H-Bond --> <text x="0" y="55" fill="#f8fafc" font-size="13" font-weight="bold">Hydrogen Bonds</text> <text x="130" y="55" fill="#94a3b8" font-size="12">DNA Base Pairing</text> <text x="360" y="55" text-anchor="end" fill="#e879f9" font-size="12" font-weight="bold">4–20 kJ</text> <rect x="0" y="62" width="360" height="4" rx="2" fill="#ffffff10"/> <rect x="0" y="62" width="60" height="4" rx="2" fill="#e879f9"/> <!-- VdW --> <text x="0" y="95" fill="#f8fafc" font-size="13" font-weight="bold">Van der Waals</text> <text x="130" y="95" fill="#94a3b8" font-size="12">Packing / Dipoles</text> <text x="360" y="95" text-anchor="end" fill="#e879f9" font-size="12" font-weight="bold">2–4 kJ</text> <rect x="0" y="102" width="360" height="4" rx="2" fill="#ffffff10"/> <rect x="0" y="102" width="20" height="4" rx="2" fill="#e879f9"/> <text x="0" y="140" fill="#94a3b8" font-size="11" font-style="italic">Dynamic interactions allow for reversible folding and signaling.</text> </g> <!-- Bottom Panel: Hydrophobic Effect & Membranes --> <rect x="40" y="390" width="820" height="140" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <g transform="translate(70, 415)"> <text x="0" y="20" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">THE HYDROPHOBIC EFFECT</text> <text x="0" y="45" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Entropy-Driven Aggregation</text> <text x="0" y="65" fill="#94a3b8" font-family="sans-serif" font-size="12" width="300"> Water forms ordered cages around non-polar solutes. </text> <text x="0" y="80" fill="#94a3b8" font-family="sans-serif" font-size="12"> Aggregation releases water, increasing total entropy (ΔS &gt; 0). </text> <!-- Entropy Diagram --> <g transform="translate(320, 0)"> <circle cx="40" cy="40" r="35" fill="none" stroke="#38bdf830" stroke-width="1"/> <path d="M 25 30 Q 40 10 55 30 T 40 60" fill="none" stroke="#f59e0b" stroke-width="3"/> <text x="40" y="90" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">NON-POLAR</text> </g> </g> <!-- Membrane Visualization --> <g transform="translate(550, 410)"> <text x="120" y="15" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="bold">LIPID BILAYER DYNAMICS</text> <!-- Top layer --> <g transform="translate(0, 30)"> <circle cx="20" cy="0" r="8" fill="#38bdf8"/> <path d="M 17 8 Q 15 15 17 25 M 23 8 Q 25 15 23 25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="45" cy="0" r="8" fill="#38bdf8"/> <path d="M 42 8 Q 40 15 42 25 M 48 8 Q 50 15 48 25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="70" cy="0" r="8" fill="#38bdf8"/> <path d="M 67 8 Q 65 15 67 25 M 73 8 Q 75 15 73 25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="95" cy="0" r="8" fill="#38bdf8"/> <path d="M 92 8 Q 90 15 92 25 M 98 8 Q 100 15 98 25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="120" cy="0" r="8" fill="#38bdf8"/> <path d="M 117 8 Q 115 15 117 25 M 123 8 Q 125 15 123 25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="145" cy="0" r="8" fill="#38bdf8"/> <path d="M 142 8 Q 140 15 142 25 M 148 8 Q 150 15 148 25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="170" cy="0" r="8" fill="#38bdf8"/> <path d="M 167 8 Q 165 15 167 25 M 173 8 Q 175 15 173 25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="195" cy="0" r="8" fill="#38bdf8"/> <path d="M 192 8 Q 190 15 192 25 M 198 8 Q 200 15 198 25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="220" cy="0" r="8" fill="#38bdf8"/> <path d="M 217 8 Q 215 15 217 25 M 223 8 Q 225 15 223 25" stroke="#f59e0b" fill="none" stroke-width="2"/> </g> <!-- Bottom layer --> <g transform="translate(0, 95)"> <circle cx="20" cy="0" r="8" fill="#38bdf8"/> <path d="M 17 -8 Q 15 -15 17 -25 M 23 -8 Q 25 -15 23 -25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="45" cy="0" r="8" fill="#38bdf8"/> <path d="M 42 -8 Q 40 -15 42 -25 M 48 -8 Q 50 -15 48 -25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="70" cy="0" r="8" fill="#38bdf8"/> <path d="M 67 -8 Q 65 -15 67 -25 M 73 -8 Q 75 -15 73 -25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="95" cy="0" r="8" fill="#38bdf8"/> <path d="M 92 -8 Q 90 -15 92 -25 M 98 -8 Q 100 -15 98 -25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="120" cy="0" r="8" fill="#38bdf8"/> <path d="M 117 -8 Q 115 -15 117 -25 M 123 -8 Q 125 -15 123 -25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="145" cy="0" r="8" fill="#38bdf8"/> <path d="M 142 -8 Q 140 -15 142 -25 M 148 -8 Q 150 -15 148 -25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="170" cy="0" r="8" fill="#38bdf8"/> <path d="M 167 -8 Q 165 -15 167 -25 M 173 -8 Q 175 -15 173 -25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="195" cy="0" r="8" fill="#38bdf8"/> <path d="M 192 -8 Q 190 -15 192 -25 M 198 -8 Q 200 -15 198 -25" stroke="#f59e0b" fill="none" stroke-width="2"/> <circle cx="220" cy="0" r="8" fill="#38bdf8"/> <path d="M 217 -8 Q 215 -15 217 -25 M 223 -8 Q 225 -15 223 -25" stroke="#f59e0b" fill="none" stroke-width="2"/> </g> <text x="120" y="65" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10" font-weight="bold">HYDROPHOBIC CORE</text> </g> <!-- Decorative Corner Accents --> <path d="M 860 40 L 880 40 L 880 60" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M 40 520 L 20 520 L 20 500" fill="none" stroke="#e879f9" stroke-width="2"/> </svg>Chemical Bonding and Biological Macromolecules image 1Chemical Bonding and Biological Macromolecules - Introductory Biology - image 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/chemical-bonding-macromolecules/svg/1Chemical Bonding and Biological Macromolecules diagram 1Chemical Bonding and Biological Macromolecules - Introductory Biology - diagram 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/chemical-bonding-macromolecules/svg/2Chemical Bonding and Biological Macromolecules diagram 2Chemical Bonding and Biological Macromolecules - Introductory Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="1">ENZYME KINETICS &amp; THERMODYNAMICS</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="2">THE MOLECULAR MECHANICS OF BIOLOGICAL CATALYSIS</text> <rect x="400" y="85" width="100" height="3" fill="url(#accentGrad)" rx="1.5"/> <!-- Left Panel: Thermodynamics --> <rect x="30" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="60" cy="140" r="12" fill="#f59e0b" fill-opacity="0.2"/> <path d="M 55 140 L 65 140 M 60 135 L 60 145" stroke="#f59e0b" stroke-width="2"/> <text x="80" y="145" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="700">THERMODYNAMICS</text> <text x="50" y="180" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">The "If" Question</text> <text x="50" y="200" fill="#94a3b8" font-family="sans-serif" font-size="12" width="220">Determines if a reaction is spontaneous (ΔG &lt; 0). Enzymes do NOT change equilibrium.</text> <rect x="50" y="230" width="220" height="60" rx="8" fill="#00000030"/> <text x="160" y="265" text-anchor="middle" fill="#f8fafc" font-family="serif" font-style="italic" font-size="18">ΔG = ΔH - TΔS</text> <g transform="translate(50, 310)"> <text y="15" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Exergonic (Spontaneous)</text> <path d="M 0 25 L 220 25" stroke="#ffffff20" stroke-width="1"/> <circle cx="10" cy="45" r="4" fill="#38bdf8"/> <text x="20" y="50" fill="#94a3b8" font-family="sans-serif" font-size="11">Releases energy to the system</text> <text y="85" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">Endergonic (Non-spontaneous)</text> <path d="M 0 95 L 220 95" stroke="#ffffff20" stroke-width="1"/> <circle cx="10" cy="115" r="4" fill="#e879f9"/> <text x="20" y="120" fill="#94a3b8" font-family="sans-serif" font-size="11">Requires energy input (ATP)</text> </g> <!-- Center: The Energy Landscape --> <rect x="310" y="110" width="280" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="450" y="145" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="700">ENERGY LANDSCAPE</text> <!-- Graph --> <g transform="translate(340, 180)"> <!-- Axes --> <path d="M 0 0 L 0 220 L 220 220" stroke="#94a3b8" stroke-width="2" fill="none"/> <text x="-10" y="110" transform="rotate(-90, -10, 110)" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">FREE ENERGY (G)</text> <text x="110" y="235" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">REACTION COORDINATE</text> <!-- Uncatalyzed Path --> <path d="M 0 160 C 40 160, 80 20, 110 20 S 180 190, 220 190" stroke="#94a3b8" stroke-dasharray="4" stroke-width="2" fill="none"/> <!-- Catalyzed Path --> <path d="M 0 160 C 40 160, 80 100, 110 100 S 180 190, 220 190" stroke="#e879f9" stroke-width="3" fill="none" filter="url(#glow)"/> <!-- Labels --> <text x="10" y="155" fill="#f8fafc" font-family="sans-serif" font-size="10">Reactants</text> <text x="180" y="205" fill="#f8fafc" font-family="sans-serif" font-size="10">Products</text> <!-- Ea Arrow --> <path d="M 110 160 L 110 105" stroke="#38bdf8" stroke-width="2" marker-end="url(#arrow)"/> <text x="115" y="135" fill="#38bdf8" font-family="sans-serif" font-size="10" font-weight="bold">Lowered Ea</text> <!-- Delta G Arrow --> <path d="M 230 160 L 230 190" stroke="#f59e0b" stroke-width="2"/> <text x="235" y="180" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="bold">ΔG</text> </g> <text x="450" y="440" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">The Transition State (‡)</text> <text x="450" y="460" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11" width="240">Enzymes stabilize the high-energy intermediate,</text> <text x="450" y="475" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11" width="240">making the "climb" easier and faster.</text> <!-- Right Panel: Kinetics --> <rect x="610" y="110" width="260" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <circle cx="640" cy="140" r="12" fill="#38bdf8" fill-opacity="0.2"/> <path d="M 640 133 L 640 140 L 645 143" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="660" y="145" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="700">KINETICS</text> <text x="630" y="180" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">The "How Fast" Question</text> <!-- MM Equation --> <rect x="630" y="200" width="220" height="50" rx="8" fill="#00000030"/> <text x="740" y="230" text-anchor="middle" fill="#f8fafc" font-family="serif" font-style="italic" font-size="16">V = (Vmax [S]) / (Km + [S])</text> <!-- MM Curve Mini --> <g transform="translate(640, 270)"> <path d="M 0 0 L 0 100 L 120 100" stroke="#94a3b8" stroke-width="1" fill="none"/> <path d="M 0 100 Q 10 10, 120 10" stroke="#38bdf8" stroke-width="2" fill="none"/> <line x1="0" y1="10" x2="120" y2="10" stroke="#ffffff20" stroke-dasharray="2"/> <text x="125" y="15" fill="#94a3b8" font-family="sans-serif" font-size="9">Vmax</text> <text x="60" y="115" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">[Substrate]</text> </g> <g transform="translate(630, 400)"> <rect width="220" height="35" rx="4" fill="#ffffff05"/> <text x="10" y="22" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="bold">Km</text> <text x="45" y="22" fill="#94a3b8" font-family="sans-serif" font-size="11">Affinity; [S] at 1/2 Vmax</text> <rect y="45" width="220" height="35" rx="4" fill="#ffffff05"/> <text x="10" y="67" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="bold">kcat</text> <text x="45" y="67" fill="#94a3b8" font-family="sans-serif" font-size="11">Turnover number (speed)</text> <rect y="90" width="220" height="35" rx="4" fill="#ffffff05"/> <text x="10" y="112" fill="#38bdf8" font-family="sans-serif" font-size="12" font-weight="bold">η</text> <text x="45" y="112" fill="#94a3b8" font-family="sans-serif" font-size="11">Efficiency (kcat / Km)</text> </g> <!-- Decorative Arrow Def --> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#38bdf8" /> </marker> </svg>Enzyme Kinetics and Thermodynamics image 1Enzyme Kinetics and Thermodynamics - Introductory Biology - image 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/enzymes-thermodynamics/svg/1Enzyme Kinetics and Thermodynamics diagram 1Enzyme Kinetics and Thermodynamics - Introductory Biology - diagram 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/enzymes-thermodynamics/svg/2Enzyme Kinetics and Thermodynamics diagram 2Enzyme Kinetics and Thermodynamics - Introductory Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">DNA STRUCTURE &amp; REPLICATION</text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE MOLECULAR ARCHITECTURE OF GENETIC INFORMATION</text> <rect x="40" y="90" width="120" height="4" rx="2" fill="url(#accentGrad)"/> <!-- Panel 1: Nucleotide Anatomy --> <rect x="40" y="120" width="260" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="150" font-family="sans-serif" font-weight="700" font-size="16" fill="#38bdf8">01. THE MONOMER</text> <!-- Nucleotide Diagram --> <g transform="translate(80, 240)"> <!-- Phosphate --> <circle cx="0" cy="-60" r="18" fill="#f59e0b" fill-opacity="0.2" stroke="#f59e0b" stroke-width="2"/> <text x="0" y="-56" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b" text-anchor="middle">P</text> <!-- Sugar (Pentagon) --> <path d="M 0,0 L 30,-20 L 60,0 L 45,35 L 15,35 Z" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8" stroke-width="2"/> <text x="30" y="15" font-family="sans-serif" font-size="9" fill="#f8fafc" text-anchor="middle">Deoxyribose</text> <!-- Base (Hexagon) --> <path d="M 60,0 L 90,-10 L 110,10 L 110,30 L 90,50 L 60,40 Z" fill="#e879f9" fill-opacity="0.2" stroke="#e879f9" stroke-width="2"/> <text x="85" y="23" font-family="sans-serif" font-size="9" fill="#f8fafc" text-anchor="middle">Base</text> <!-- Connectors --> <line x1="15" y1="-45" x2="15" y2="-10" stroke="#94a3b8" stroke-dasharray="2,2"/> <text x="10" y="-25" font-family="sans-serif" font-size="10" fill="#94a3b8">5' C</text> <text x="50" y="45" font-family="sans-serif" font-size="10" fill="#94a3b8">3' OH</text> </g> <text x="60" y="335" font-family="sans-serif" font-size="11" fill="#94a3b8" width="220"> <tspan x="60" dy="0">A nucleotide consists of a phosphate,</tspan> <tspan x="60" dy="14">a 2'-deoxyribose sugar, and one of</tspan> <tspan x="60" dy="14">four nitrogenous bases.</tspan> </text> <!-- Panel 2: The Double Helix (Center) --> <rect x="320" y="120" width="260" height="400" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="340" y="150" font-family="sans-serif" font-weight="700" font-size="16" fill="#e879f9">02. THE HELIX</text> <!-- Stylized Helix --> <g transform="translate(450, 180)"> <!-- Strands --> <path d="M -40,0 Q 40,50 -40,100 Q 40,150 -40,200 Q 40,250 -40,300" fill="none" stroke="#38bdf8" stroke-width="3" opacity="0.6"/> <path d="M 40,0 Q -40,50 40,100 Q -40,150 40,200 Q -40,250 40,300" fill="none" stroke="#e879f9" stroke-width="3" opacity="0.6"/> <!-- Base Pairs --> <line x1="-25" y1="25" x2="25" y2="25" stroke="#f8fafc" stroke-width="2" stroke-opacity="0.3"/> <line x1="-30" y1="75" x2="30" y2="75" stroke="#f8fafc" stroke-width="2" stroke-opacity="0.3"/> <line x1="-25" y1="125" x2="25" y2="125" stroke="#f8fafc" stroke-width="2" stroke-opacity="0.3"/> <line x1="-30" y1="175" x2="30" y2="175" stroke="#f8fafc" stroke-width="2" stroke-opacity="0.3"/> <line x1="-25" y1="225" x2="25" y2="225" stroke="#f8fafc" stroke-width="2" stroke-opacity="0.3"/> <line x1="-30" y1="275" x2="30" y2="275" stroke="#f8fafc" stroke-width="2" stroke-opacity="0.3"/> <!-- Polarity Labels --> <text x="-55" y="0" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">5'</text> <text x="45" y="0" font-family="sans-serif" font-size="12" font-weight="bold" fill="#e879f9">3'</text> <text x="-55" y="310" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">3'</text> <text x="45" y="310" font-family="sans-serif" font-size="12" font-weight="bold" fill="#e879f9">5'</text> </g> <text x="340" y="500" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle" transform="translate(130,0)"> <tspan x="0" dy="0">Antiparallel strands are held together</tspan> <tspan x="0" dy="14">by hydrogen bonds between complementary</tspan> <tspan x="0" dy="14">purines and pyrimidines.</tspan> </text> <!-- Panel 3: Replication (Right) --> <rect x="600" y="120" width="260" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="620" y="150" font-family="sans-serif" font-weight="700" font-size="16" fill="#f59e0b">03. REPLICATION</text> <!-- Replication Fork --> <g transform="translate(650, 180)"> <!-- Parent Strands --> <path d="M 0,80 L 80,80" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4,2"/> <path d="M 80,80 L 160,40" stroke="#94a3b8" stroke-width="3"/> <path d="M 80,80 L 160,120" stroke="#94a3b8" stroke-width="3"/> <!-- Helicase --> <rect x="70" y="65" width="20" height="30" rx="4" fill="#f59e0b" filter="url(#glow)"/> <!-- New Strands --> <path d="M 160,55 L 100,85" stroke="#38bdf8" stroke-width="3" marker-end="url(#arrow)"/> <path d="M 110,105 L 160,105" stroke="#e879f9" stroke-width="3"/> <text x="165" y="35" font-family="sans-serif" font-size="10" fill="#f8fafc">Leading</text> <text x="165" y="135" font-family="sans-serif" font-size="10" fill="#f8fafc">Lagging</text> </g> <text x="620" y="335" font-family="sans-serif" font-size="11" fill="#94a3b8"> <tspan x="620" dy="0">DNA Polymerase synthesizes new</tspan> <tspan x="620" dy="14">strands in the 5' to 3' direction,</tspan> <tspan x="620" dy="14">creating Okazaki fragments on the</tspan> <tspan x="620" dy="14">lagging strand.</tspan> </text> <!-- Bottom Stats/Chargaff's Rule --> <rect x="40" y="380" width="260" height="140" rx="16" fill="#38bdf810" stroke="#38bdf830" stroke-width="1"/> <text x="60" y="410" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8">CHARGAFF'S EQUIVALENCE</text> <g transform="translate(60, 430)"> <rect x="0" y="0" width="100" height="30" rx="6" fill="#ffffff08"/> <text x="50" y="20" font-family="serif" font-size="18" font-weight="bold" fill="#f8fafc" text-anchor="middle">A = T</text> <rect x="110" y="0" width="100" height="30" rx="6" fill="#ffffff08"/> <text x="160" y="20" font-family="serif" font-size="18" font-weight="bold" fill="#f8fafc" text-anchor="middle">G ≡ C</text> <text x="0" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8"> <tspan x="0" dy="0">Purines (A, G) always pair with</tspan> <tspan x="0" dy="14">Pyrimidines (T, C) via H-bonds.</tspan> </text> </g> <rect x="600" y="380" width="260" height="140" rx="16" fill="#e879f910" stroke="#e879f930" stroke-width="1"/> <text x="620" y="410" font-family="sans-serif" font-weight="700" font-size="14" fill="#e879f9">KEY DATA POINTS</text> <g transform="translate(620, 435)"> <text x="0" y="0" font-family="sans-serif" font-size="11" fill="#f8fafc">Helix Diameter:</text> <text x="180" y="0" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8" text-anchor="end">2.0 nm</text> <text x="0" y="25" font-family="sans-serif" font-size="11" fill="#f8fafc">Base Pair Rise:</text> <text x="180" y="25" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8" text-anchor="end">0.34 nm</text> <text x="0" y="50" font-family="sans-serif" font-size="11" fill="#f8fafc">Full Turn (10bp):</text> <text x="180" y="50" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8" text-anchor="end">3.4 nm</text> </g> <!-- Footer --> <line x1="40" y1="540" x2="860" y2="540" stroke="#ffffff10" stroke-width="1"/> <text x="450" y="552" font-family="sans-serif" font-size="9" fill="#475569" text-anchor="middle">WIKI EDUCATIONAL SERIES • MOLECULAR BIOLOGY • PLATE 04-A</text> </svg>DNA Structure and Replication image 1DNA Structure and Replication - Introductory Biology - image 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/dna-structure-replication/svg/1DNA Structure and Replication diagram 1DNA Structure and Replication - Introductory Biology - diagram 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/dna-structure-replication/svg/2DNA Structure and Replication diagram 2DNA Structure and Replication - Introductory Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="55" font-family="Arial, sans-serif" font-size="32" font-weight="800" fill="#f8fafc" text-anchor="middle" letter-spacing="1">GENE EXPRESSION &amp; REGULATION</text> <rect x="350" y="68" width="200" height="4" fill="url(#accentGrad)" rx="2"/> <text x="450" y="95" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle" font-style="italic">From Information to Phenotype: The Molecular Architecture of Life</text> <!-- Central Dogma Flow --> <g transform="translate(150, 120)"> <rect width="600" height="60" rx="30" fill="#ffffff08" stroke="#ffffff15"/> <text x="30" y="35" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">DNA</text> <path d="M 70 30 L 180 30" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="210" cy="30" r="15" fill="#e879f9" opacity="0.8"/> <text x="202" y="35" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f8fafc">RNA</text> <path d="M 240 30 L 350 30" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <polygon points="380,15 410,30 380,45" fill="#f59e0b" opacity="0.8"/> <text x="425" y="35" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">PROTEIN</text> <text x="125" y="52" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Transcription</text> <text x="295" y="52" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Translation</text> </g> <!-- Left Panel: Transcription --> <g transform="translate(40, 200)"> <rect width="400" height="330" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <text x="20" y="35" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#f8fafc">Transcriptional Logic</text> <!-- DNA Strand Diagram --> <g transform="translate(20, 60)"> <path d="M 0 40 Q 40 10 80 40 T 160 40 T 240 40 T 320 40" stroke="#38bdf8" stroke-width="3" fill="none" opacity="0.6"/> <path d="M 0 50 Q 40 20 80 50 T 160 50 T 240 50 T 320 50" stroke="#38bdf8" stroke-width="3" fill="none" opacity="0.3"/> <!-- Promoter/Enhancer Markers --> <rect x="40" y="30" width="40" height="20" rx="4" fill="#f59e0b" opacity="0.8"/> <text x="42" y="25" font-family="Arial, sans-serif" font-size="10" fill="#f59e0b">Enhancer</text> <rect x="200" y="30" width="50" height="20" rx="4" fill="#38bdf8" opacity="0.8"/> <text x="200" y="25" font-family="Arial, sans-serif" font-size="10" fill="#38bdf8">Promoter</text> <!-- RNA Polymerase --> <ellipse cx="225" cy="45" rx="30" ry="20" fill="#ffffff20" stroke="#ffffff40"/> <text x="205" y="48" font-family="Arial, sans-serif" font-size="9" fill="#f8fafc">RNAP II</text> </g> <!-- Content Text --> <g transform="translate(20, 150)"> <text y="0" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#38bdf8">The Boltzmann Distribution</text> <text y="20" font-family="serif" font-size="13" fill="#f8fafc" font-style="italic">P(bound) = 1 / (1 + e^((ΔG - μ)/kT))</text> <text y="45" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8" width="360"> <tspan x="0" dy="0">Binding affinity is governed by Gibbs Free Energy.</tspan> <tspan x="0" dy="18">Small changes in TF concentration lead to non-linear</tspan> <tspan x="0" dy="18">shifts in gene expression levels.</tspan> </text> <rect y="100" width="360" height="60" rx="8" fill="#00000020"/> <text x="10" y="120" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#e879f9">Position Weight Matrix (PWM)</text> <text x="10" y="140" font-family="monospace" font-size="11" fill="#94a3b8">A: [ 1.2, -0.5, 0.1, 2.0 ]</text> <text x="10" y="152" font-family="monospace" font-size="11" fill="#94a3b8">G: [-0.8, -1.2, 1.8, -0.5 ]</text> </g> </g> <!-- Right Panel: Splicing --> <g transform="translate(460, 200)"> <rect width="400" height="330" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <text x="20" y="35" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#f8fafc">The Splicing Code</text> <!-- Splicing Diagram --> <g transform="translate(20, 60)"> <!-- Pre-mRNA --> <rect x="0" y="10" width="40" height="15" rx="2" fill="#e879f9"/> <line x1="40" y1="17" x2="100" y2="17" stroke="#94a3b8" stroke-width="2"/> <rect x="100" y="10" width="40" height="15" rx="2" fill="#e879f9"/> <line x1="140" y1="17" x2="200" y2="17" stroke="#94a3b8" stroke-width="2"/> <rect x="200" y="10" width="40" height="15" rx="2" fill="#e879f9"/> <text x="0" y="5" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Pre-mRNA (Exons &amp; Introns)</text> <!-- Alternative Paths --> <path d="M 40 17 Q 70 -10 100 17" stroke="#f59e0b" fill="none" stroke-width="1.5" stroke-dasharray="2 2"/> <path d="M 40 17 Q 120 -30 200 17" stroke="#38bdf8" fill="none" stroke-width="1.5" stroke-dasharray="2 2"/> <!-- Resulting mRNAs --> <g transform="translate(0, 60)"> <rect x="0" y="0" width="30" height="10" rx="2" fill="#e879f9"/> <rect x="35" y="0" width="30" height="10" rx="2" fill="#e879f9"/> <rect x="70" y="0" width="30" height="10" rx="2" fill="#e879f9"/> <text x="110" y="9" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">Isoform A (1-2-3)</text> </g> <g transform="translate(0, 80)"> <rect x="0" y="0" width="30" height="10" rx="2" fill="#e879f9"/> <rect x="35" y="0" width="30" height="10" rx="2" fill="#e879f9" opacity="0.3"/> <rect x="70" y="0" width="30" height="10" rx="2" fill="#e879f9"/> <text x="110" y="9" font-family="Arial, sans-serif" font-size="10" fill="#f8fafc">Isoform B (1-3)</text> </g> </g> <!-- Content Text --> <g transform="translate(20, 180)"> <text y="0" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#e879f9">Spliceosome Mechanics</text> <circle cx="5" cy="25" r="3" fill="#38bdf8"/> <text x="15" y="29" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Two-step transesterification</text> <circle cx="5" cy="45" r="3" fill="#38bdf8"/> <text x="15" y="49" font-family="Arial, sans-serif" font-size="12" fill="#f8fafc">Lariat structure formation</text> <text y="85" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8" width="360"> <tspan x="0" dy="0">Alternative splicing allows a single gene to</tspan> <tspan x="0" dy="18">encode multiple protein isoforms, vastly</tspan> <tspan x="0" dy="18">increasing proteomic complexity.</tspan> </text> <path d="M 0 130 L 360 130" stroke="#ffffff15" stroke-width="1"/> <text x="180" y="150" font-family="Arial, sans-serif" font-size="11" fill="#f59e0b" text-anchor="middle" font-weight="bold">THE SPLICING RULE</text> <text x="180" y="168" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Selection is determined by cis-elements and trans-factors.</text> </g> </g> <!-- Decorative Footer --> <circle cx="850" cy="50" r="40" fill="#38bdf8" opacity="0.05"/> <circle cx="50" cy="510" r="30" fill="#e879f9" opacity="0.05"/> <text x="880" y="545" font-family="Arial, sans-serif" font-size="9" fill="#475569" text-anchor="end">BIO-INFO WIKI // SECTION 4.2</text> </svg>Gene Expression and Regulation image 1Gene Expression and Regulation - Introductory Biology - image 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/gene-expression-regulation/svg/1Gene Expression and Regulation diagram 1Gene Expression and Regulation - Introductory Biology - diagram 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/gene-expression-regulation/svg/2Gene Expression and Regulation diagram 2Gene Expression and Regulation - Introductory Biology - diagram 2https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/cell-structure-organelles/svg/1Cell Structure and Organelle Dynamics diagram 1Cell Structure and Organelle Dynamics - Introductory Biology - diagram 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/cell-structure-organelles/svg/2Cell Structure and Organelle Dynamics diagram 2Cell Structure and Organelle Dynamics - Introductory Biology - diagram 2https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/mendelian-genetics-meiosis/svg/1Mendelian Genetics and Meiosis diagram 1Mendelian Genetics and Meiosis - Introductory Biology - diagram 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/mendelian-genetics-meiosis/svg/2Mendelian Genetics and Meiosis diagram 2Mendelian Genetics and Meiosis - Introductory Biology - diagram 2https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/mendelian-genetics-meiosis/svg/3Mendelian Genetics and Meiosis diagram 3Mendelian Genetics and Meiosis - Introductory Biology - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">GENETIC MAPPING &amp; LINKAGE</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">From Mendelian Assortment to Chromosomal Architecture</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <!-- Left Panel: The Mechanism --> <rect x="40" y="110" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">1. CROSSING OVER</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Occurs during Prophase I of Meiosis</text> <!-- Chromosome Illustration --> <g transform="translate(80, 190)"> <!-- Chromosome A --> <path d="M20,0 Q30,50 20,100 M60,0 Q50,50 60,100" stroke="#38bdf8" stroke-width="12" stroke-linecap="round" fill="none" opacity="0.8"/> <!-- Chromosome B --> <path d="M100,0 Q90,50 100,100 M140,0 Q150,50 140,100" stroke="#f59e0b" stroke-width="12" stroke-linecap="round" fill="none" opacity="0.8"/> <!-- Chiasma --> <path d="M60,40 L100,60" stroke="#f8fafc" stroke-width="3" stroke-dasharray="4 2" filter="url(#glow)"/> <circle cx="80" cy="50" r="6" fill="#f8fafc" filter="url(#glow)"/> <text x="80" y="35" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc" font-weight="bold">CHIASMA</text> </g> <text x="60" y="330" font-family="sans-serif" font-size="12" fill="#f8fafc" width="220"> <tspan x="60" dy="1.2em">Genes on the same chromosome</tspan> <tspan x="60" dy="1.2em">are "linked". Recombination via</tspan> <tspan x="60" dy="1.2em">synapsis is the only way to</tspan> <tspan x="60" dy="1.2em">uncouple their inheritance.</tspan> </text> <!-- Center Panel: The Map --> <rect x="320" y="110" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">2. GENETIC DISTANCE</text> <!-- Map Visualization --> <g transform="translate(340, 200)"> <!-- Chromosome Line --> <rect x="0" y="40" width="220" height="8" rx="4" fill="#1e293b"/> <rect x="0" y="40" width="220" height="8" rx="4" fill="#38bdf8" opacity="0.3"/> <!-- Gene Loci --> <circle cx="20" cy="44" r="6" fill="#f8fafc"/> <text x="20" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">A</text> <circle cx="60" cy="44" r="6" fill="#f8fafc"/> <text x="60" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">B</text> <circle cx="180" cy="44" r="6" fill="#f8fafc"/> <text x="180" y="30" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">C</text> <!-- Distance Brackets --> <path d="M20,65 L20,75 L60,75 L60,65" fill="none" stroke="#94a3b8" stroke-width="1.5"/> <text x="40" y="90" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">5 cM</text> <path d="M60,65 L60,75 L180,75 L180,65" fill="none" stroke="#94a3b8" stroke-width="1.5"/> <text x="120" y="90" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">25 cM</text> </g> <rect x="340" y="330" width="220" height="110" rx="8" fill="#00000030"/> <text x="350" y="355" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">THE LINKAGE PRINCIPLE:</text> <text x="350" y="375" font-family="sans-serif" font-size="11" fill="#f8fafc"> <tspan x="350" dy="1.2em">Probability of crossover is</tspan> <tspan x="350" dy="1.2em">proportional to physical distance.</tspan> <tspan x="350" dy="1.5em" fill="#94a3b8">Close = Low RF (Linked)</tspan> <tspan x="350" dy="1.2em" fill="#94a3b8">Far = High RF (Unlinked)</tspan> </text> <!-- Right Panel: The Calculation --> <rect x="600" y="110" width="260" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">3. THE METRICS</text> <!-- Formula Box --> <g transform="translate(620, 180)"> <rect width="220" height="80" rx="8" fill="#38bdf815" stroke="#38bdf840"/> <text x="110" y="30" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc">RF = (Recombinants / Total) × 100</text> <text x="110" y="60" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">1% RF = 1 Centimorgan (cM)</text> </g> <!-- Key Facts List --> <g transform="translate(620, 290)"> <circle cx="5" cy="5" r="3" fill="#e879f9"/> <text x="15" y="10" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">The 50% Limit</text> <text x="15" y="25" font-family="sans-serif" font-size="11" fill="#94a3b8">Max observed RF is 50% due to</text> <text x="15" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">independent assortment.</text> <circle cx="5" cy="65" r="3" fill="#e879f9"/> <text x="15" y="70" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Double Crossovers</text> <text x="15" y="85" font-family="sans-serif" font-size="11" fill="#94a3b8">Can mask recombination events</text> <text x="15" y="98" font-family="sans-serif" font-size="11" fill="#94a3b8">over long distances.</text> <circle cx="5" cy="125" r="3" fill="#e879f9"/> <text x="15" y="130" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Three-Point Cross</text> <text x="15" y="145" font-family="sans-serif" font-size="11" fill="#94a3b8">The gold standard for determining</text> <text x="15" y="158" font-family="sans-serif" font-size="11" fill="#94a3b8">gene order and correcting DCOs.</text> </g> <!-- Footer Decor --> <rect x="40" y="535" width="820" height="4" rx="2" fill="#ffffff05"/> <text x="860" y="545" text-anchor="end" font-family="sans-serif" font-size="10" fill="#475569">GENETICS CURRICULUM • SECTION 4.2</text> </svg>Genetic Mapping and Linkage image 1Genetic Mapping and Linkage - Introductory Biology - image 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/genetic-mapping-linkage/svg/1Genetic Mapping and Linkage diagram 1Genetic Mapping and Linkage - Introductory Biology - diagram 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/genetic-mapping-linkage/svg/2Genetic Mapping and Linkage diagram 2Genetic Mapping and Linkage - Introductory Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" fill="#f8fafc" font-family="Arial, sans-serif" font-size="32" font-weight="900" letter-spacing="-0.5">RECOMBINANT DNA TECHNOLOGY</text> <text x="40" y="85" fill="#38bdf8" font-family="Arial, sans-serif" font-size="14" font-weight="600" letter-spacing="2">THE MOLECULAR BIOLOGY REVOLUTION</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Main Panel 1: The Toolkit --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="165" fill="#f59e0b" font-family="Arial, sans-serif" font-size="18" font-weight="bold">01. THE TOOLKIT</text> <text x="60" y="185" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">Restriction Endonucleases</text> <!-- Scissors Icon/Graphic --> <g transform="translate(60, 210)"> <path d="M 0 10 Q 50 10 100 10" stroke="#38bdf8" stroke-width="4" stroke-linecap="round"/> <path d="M 0 20 Q 50 20 100 20" stroke="#e879f9" stroke-width="4" stroke-linecap="round"/> <rect x="45" y="0" width="10" height="30" fill="#f59e0b" rx="2"/> <text x="0" y="55" fill="#f8fafc" font-family="Arial, sans-serif" font-size="13" font-weight="bold">Molecular Scissors</text> <text x="0" y="75" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11" width="200"> <tspan x="0" dy="1.2em">Enzymes like EcoRI recognize</tspan> <tspan x="0" dy="1.2em">palindromic sequences and</tspan> <tspan x="0" dy="1.2em">create "Sticky Ends" for</tspan> <tspan x="0" dy="1.2em">precise genetic splicing.</tspan> </text> </g> <!-- Main Panel 2: The Vector --> <rect x="320" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="165" fill="#38bdf8" font-family="Arial, sans-serif" font-size="18" font-weight="bold">02. THE VEHICLE</text> <text x="340" y="185" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">Plasmid Anatomy</text> <!-- Plasmid Map Graphic --> <g transform="translate(450, 280)"> <circle r="60" fill="none" stroke="#ffffff20" stroke-width="12"/> <!-- MCS --> <path d="M 0 -60 A 60 60 0 0 1 50 -33" fill="none" stroke="#f59e0b" stroke-width="12"/> <!-- Ori --> <path d="M -50 33 A 60 60 0 0 1 -50 -33" fill="none" stroke="#38bdf8" stroke-width="12"/> <!-- Marker --> <path d="M 50 33 A 60 60 0 0 1 -50 33" fill="none" stroke="#10b981" stroke-width="12"/> <text x="0" y="5" text-anchor="middle" fill="#f8fafc" font-family="Arial, sans-serif" font-size="10" font-weight="bold">VECTOR</text> <!-- Labels --> <text x="65" y="-45" fill="#f59e0b" font-family="Arial, sans-serif" font-size="10" font-weight="bold">MCS</text> <text x="-85" y="0" fill="#38bdf8" font-family="Arial, sans-serif" font-size="10" font-weight="bold">ORI</text> <text x="0" y="85" text-anchor="middle" fill="#10b981" font-family="Arial, sans-serif" font-size="10" font-weight="bold">SELECTABLE MARKER</text> </g> <text x="340" y="415" fill="#f8fafc" font-family="Arial, sans-serif" font-size="13" font-weight="bold">Extrachromosomal DNA</text> <text x="340" y="435" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11"> <tspan x="340" dy="1.2em">Plasmids are circular DNA</tspan> <tspan x="340" dy="1.2em">molecules that replicate</tspan> <tspan x="340" dy="1.2em">independently in bacteria.</tspan> </text> <!-- Main Panel 3: The Process --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="165" fill="#e879f9" font-family="Arial, sans-serif" font-size="18" font-weight="bold">03. THE PROCESS</text> <text x="620" y="185" fill="#94a3b8" font-family="Arial, sans-serif" font-size="12">Step-by-Step Ligation</text> <!-- Process Flow --> <g transform="translate(620, 210)"> <!-- Step 1 --> <circle cx="15" cy="15" r="12" fill="#e879f9"/> <text x="15" y="19" text-anchor="middle" fill="#0f172a" font-family="Arial, sans-serif" font-size="12" font-weight="bold">1</text> <text x="40" y="20" fill="#f8fafc" font-family="Arial, sans-serif" font-size="13" font-weight="bold">Isolation &amp; Digestion</text> <!-- Step 2 --> <circle cx="15" cy="75" r="12" fill="#e879f9"/> <text x="15" y="79" text-anchor="middle" fill="#0f172a" font-family="Arial, sans-serif" font-size="12" font-weight="bold">2</text> <text x="40" y="80" fill="#f8fafc" font-family="Arial, sans-serif" font-size="13" font-weight="bold">Ligation (DNA Ligase)</text> <!-- Step 3 --> <circle cx="15" cy="135" r="12" fill="#e879f9"/> <text x="15" y="139" text-anchor="middle" fill="#0f172a" font-family="Arial, sans-serif" font-size="12" font-weight="bold">3</text> <text x="40" y="140" fill="#f8fafc" font-family="Arial, sans-serif" font-size="13" font-weight="bold">Transformation</text> <!-- Connectors --> <line x1="15" y1="27" x2="15" y2="63" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4 2"/> <line x1="15" y1="87" x2="15" y2="123" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4 2"/> <text x="0" y="190" fill="#94a3b8" font-family="Arial, sans-serif" font-size="11"> <tspan x="0" dy="1.2em">The "cut" gene is pasted into</tspan> <tspan x="0" dy="1.2em">the vector and introduced</tspan> <tspan x="0" dy="1.2em">into a host cell (e.g. E. coli)</tspan> <tspan x="0" dy="1.2em">for mass production.</tspan> </text> <!-- Result Icon --> <g transform="translate(0, 260)"> <rect width="220" height="45" rx="8" fill="#10b98120" stroke="#10b98140"/> <text x="110" y="28" text-anchor="middle" fill="#10b981" font-family="Arial, sans-serif" font-size="14" font-weight="bold">PRODUCT: e.g. INSULIN</text> </g> </g> <!-- Footer Info --> <text x="450" y="545" text-anchor="middle" fill="#475569" font-family="Arial, sans-serif" font-size="10" letter-spacing="1">WIKI EDUCATIONAL SERIES • MOLECULAR GENETICS • 2024</text> </svg>Recombinant DNA Technology image 1Recombinant DNA Technology - Introductory Biology - image 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/recombinant-dna-technology/svg/1Recombinant DNA Technology diagram 1Recombinant DNA Technology - Introductory Biology - diagram 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/recombinant-dna-technology/svg/2Recombinant DNA Technology diagram 2Recombinant DNA Technology - Introductory Biology - diagram 2https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/recombinant-dna-technology/svg/3Recombinant DNA Technology diagram 3Recombinant DNA Technology - Introductory Biology - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Definitions --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#020617"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff0a" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Base Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">CELL SIGNALING</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#38bdf8" letter-spacing="3" font-weight="600">THE MOLECULAR LANGUAGE OF HOMEOSTASIS</text> <rect x="40" y="100" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Left Column: Modes of Signaling --> <rect x="40" y="130" width="380" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">MODES OF COMMUNICATION</text> <!-- Endocrine --> <g transform="translate(60, 180)"> <rect width="340" height="70" rx="8" fill="#ffffff05"/> <circle cx="30" cy="35" r="18" fill="#38bdf822" stroke="#38bdf8" stroke-width="1.5"/> <path d="M 22 35 H 38 M 30 27 V 43" stroke="#38bdf8" stroke-width="2"/> <text x="60" y="30" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Endocrine (Long Distance)</text> <text x="60" y="48" font-family="sans-serif" font-size="11" fill="#94a3b8">Hormones travel via bloodstream. e.g., Insulin.</text> </g> <!-- Paracrine --> <g transform="translate(60, 260)"> <rect width="340" height="70" rx="8" fill="#ffffff05"/> <circle cx="30" cy="35" r="18" fill="#e879f922" stroke="#e879f9" stroke-width="1.5"/> <circle cx="25" cy="30" r="3" fill="#e879f9"/> <circle cx="35" cy="40" r="3" fill="#e879f9"/> <text x="60" y="30" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Paracrine (Short Distance)</text> <text x="60" y="48" font-family="sans-serif" font-size="11" fill="#94a3b8">Diffusion to nearby cells. e.g., Neurotransmitters.</text> </g> <!-- Autocrine --> <g transform="translate(60, 340)"> <rect width="340" height="70" rx="8" fill="#ffffff05"/> <circle cx="30" cy="35" r="18" fill="#10b98122" stroke="#10b981" stroke-width="1.5"/> <path d="M 40 35 A 10 10 0 1 1 30 25" fill="none" stroke="#10b981" stroke-width="2"/> <text x="60" y="30" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Autocrine (Self-Signaling)</text> <text x="60" y="48" font-family="sans-serif" font-size="11" fill="#94a3b8">Cell targets itself. e.g., T-cell proliferation.</text> </g> <!-- Juxtacrine --> <g transform="translate(60, 420)"> <rect width="340" height="70" rx="8" fill="#ffffff05"/> <circle cx="22" cy="35" r="12" fill="#f59e0b22" stroke="#f59e0b" stroke-width="1.5"/> <circle cx="38" cy="35" r="12" fill="#f59e0b22" stroke="#f59e0b" stroke-width="1.5"/> <text x="60" y="30" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Juxtacrine (Contact Dependent)</text> <text x="60" y="48" font-family="sans-serif" font-size="11" fill="#94a3b8">Direct physical contact. e.g., Notch signaling.</text> </g> <!-- Right Column: GPCR Molecular Switch --> <rect x="440" y="130" width="420" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="460" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">GPCR: THE MOLECULAR SWITCH</text> <!-- GPCR Diagram --> <g transform="translate(460, 180)"> <!-- Membrane --> <line x1="0" y1="60" x2="380" y2="60" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 4"/> <line x1="0" y1="90" x2="380" y2="90" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Receptor (7-TM) --> <path d="M 40 40 V 110 M 50 40 V 110 M 60 40 V 110 M 70 40 V 110 M 80 40 V 110 M 90 40 V 110 M 100 40 V 110" stroke="#e879f9" stroke-width="4" stroke-linecap="round"/> <path d="M 35 40 Q 70 20 105 40" fill="none" stroke="#e879f9" stroke-width="2"/> <!-- Ligand --> <circle cx="70" cy="25" r="8" fill="#f59e0b" filter="url(#glow)"/> <!-- G-Protein --> <g transform="translate(140, 95)"> <rect width="60" height="30" rx="15" fill="#38bdf8"/> <text x="30" y="20" font-family="sans-serif" font-size="10" fill="#0f172a" text-anchor="middle" font-weight="bold">G-Alpha</text> <!-- GDP --> <rect x="65" y="5" width="40" height="20" rx="4" fill="#475569"/> <text x="85" y="19" font-family="sans-serif" font-size="10" fill="#f8fafc" text-anchor="middle">GDP</text> </g> <!-- Process Steps --> <g transform="translate(0, 150)"> <text x="0" y="15" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">1. Activation</text> <text x="0" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Ligand binds, GPCR acts as GEF.</text> <text x="190" y="15" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">2. Exchange</text> <text x="190" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">GDP released, GTP binds to Alpha.</text> <text x="0" y="65" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">3. Dissociation</text> <text x="0" y="82" font-family="sans-serif" font-size="11" fill="#94a3b8">Alpha-GTP triggers effectors.</text> <text x="190" y="65" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">4. Hydrolysis</text> <text x="190" y="82" font-family="sans-serif" font-size="11" fill="#94a3b8">Intrinsic GTPase resets the cycle.</text> </g> </g> <!-- Bottom Right: Thermodynamics --> <rect x="440" y="430" width="420" height="90" rx="16" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="460" y="455" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">THERMODYNAMICS OF BINDING</text> <text x="460" y="485" font-family="serif" font-style="italic" font-size="20" fill="#f8fafc">K<tspan baseline-shift="sub" font-size="12">d</tspan> = [R][L] / [RL]</text> <text x="640" y="475" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">Low Kd = High Affinity</text> <text x="640" y="492" font-family="sans-serif" font-size="11" fill="#94a3b8">Crucial for sensing trace hormones.</text> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff0a" stroke-width="8"/> <circle cx="830" cy="70" r="15" fill="none" stroke="#38bdf815" stroke-width="4"/> </svg>Cell Signaling and Communication image 1Cell Signaling and Communication - Introductory Biology - image 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/cell-signaling-pathways/svg/1Cell Signaling and Communication diagram 1Cell Signaling and Communication - Introductory Biology - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Grid Lines --> <line x1="50" y1="80" x2="850" y2="80" stroke="#ffffff15" stroke-width="1"/> <line x1="50" y1="500" x2="850" y2="500" stroke="#ffffff15" stroke-width="1"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="bold" fill="#f8fafc" letter-spacing="1">CELL CYCLE REGULATION</text> <text x="450" y="72" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="normal" fill="#94a3b8" text-transform="uppercase">The Molecular Architecture of Cellular Division &amp; Oncogenesis</text> <!-- Central Cycle Graphic --> <g transform="translate(450, 290)"> <!-- Outer Ring --> <circle r="120" fill="none" stroke="#ffffff10" stroke-width="40"/> <!-- Phase Segments --> <path d="M 0 -120 A 120 120 0 0 1 114 -37" fill="none" stroke="#38bdf8" stroke-width="40" stroke-opacity="0.8"/> <!-- G1 --> <path d="M 114 -37 A 120 120 0 0 1 37 114" fill="none" stroke="#e879f9" stroke-width="40" stroke-opacity="0.8"/> <!-- S --> <path d="M 37 114 A 120 120 0 0 1 -114 37" fill="none" stroke="#f59e0b" stroke-width="40" stroke-opacity="0.8"/> <!-- G2 --> <path d="M -114 37 A 120 120 0 0 1 0 -120" fill="none" stroke="#ef4444" stroke-width="40" stroke-opacity="0.8"/> <!-- M --> <!-- Phase Labels --> <text x="70" y="-70" font-family="sans-serif" font-size="22" font-weight="bold" fill="#f8fafc" text-anchor="middle">G1</text> <text x="80" y="60" font-family="sans-serif" font-size="22" font-weight="bold" fill="#f8fafc" text-anchor="middle">S</text> <text x="-70" y="80" font-family="sans-serif" font-size="22" font-weight="bold" fill="#f8fafc" text-anchor="middle">G2</text> <text x="-80" y="-60" font-family="sans-serif" font-size="22" font-weight="bold" fill="#f8fafc" text-anchor="middle">M</text> <!-- Center Core --> <circle r="60" fill="#ffffff08" stroke="#ffffff20" stroke-width="1"/> <text y="-5" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">CONTROL</text> <text y="15" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">ENGINE</text> </g> <!-- Left Panel: The Engine --> <rect x="40" y="110" width="260" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="145" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">The Molecular Engine</text> <text x="60" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">Cyclin-Cdk Oscillations</text> <!-- Engine Details --> <g transform="translate(60, 190)"> <rect width="220" height="45" rx="8" fill="#ffffff05"/> <circle cx="20" cy="22" r="12" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8"/> <text x="45" y="18" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">G1: Cyclin D</text> <text x="45" y="34" font-family="sans-serif" font-size="11" fill="#94a3b8">Partner: Cdk4 / Cdk6</text> <rect y="55" width="220" height="45" rx="8" fill="#ffffff05"/> <circle cx="20" cy="77" r="12" fill="#e879f9" fill-opacity="0.2" stroke="#e879f9"/> <text x="45" y="73" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">S: Cyclin A</text> <text x="45" y="89" font-family="sans-serif" font-size="11" fill="#94a3b8">Partner: Cdk2 / Cdk1</text> <rect y="110" width="220" height="45" rx="8" fill="#ffffff05"/> <circle cx="20" cy="132" r="12" fill="#ef4444" fill-opacity="0.2" stroke="#ef4444"/> <text x="45" y="128" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">M: Cyclin B</text> <text x="45" y="144" font-family="sans-serif" font-size="11" fill="#94a3b8">Partner: Cdk1 (MPF)</text> <text y="190" font-family="sans-serif" font-size="12" fill="#f8fafc" font-style="italic">"The UPS system ensures rapid,</text> <text y="206" font-family="sans-serif" font-size="12" fill="#f8fafc" font-style="italic">irreversible cyclin degradation."</text> </g> <!-- Right Panel: The Switch --> <rect x="600" y="110" width="260" height="360" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="145" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">The R-Point Switch</text> <text x="620" y="165" font-family="sans-serif" font-size="12" fill="#94a3b8">The RB / E2F Pathway</text> <!-- Switch Diagram --> <g transform="translate(620, 190)"> <!-- State 1: OFF --> <rect width="220" height="80" rx="8" fill="#ef444415" stroke="#ef444430"/> <circle cx="30" cy="40" r="15" fill="#ef4444" fill-opacity="0.5"/> <text x="55" y="35" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">OFF: RB Sequestration</text> <text x="55" y="52" font-family="sans-serif" font-size="11" fill="#94a3b8">RB binds E2F, blocking S-phase</text> <text x="55" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8">gene transcription.</text> <!-- Arrow --> <path d="M 110 90 L 110 110" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowhead)"/> <!-- State 2: ON --> <rect y="120" width="220" height="80" rx="8" fill="#22c55e15" stroke="#22c55e30"/> <circle cx="30" cy="160" r="15" fill="#22c55e" fill-opacity="0.5"/> <text x="55" y="155" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">ON: Hyper-phosphorylation</text> <text x="55" y="172" font-family="sans-serif" font-size="11" fill="#94a3b8">Cdk4/6 phosphorylates RB.</text> <text x="55" y="185" font-family="sans-serif" font-size="11" fill="#94a3b8">E2F is released → S-Phase Entry.</text> <!-- Feedback Loop --> <path d="M 220 160 Q 250 160 250 100 Q 250 40 220 40" fill="none" stroke="#38bdf8" stroke-width="1" stroke-dasharray="4"/> <text x="170" y="110" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle" transform="rotate(-90 170 110)">Positive Feedback</text> </g> <!-- Bottom Bar: Oncogenesis --> <rect x="40" y="490" width="820" height="50" rx="12" fill="#ef444410" stroke="#ef444430"/> <circle cx="70" cy="515" r="8" fill="#ef4444" filter="url(#glow)"/> <text x="95" y="512" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">ONCOGENESIS:</text> <text x="205" y="512" font-family="sans-serif" font-size="13" fill="#94a3b8">When checkpoints fail (e.g., p53 mutation or RB loss), the cell cycle becomes an autonomous, unstoppable engine.</text> <text x="95" y="528" font-family="sans-serif" font-size="11" fill="#ef4444" font-weight="bold">MALIGNANT TRANSFORMATION</text> <!-- Legend/Markers --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#94a3b8" /> </marker> </defs> </svg>Cell Cycle Regulation and Cancer Biology image 1Cell Cycle Regulation and Cancer Biology - Introductory Biology - image 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/cell-cycle-cancer-biology/svg/1Cell Cycle Regulation and Cancer Biology diagram 1Cell Cycle Regulation and Cancer Biology - Introductory Biology - diagram 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/cell-cycle-cancer-biology/svg/2Cell Cycle Regulation and Cancer Biology diagram 2Cell Cycle Regulation and Cancer Biology - Introductory Biology - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accent-blue" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#0ea5e9"/> </linearGradient> <linearGradient id="accent-amber" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#d97706"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">Neurobiology &amp; Optogenetics</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">MAPPING THE ELECTROCHEMICAL FRONTIER</text> <line x1="40" y1="105" x2="860" y2="105" stroke="#ffffff20" stroke-width="1"/> <!-- Panel 1: The Resting State --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">01. The Resting State</text> <text x="60" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">The potential energy of readiness.</text> <!-- Na/K Pump Icon --> <circle cx="170" cy="250" r="40" fill="none" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <path d="M 150 240 Q 170 210 190 240" fill="none" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrow)"/> <text x="145" y="230" font-family="sans-serif" font-size="10" fill="#f59e0b" font-weight="bold">3 Na+</text> <path d="M 190 260 Q 170 290 150 260" fill="none" stroke="#e879f9" stroke-width="3"/> <text x="175" y="285" font-family="sans-serif" font-size="10" fill="#e879f9" font-weight="bold">2 K+</text> <rect x="60" y="320" width="220" height="60" rx="8" fill="#ffffff08"/> <text x="75" y="340" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">Equilibrium Potential</text> <text x="75" y="358" font-family="sans-serif" font-size="13" fill="#38bdf8" font-weight="800">-70 mV</text> <text x="140" y="358" font-family="sans-serif" font-size="11" fill="#94a3b8">Resting Vm</text> <text x="60" y="410" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="600">The GHK Equation</text> <text x="60" y="430" font-family="sans-serif" font-size="11" fill="#94a3b8">Determines membrane potential</text> <text x="60" y="445" font-family="sans-serif" font-size="11" fill="#94a3b8">based on relative permeability (P).</text> <!-- Panel 2: The Action Potential --> <rect x="320" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="340" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">02. The Digital Pulse</text> <text x="340" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">The all-or-none electrical event.</text> <!-- AP Graph --> <path d="M 350 300 L 400 300 L 420 220 L 440 330 L 480 300 L 530 300" fill="none" stroke="#e879f9" stroke-width="3" filter="url(#glow)"/> <circle cx="420" cy="220" r="4" fill="#f8fafc"/> <text x="430" y="215" font-family="sans-serif" font-size="10" fill="#f8fafc">+40mV</text> <rect x="340" y="350" width="220" height="140" rx="8" fill="#ffffff08"/> <text x="355" y="375" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">1. Depolarization</text> <text x="355" y="390" font-family="sans-serif" font-size="11" fill="#94a3b8">Na+ channels open rapidly.</text> <text x="355" y="415" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">2. Repolarization</text> <text x="355" y="430" font-family="sans-serif" font-size="11" fill="#94a3b8">K+ channels open, Na+ inactivates.</text> <text x="355" y="455" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">3. Hyperpolarization</text> <text x="355" y="470" font-family="sans-serif" font-size="11" fill="#94a3b8">Overshoot toward Ek (-90mV).</text> <!-- Panel 3: Optogenetics --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff15" stroke="#38bdf840"/> <text x="620" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">03. Optogenetics</text> <text x="620" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">Precision control with light.</text> <!-- Light Control Illustration --> <rect x="640" y="210" width="180" height="80" rx="8" fill="#00000040"/> <path d="M 660 200 L 660 240" stroke="#38bdf8" stroke-width="4" filter="url(#glow)"/> <circle cx="660" cy="250" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="685" y="245" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">ChR2 (Blue)</text> <text x="685" y="260" font-family="sans-serif" font-size="10" fill="#38bdf8">Excitation (Na+ In)</text> <path d="M 660 280 L 660 320" stroke="#f59e0b" stroke-width="4" filter="url(#glow)"/> <circle cx="660" cy="330" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <text x="685" y="325" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">NpHR (Yellow)</text> <text x="685" y="340" font-family="sans-serif" font-size="10" fill="#f59e0b">Inhibition (Cl- In)</text> <text x="620" y="390" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="600">The Methodology</text> <g transform="translate(620, 410)"> <circle cx="5" cy="5" r="3" fill="#38bdf8"/> <text x="15" y="9" font-family="sans-serif" font-size="11" fill="#94a3b8">Genetic insertion of opsins</text> <circle cx="5" cy="25" r="3" fill="#38bdf8"/> <text x="15" y="29" font-family="sans-serif" font-size="11" fill="#94a3b8">Fiber optic implantation</text> <circle cx="5" cy="45" r="3" fill="#38bdf8"/> <text x="15" y="49" font-family="sans-serif" font-size="11" fill="#94a3b8">Millisecond-scale temporal control</text> <circle cx="5" cy="65" r="3" fill="#38bdf8"/> <text x="15" y="69" font-family="sans-serif" font-size="11" fill="#94a3b8">Cell-type specific targeting</text> </g> <!-- Footer Info --> <rect x="40" y="530" width="820" height="1" fill="#ffffff20"/> <text x="40" y="550" font-family="sans-serif" font-size="10" fill="#64748b">NEUROBIOLOGY WIKI SECTION // BIOPHYSICS &amp; OPTICAL NEUROSCIENCE</text> <text x="760" y="550" font-family="sans-serif" font-size="10" fill="#64748b" text-anchor="end">HODGKIN-HUXLEY MODEL v1.0</text> </svg>Neurobiology and Optogenetics image 1Neurobiology and Optogenetics - Introductory Biology - image 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/neurobiology-optogenetics/svg/1Neurobiology and Optogenetics diagram 1Neurobiology and Optogenetics - Introductory Biology - diagram 1https://www.getlykke.com/explore/public/introductory-biology-b36950be-aafa-4e22-9bdc-b291f812acc8/media/neurobiology-optogenetics/svg/2Neurobiology and Optogenetics diagram 2Neurobiology and Optogenetics - Introductory Biology - diagram 2https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e12026-04-20T04:40:23.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Shapes --> <circle cx="850" cy="50" r="100" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#e879f9" fill-opacity="0.05"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">ANALYZING CATEGORICAL DATA</text> <rect x="400" y="75" width="100" height="4" rx="2" fill="#38bdf8"/> <text x="450" y="100" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Gateway to Qualitative Insight and Logical Association</text> <!-- Section 1: Classification --> <rect x="40" y="130" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="165" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">I. VARIABLE TAXONOMY</text> <g transform="translate(60, 190)"> <rect width="220" height="70" rx="8" fill="#ffffff08"/> <circle cx="20" cy="20" r="8" fill="#f59e0b"/> <text x="40" y="25" font-family="system-ui, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Nominal</text> <text x="40" y="45" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">Pure labels without order.</text> <text x="40" y="60" font-family="system-ui, sans-serif" font-size="11" fill="#38bdf8" font-style="italic">Ex: Blood Type, Zip Code</text> </g> <g transform="translate(60, 275)"> <rect width="220" height="70" rx="8" fill="#ffffff08"/> <path d="M 12 28 L 28 28 L 20 12 Z" fill="#e879f9"/> <text x="40" y="25" font-family="system-ui, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Ordinal</text> <text x="40" y="45" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8">Categories with natural rank.</text> <text x="40" y="60" font-family="system-ui, sans-serif" font-size="11" fill="#38bdf8" font-style="italic">Ex: Rating (Low to High)</text> </g> <g transform="translate(60, 360)"> <text x="0" y="20" font-family="system-ui, sans-serif" font-weight="600" font-size="13" fill="#f8fafc">The Pitfall Check:</text> <rect x="0" y="30" width="220" height="100" rx="8" fill="#ef444415" stroke="#ef444433"/> <text x="15" y="55" font-family="system-ui, sans-serif" font-size="12" fill="#f8fafc">Numbers ≠ Quantitative</text> <text x="15" y="75" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8" width="190">If the average is meaningless,</text> <text x="15" y="90" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">the variable is categorical.</text> <text x="15" y="110" font-family="system-ui, sans-serif" font-weight="700" font-size="11" fill="#f59e0b"># Jersey Numbers</text> </g> <!-- Section 2: Frequency Mechanics --> <rect x="320" y="130" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="165" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">II. FREQUENCY FLOW</text> <g transform="translate(340, 190)"> <text x="0" y="15" font-family="system-ui, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">1. Raw Frequency (Count)</text> <rect x="0" y="30" width="40" height="10" rx="2" fill="#38bdf8"/> <rect x="0" y="45" width="70" height="10" rx="2" fill="#38bdf8"/> <rect x="0" y="60" width="30" height="10" rx="2" fill="#38bdf8"/> <text x="0" y="100" font-family="system-ui, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">2. Relative Frequency</text> <rect x="0" y="115" width="220" height="45" rx="8" fill="#38bdf815"/> <text x="110" y="142" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc">f / n = %</text> <text x="0" y="185" font-family="system-ui, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">3. Visualization</text> <g transform="translate(10, 205)"> <!-- Mini Bar Chart --> <rect x="10" y="40" width="15" height="40" fill="#e879f9" rx="2"/> <rect x="35" y="20" width="15" height="60" fill="#38bdf8" rx="2"/> <rect x="60" y="50" width="15" height="30" fill="#f59e0b" rx="2"/> <line x1="0" y1="80" x2="90" y2="80" stroke="#94a3b8" stroke-width="1"/> <text x="110" y="45" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Bar Graphs:</text> <text x="110" y="60" font-family="system-ui, sans-serif" font-size="11" fill="#f8fafc">Best for comparison</text> </g> <g transform="translate(10, 300)"> <!-- Mini Pie Chart --> <path d="M 40 40 L 40 5 A 35 35 0 0 1 75 40 Z" fill="#38bdf8"/> <path d="M 40 40 L 75 40 A 35 35 0 1 1 40 5 Z" fill="#ffffff15" stroke="#ffffff33"/> <text x="110" y="35" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Pie Charts:</text> <text x="110" y="50" font-family="system-ui, sans-serif" font-size="11" fill="#f8fafc">Parts of a whole</text> </g> </g> <!-- Section 3: Two-Way Tables --> <rect x="600" y="130" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="165" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#e879f9">III. ASSOCIATION</text> <g transform="translate(620, 190)"> <text x="0" y="15" font-family="system-ui, sans-serif" font-weight="600" font-size="14" fill="#f8fafc">The Two-Way Table</text> <!-- Table Grid --> <g transform="translate(0, 35)"> <rect width="220" height="120" rx="8" fill="#ffffff05" stroke="#ffffff15"/> <line x1="70" y1="0" x2="70" y2="120" stroke="#ffffff15"/> <line x1="145" y1="0" x2="145" y2="120" stroke="#ffffff15"/> <line x1="0" y1="40" x2="220" y2="40" stroke="#ffffff15"/> <line x1="0" y1="80" x2="220" y2="80" stroke="#ffffff15"/> <!-- Table Labels --> <text x="35" y="25" text-anchor="middle" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">Var A</text> <text x="107" y="25" text-anchor="middle" font-family="system-ui, sans-serif" font-size="10" fill="#94a3b8">Var B</text> <text x="182" y="25" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="700" font-size="10" fill="#38bdf8">Total</text> <!-- Highlighted Cells --> <rect x="71" y="41" width="73" height="38" fill="#38bdf815"/> <text x="107" y="65" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#f8fafc">Joint</text> <rect x="146" y="81" width="73" height="38" fill="#f59e0b25" rx="0 0 8 0"/> <text x="182" y="105" text-anchor="middle" font-family="system-ui, sans-serif" font-size="11" fill="#f59e0b">Marginal</text> </g> <g transform="translate(0, 180)"> <text x="0" y="15" font-family="system-ui, sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Marginal Distribution</text> <text x="0" y="35" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8" width="220">Focuses on one variable alone</text> <text x="0" y="50" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">using the row or column totals.</text> <text x="0" y="85" font-family="system-ui, sans-serif" font-weight="600" font-size="13" fill="#f8fafc">Conditional Distribution</text> <text x="0" y="105" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">Describes the values of a variable</text> <text x="0" y="120" font-family="system-ui, sans-serif" font-size="11" fill="#94a3b8">among a specific subset.</text> </g> </g> <!-- Footer Info --> <text x="450" y="540" text-anchor="middle" font-family="system-ui, sans-serif" font-size="10" fill="#475569" letter-spacing="2">STATISTICS &amp; DATA ANALYSIS • CORE CONCEPTS • MODULE 01</text> </svg>Analyzing Categorical Data image 1Analyzing Categorical Data - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/categorical-data-analysis/svg/1Analyzing Categorical Data diagram 1Analyzing Categorical Data - Statistics and Probability - diagram 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/categorical-data-analysis/svg/2Analyzing Categorical Data diagram 2Analyzing Categorical Data - Statistics and Probability - diagram 2https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/categorical-data-analysis/svg/3Analyzing Categorical Data diagram 3Analyzing Categorical Data - Statistics and Probability - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="30" fill="#f8fafc" letter-spacing="1">QUANTITATIVE DATA ANALYSIS</text> <text x="450" y="72" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400">Visualizing Distributions and Calculating Central Tendency</text> <rect x="350" y="85" width="200" height="2" fill="#38bdf8" opacity="0.6"/> <!-- Section 1: SOCS Framework (Left Column) --> <g transform="translate(40, 110)"> <rect width="380" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="20" y="30" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The S.O.C.S. Framework</text> <!-- Shape --> <g transform="translate(20, 55)"> <circle cx="15" cy="15" r="15" fill="#38bdf820"/> <path d="M 5 22 Q 15 5 25 22" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="40" y="12" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">SHAPE</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Symmetry, Skewness, Modality</text> </g> <!-- Outliers --> <g transform="translate(200, 55)"> <circle cx="15" cy="15" r="15" fill="#e879f920"/> <circle cx="10" cy="15" r="2" fill="#e879f9"/> <circle cx="15" cy="15" r="2" fill="#e879f9"/> <circle cx="28" cy="8" r="3" fill="#fb7185" filter="url(#glow)"/> <text x="40" y="12" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">OUTLIERS</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Values outside the pattern</text> </g> <!-- Center --> <g transform="translate(20, 115)"> <circle cx="15" cy="15" r="15" fill="#f59e0b20"/> <circle cx="15" cy="15" r="8" fill="none" stroke="#f59e0b" stroke-width="1.5"/> <circle cx="15" cy="15" r="2" fill="#f59e0b"/> <text x="40" y="12" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">CENTER</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">The "Typical" value (Mean/Median)</text> </g> <!-- Spread --> <g transform="translate(200, 115)"> <circle cx="15" cy="15" r="15" fill="#10b98120"/> <path d="M 5 15 L 25 15 M 5 10 L 5 20 M 25 10 L 25 20" fill="none" stroke="#10b981" stroke-width="1.5"/> <text x="40" y="12" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">SPREAD</text> <text x="40" y="26" font-family="sans-serif" font-size="11" fill="#94a3b8">Variation, Range, and IQR</text> </g> </g> <!-- Section 2: Visualization (Bottom Left) --> <g transform="translate(40, 310)"> <rect width="380" height="210" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="20" y="30" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Visual Toolkit</text> <!-- Dot Plot --> <g transform="translate(20, 50)"> <text x="0" y="0" font-family="sans-serif" font-size="12" font-weight="600" fill="#f8fafc">Dot Plot (Small n)</text> <line x1="0" y1="35" x2="140" y2="35" stroke="#94a3b8" stroke-width="1"/> <circle cx="10" cy="30" r="3" fill="#38bdf8"/> <circle cx="30" cy="30" r="3" fill="#38bdf8"/> <circle cx="30" cy="22" r="3" fill="#38bdf8"/> <circle cx="50" cy="30" r="3" fill="#38bdf8"/> <circle cx="50" cy="22" r="3" fill="#38bdf8"/> <circle cx="50" cy="14" r="3" fill="#38bdf8"/> <circle cx="70" cy="30" r="3" fill="#38bdf8"/> <text x="0" y="52" font-family="sans-serif" font-size="10" fill="#94a3b8">Granular, shows every point.</text> </g> <!-- Histogram --> <g transform="translate(190, 50)"> <text x="0" y="0" font-family="sans-serif" font-size="12" font-weight="600" fill="#f8fafc">Histogram (Large n)</text> <rect x="0" y="20" width="25" height="15" fill="#e879f9" opacity="0.8"/> <rect x="26" y="10" width="25" height="25" fill="#e879f9" opacity="0.8"/> <rect x="52" y="5" width="25" height="30" fill="#e879f9" opacity="0.8"/> <rect x="78" y="15" width="25" height="20" fill="#e879f9" opacity="0.8"/> <line x1="0" y1="35" x2="110" y2="35" stroke="#94a3b8" stroke-width="1"/> <text x="0" y="52" font-family="sans-serif" font-size="10" fill="#94a3b8">Aggregated into bins.</text> </g> <!-- Binning Rule --> <rect x="20" y="130" width="340" height="60" rx="8" fill="#f59e0b10" stroke="#f59e0b40"/> <text x="35" y="150" font-family="sans-serif" font-weight="700" font-size="12" fill="#f59e0b">THE BINNING RULE</text> <text x="35" y="168" font-family="sans-serif" font-size="11" fill="#cbd5e1">Too wide = Oversmoothed (hides features)</text> <text x="35" y="180" font-family="sans-serif" font-size="11" fill="#cbd5e1">Too narrow = Noisy (loses overall shape)</text> </g> <!-- Section 3: Mean vs Median (Right Column) --> <g transform="translate(480, 110)"> <rect width="380" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="20" y="30" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Measures of Center</text> <!-- Mean --> <g transform="translate(20, 50)"> <rect width="160" height="110" rx="8" fill="#ffffff05"/> <text x="10" y="20" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Arithmetic Mean (x̄)</text> <text x="10" y="40" font-family="serif" font-style="italic" font-size="16" fill="#38bdf8">Σ x / n</text> <text x="10" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8" width="140">The "Balance Point".</text> <text x="10" y="85" font-family="sans-serif" font-size="11" font-weight="700" fill="#fb7185">NOT RESISTANT</text> <text x="10" y="98" font-family="sans-serif" font-size="10" fill="#94a3b8">Pulled by extreme outliers.</text> </g> <!-- Median --> <g transform="translate(200, 50)"> <rect width="160" height="110" rx="8" fill="#ffffff05"/> <text x="10" y="20" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Median (M)</text> <text x="10" y="40" font-family="sans-serif" font-size="12" fill="#38bdf8">Middle Value</text> <text x="10" y="65" font-family="sans-serif" font-size="11" fill="#94a3b8">The 50th percentile.</text> <text x="10" y="85" font-family="sans-serif" font-size="11" font-weight="700" fill="#10b981">RESISTANT</text> <text x="10" y="98" font-family="sans-serif" font-size="10" fill="#94a3b8">Ignores outlier magnitude.</text> </g> </g> <!-- Section 4: Skewness (Bottom Right) --> <g transform="translate(480, 310)"> <rect width="380" height="210" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="20" y="30" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Understanding Skewness</text> <!-- Symmetric --> <g transform="translate(20, 50)"> <path d="M 0 40 Q 50 0 100 40" fill="none" stroke="#94a3b8" stroke-width="2"/> <line x1="50" y1="5" x2="50" y2="40" stroke="#f59e0b" stroke-dasharray="2"/> <text x="50" y="55" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">SYMMETRIC</text> <text x="50" y="68" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Mean ≈ Median</text> </g> <!-- Right Skew --> <g transform="translate(140, 50)"> <path d="M 0 40 Q 20 0 100 40" fill="none" stroke="#94a3b8" stroke-width="2"/> <line x1="25" y1="10" x2="25" y2="40" stroke="#10b981" stroke-width="1.5"/> <!-- Median --> <line x1="45" y1="15" x2="45" y2="40" stroke="#fb7185" stroke-width="1.5"/> <!-- Mean --> <text x="50" y="55" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">RIGHT SKEW</text> <text x="50" y="68" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Mean > Median</text> </g> <!-- Left Skew --> <g transform="translate(260, 50)"> <path d="M 0 40 Q 80 0 100 40" fill="none" stroke="#94a3b8" stroke-width="2"/> <line x1="75" y1="10" x2="75" y2="40" stroke="#10b981" stroke-width="1.5"/> <!-- Median --> <line x1="55" y1="15" x2="55" y2="40" stroke="#fb7185" stroke-width="1.5"/> <!-- Mean --> <text x="50" y="55" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">LEFT SKEW</text> <text x="50" y="68" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Mean &lt; Median</text> </g> <!-- Legend --> <g transform="translate(100, 140)"> <line x1="0" y1="10" x2="20" y2="10" stroke="#fb7185" stroke-width="2"/> <text x="25" y="14" font-family="sans-serif" font-size="11" fill="#94a3b8">Mean</text> <line x1="80" y1="10" x2="100" y2="10" stroke="#10b981" stroke-width="2"/> <text x="105" y="14" font-family="sans-serif" font-size="11" fill="#94a3b8">Median</text> <text x="0" y="40" font-family="sans-serif" font-size="11" font-style="italic" fill="#cbd5e1">"The tail pulls the mean toward it."</text> </g> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="40" fill="#38bdf8" opacity="0.05"/> <circle cx="50" cy="510" r="30" fill="#e879f9" opacity="0.05"/> </svg>Displaying and Summarizing Quantitative Data image 1Displaying and Summarizing Quantitative Data - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/quantitative-data-summary/svg/1Displaying and Summarizing Quantitative Data diagram 1Displaying and Summarizing Quantitative Data - Statistics and Probability - diagram 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/quantitative-data-summary/svg/2Displaying and Summarizing Quantitative Data diagram 2Displaying and Summarizing Quantitative Data - Statistics and Probability - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="60" font-family="Inter, system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">MODELING DATA DISTRIBUTIONS</text> <text x="40" y="85" font-family="Inter, system-ui, sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">FROM RAW OBSERVATIONS TO MATHEMATICAL ABSTRACTIONS</text> <rect x="40" y="100" width="120" height="4" rx="2" fill="#38bdf8"/> <!-- Panel 1: Relative Standing --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <circle cx="75" cy="165" r="18" fill="#38bdf820"/> <path d="M65 175 L65 165 M75 175 L75 155 M85 175 L85 160" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <text x="105" y="170" font-family="Inter, system-ui, sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Relative Standing</text> <text x="60" y="210" font-family="Inter, system-ui, sans-serif" font-weight="600" font-size="14" fill="#38bdf8">PERCENTILES (RANK)</text> <text x="60" y="230" font-family="Inter, system-ui, sans-serif" font-size="12" fill="#94a3b8" width="220"> <tspan x="60" dy="0">The p-th percentile is the value</tspan> <tspan x="60" dy="16">where p% of data falls at or below.</tspan> <tspan x="60" dy="16">Robust to outliers.</tspan> </text> <text x="60" y="290" font-family="Inter, system-ui, sans-serif" font-weight="600" font-size="14" fill="#f59e0b">Z-SCORES (DISTANCE)</text> <text x="60" y="310" font-family="Inter, system-ui, sans-serif" font-size="12" fill="#94a3b8"> <tspan x="60" dy="0">Standardized distance from mean</tspan> <tspan x="60" dy="16">in units of standard deviation.</tspan> </text> <rect x="60" y="350" width="220" height="60" rx="8" fill="#00000030"/> <text x="170" y="385" font-family="serif" font-style="italic" font-size="20" fill="#f8fafc" text-anchor="middle">z = (x - μ) / σ</text> <text x="60" y="440" font-family="Inter, system-ui, sans-serif" font-size="11" fill="#94a3b8" font-style="italic"> <tspan x="60" dy="0">Z = 0: Exactly at the mean</tspan> <tspan x="60" dy="15">Z = +2: Two standard deviations above</tspan> </text> <!-- Panel 2: Linear Transformations --> <rect x="320" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <circle cx="355" cy="165" r="18" fill="#e879f920"/> <path d="M345 165 L365 165 M355 155 L355 175 M348 158 L362 172" stroke="#e879f9" stroke-width="2" stroke-linecap="round"/> <text x="385" y="170" font-family="Inter, system-ui, sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Transformations</text> <rect x="340" y="200" width="220" height="40" rx="8" fill="#e879f910" stroke="#e879f930"/> <text x="450" y="225" font-family="serif" font-style="italic" font-size="18" fill="#f8fafc" text-anchor="middle">x_new = a + bx</text> <!-- Shift vs Scale Comparison --> <g transform="translate(340, 260)"> <rect width="220" height="100" rx="8" fill="#ffffff05"/> <text x="10" y="25" font-family="Inter, system-ui, sans-serif" font-weight="700" font-size="12" fill="#e879f9">SHIFTING (+a)</text> <text x="10" y="45" font-family="Inter, system-ui, sans-serif" font-size="11" fill="#f8fafc">• Changes Center (Mean/Med)</text> <text x="10" y="65" font-family="Inter, system-ui, sans-serif" font-size="11" fill="#94a3b8">• Spread stays the same</text> <text x="10" y="85" font-family="Inter, system-ui, sans-serif" font-size="11" fill="#94a3b8">• Shape stays the same</text> </g> <g transform="translate(340, 375)"> <rect width="220" height="100" rx="8" fill="#ffffff05"/> <text x="10" y="25" font-family="Inter, system-ui, sans-serif" font-weight="700" font-size="12" fill="#e879f9">SCALING (*b)</text> <text x="10" y="45" font-family="Inter, system-ui, sans-serif" font-size="11" fill="#f8fafc">• Changes Center (Mean/Med)</text> <text x="10" y="65" font-family="Inter, system-ui, sans-serif" font-size="11" fill="#f8fafc">• Changes Spread (SD/IQR)</text> <text x="10" y="85" font-family="Inter, system-ui, sans-serif" font-size="11" fill="#94a3b8">• Shape stays the same</text> </g> <!-- Panel 3: Density Curves --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <circle cx="635" cy="165" r="18" fill="#22c55e20"/> <path d="M620 175 Q635 140 650 175" fill="none" stroke="#22c55e" stroke-width="2" stroke-linecap="round"/> <text x="665" y="170" font-family="Inter, system-ui, sans-serif" font-weight="700" font-size="18" fill="#f8fafc">Density Curves</text> <!-- Bell Curve Illustration --> <g transform="translate(620, 220)"> <path d="M10 80 Q40 80 70 80 T110 10 T150 80 T210 80" fill="#22c55e20" stroke="#22c55e" stroke-width="3" filter="url(#glow)"/> <line x1="110" y1="10" x2="110" y2="80" stroke="#22c55e" stroke-dasharray="4"/> <text x="110" y="95" font-family="Inter, system-ui, sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">μ (Mean)</text> </g> <text x="620" y="340" font-family="Inter, system-ui, sans-serif" font-weight="600" font-size="14" fill="#22c55e">THE TWO RULES</text> <g transform="translate(620, 360)"> <rect width="22" height="22" rx="4" fill="#22c55e20"/> <text x="11" y="16" font-family="Inter, font-weight-bold" font-size="12" fill="#22c55e" text-anchor="middle">1</text> <text x="35" y="15" font-family="Inter, system-ui, sans-serif" font-size="12" fill="#f8fafc">Always on or above the x-axis.</text> </g> <g transform="translate(620, 395)"> <rect width="22" height="22" rx="4" fill="#22c55e20"/> <text x="11" y="16" font-family="Inter, font-weight-bold" font-size="12" fill="#22c55e" text-anchor="middle">2</text> <text x="35" y="15" font-family="Inter, system-ui, sans-serif" font-size="12" fill="#f8fafc">Total area under curve = 1.</text> </g> <rect x="620" y="440" width="220" height="60" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="635" y="460" font-family="Inter, system-ui, sans-serif" font-size="11" fill="#94a3b8"> <tspan x="635" dy="0">The area under the curve between</tspan> <tspan x="635" dy="15">two points represents the proportion</tspan> <tspan x="635" dy="15">of observations in that interval.</tspan> </text> <!-- Connecting Arrows --> <path d="M300 325 L320 325" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrowhead)"/> <path d="M580 325 L600 325" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrowhead)"/> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#ffffff20" /> </marker> </defs> <!-- Bottom Accent --> <text x="450" y="545" font-family="Inter, system-ui, sans-serif" font-size="10" fill="#475569" text-anchor="middle" letter-spacing="2">STATISTICAL MODELING FRAMEWORK • CHAPTER 2</text> </svg>Modeling Data Distributions image 1Modeling Data Distributions - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/modeling-distributions/svg/1Modeling Data Distributions diagram 1Modeling Data Distributions - Statistics and Probability - diagram 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/modeling-distributions/svg/2Modeling Data Distributions diagram 2Modeling Data Distributions - Statistics and Probability - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="1">BIVARIATE DATA &amp; REGRESSION</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8">From Visual Patterns to Predictive Mathematical Models</text> <rect x="400" y="85" width="100" height="3" rx="1.5" fill="#38bdf8"/> <!-- Panel 1: The Visual Foundation --> <rect x="30" y="110" width="265" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="50" y="140" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">1. VISUAL ANALYSIS</text> <text x="50" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">Interpreting Scatter Plots via DFSO</text> <!-- DFSO Icons --> <g transform="translate(50, 180)"> <!-- Direction --> <rect width="225" height="50" rx="8" fill="#ffffff05"/> <circle cx="25" cy="25" r="15" fill="#38bdf820"/> <path d="M20 30 L30 20 M25 20 L30 20 L30 25" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="50" y="22" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Direction</text> <text x="50" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Positive (+) or Negative (-)</text> <!-- Form --> <g transform="translate(0, 60)"> <rect width="225" height="50" rx="8" fill="#ffffff05"/> <circle cx="25" cy="25" r="15" fill="#e879f920"/> <path d="M15 30 Q25 10 35 30" stroke="#e879f9" stroke-width="2" fill="none"/> <text x="50" y="22" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Form</text> <text x="50" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Linear vs. Non-Linear</text> </g> <!-- Strength --> <g transform="translate(0, 120)"> <rect width="225" height="50" rx="8" fill="#ffffff05"/> <circle cx="25" cy="25" r="15" fill="#f59e0b20"/> <circle cx="22" cy="22" r="1.5" fill="#f59e0b"/> <circle cx="28" cy="28" r="1.5" fill="#f59e0b"/> <circle cx="25" cy="25" r="1.5" fill="#f59e0b"/> <text x="50" y="22" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Strength</text> <text x="50" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Clustering around the trend</text> </g> <!-- Outliers --> <g transform="translate(0, 180)"> <rect width="225" height="50" rx="8" fill="#ffffff05"/> <circle cx="25" cy="25" r="15" fill="#ef444420"/> <circle cx="20" cy="28" r="1.5" fill="#94a3b8"/> <circle cx="32" cy="15" r="2" fill="#ef4444"/> <text x="50" y="22" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Outliers</text> <text x="50" y="38" font-family="sans-serif" font-size="11" fill="#94a3b8">Deviations from the pattern</text> </g> </g> <!-- Panel 2: The Correlation Coefficient --> <rect x="317.5" y="110" width="265" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="337.5" y="140" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">2. CORRELATION (r)</text> <text x="337.5" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">Quantifying Linear Relationships</text> <!-- r-Scale --> <g transform="translate(337.5, 190)"> <rect y="20" width="225" height="6" rx="3" fill="#ffffff15"/> <circle cx="0" cy="23" r="4" fill="#ef4444"/> <circle cx="112.5" cy="23" r="4" fill="#94a3b8"/> <circle cx="225" cy="23" r="4" fill="#22c55e"/> <text x="0" y="45" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">-1.0</text> <text x="112.5" y="45" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">0</text> <text x="225" y="45" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">+1.0</text> <text x="112.5" y="10" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#94a3b8">STRENGTH SCALE</text> </g> <!-- Formula Box --> <g transform="translate(337.5, 270)"> <rect width="225" height="100" rx="12" fill="#00000030" stroke="#e879f940"/> <text x="112.5" y="35" text-anchor="middle" font-family="serif" font-style="italic" font-size="20" fill="#f8fafc">r = &#x2211; z_x z_y / (n-1)</text> <text x="112.5" y="70" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Average product of z-scores</text> </g> <!-- Key Insight --> <g transform="translate(337.5, 390)"> <path d="M0 0 L225 0" stroke="#ffffff10" stroke-width="1"/> <text x="112.5" y="30" text-anchor="middle" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f59e0b">CRITICAL INSIGHT</text> <text x="112.5" y="55" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#f8fafc">Correlation &#x2260; Causation</text> <text x="112.5" y="75" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Beware of lurking variables!</text> </g> <!-- Panel 3: The Regression Line --> <rect x="605" y="110" width="265" height="420" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="625" y="140" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">3. THE LSRL</text> <text x="625" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">The Least-Squares Regression Line</text> <!-- Mini Graph --> <g transform="translate(645, 190)"> <!-- Axes --> <line x1="0" y1="120" x2="180" y2="120" stroke="#94a3b8" stroke-width="2"/> <line x1="0" y1="0" x2="0" y2="120" stroke="#94a3b8" stroke-width="2"/> <!-- Points --> <circle cx="20" cy="100" r="3" fill="#38bdf8"/> <circle cx="50" cy="85" r="3" fill="#38bdf8"/> <circle cx="80" cy="90" r="3" fill="#38bdf8"/> <circle cx="110" cy="50" r="3" fill="#38bdf8"/> <circle cx="140" cy="40" r="3" fill="#38bdf8"/> <circle cx="160" cy="20" r="3" fill="#38bdf8"/> <!-- Regression Line --> <line x1="0" y1="110" x2="180" y2="10" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <text x="185" y="125" font-family="sans-serif" font-size="10" fill="#38bdf8">x</text> <text x="-10" y="-5" font-family="sans-serif" font-size="10" fill="#e879f9">y</text> </g> <!-- Equation --> <g transform="translate(625, 340)"> <rect width="225" height="60" rx="12" fill="#f59e0b10" stroke="#f59e0b40"/> <text x="112.5" y="38" text-anchor="middle" font-family="serif" font-style="italic" font-size="22" fill="#f8fafc">&#x177; = a + bx</text> </g> <!-- Residuals explanation --> <g transform="translate(625, 420)"> <text x="0" y="20" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Residuals (e)</text> <text x="0" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8" width="225">The vertical distance between the</text> <text x="0" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8">observed point and the predicted line.</text> <text x="0" y="80" font-family="serif" font-style="italic" font-size="14" fill="#38bdf8">e = y - &#x177;</text> </g> <!-- Footer Decor --> <rect x="30" y="545" width="840" height="1" fill="#ffffff10"/> </svg>Bivariate Numerical Data and Regression image 1Bivariate Numerical Data and Regression - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/bivariate-numerical-data/svg/1Bivariate Numerical Data and Regression diagram 1Bivariate Numerical Data and Regression - Statistics and Probability - diagram 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/bivariate-numerical-data/svg/2Bivariate Numerical Data and Regression diagram 2Bivariate Numerical Data and Regression - Statistics and Probability - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="3" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">STATISTICAL INVESTIGATIONS</text> <text x="40" y="85" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8">The Architecture of Study Design &amp; Data Integrity</text> <!-- GIGO Warning Badge --> <rect x="680" y="40" width="180" height="40" rx="8" fill="#ef444422" stroke="#ef4444" stroke-width="1"/> <text x="770" y="65" font-family="sans-serif" font-weight="bold" font-size="14" fill="#fca5a5" text-anchor="middle">"GARBAGE IN, GARBAGE OUT"</text> <!-- Main Conceptual Map: Population to Sample --> <rect x="40" y="120" width="820" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <!-- Population Side --> <circle cx="180" cy="220" r="70" fill="#38bdf811" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <text x="180" y="140" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8" text-anchor="middle">POPULATION</text> <text x="180" y="310" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">The entire group of interest</text> <!-- Population Dots --> <g fill="#38bdf8" opacity="0.6"> <circle cx="150" cy="200" r="3"/><circle cx="170" cy="230" r="3"/><circle cx="200" cy="210" r="3"/> <circle cx="190" cy="245" r="3"/><circle cx="160" cy="240" r="3"/><circle cx="210" cy="190" r="3"/> <circle cx="140" cy="220" r="3"/><circle cx="185" cy="180" r="3"/><circle cx="215" cy="225" r="3"/> </g> <!-- Parameter vs Statistic Box --> <rect x="360" y="150" width="180" height="80" rx="12" fill="#ffffff05" stroke="#94a3b833"/> <text x="450" y="175" font-family="serif" font-style="italic" font-size="16" fill="#f8fafc" text-anchor="middle">Parameter (μ)</text> <path d="M 400 185 L 500 185" stroke="#94a3b833" stroke-width="1"/> <text x="450" y="210" font-family="serif" font-style="italic" font-size="16" fill="#f59e0b" text-anchor="middle">Statistic (x̄)</text> <!-- Sampling Arrow --> <path d="M 270 220 L 590 220" stroke="#f8fafc" stroke-width="2" stroke-dasharray="8 4" marker-end="url(#arrowhead)"/> <text x="430" y="245" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc" text-anchor="middle">RANDOM SAMPLING</text> <text x="430" y="265" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Minimizes Systematic Error</text> <!-- Sample Side --> <circle cx="720" cy="220" r="50" fill="#f59e0b11" stroke="#f59e0b" stroke-width="2"/> <text x="720" y="140" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f59e0b" text-anchor="middle">SAMPLE</text> <text x="720" y="310" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">A representative subset</text> <!-- Sample Dots --> <g fill="#f59e0b"> <circle cx="710" cy="210" r="4"/><circle cx="735" cy="230" r="4"/><circle cx="705" cy="240" r="4"/> </g> <!-- Sampling Methods Grid --> <text x="40" y="375" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">PRIMARY SAMPLING METHODS</text> <!-- SRS Card --> <rect x="40" y="390" width="195" height="140" rx="12" fill="#ffffff08" stroke="#ffffff15"/> <text x="55" y="415" font-family="sans-serif" font-weight="bold" font-size="14" fill="#e879f9">Simple Random</text> <text x="55" y="435" font-family="sans-serif" font-size="11" fill="#94a3b8">Every group of size n has</text> <text x="55" y="450" font-family="sans-serif" font-size="11" fill="#94a3b8">an equal chance.</text> <g transform="translate(160, 480)"> <circle cx="0" cy="0" r="15" fill="none" stroke="#e879f9" stroke-width="1"/> <circle cx="-5" cy="-5" r="2" fill="#e879f9"/><circle cx="6" cy="2" r="2" fill="#e879f9"/><circle cx="-2" cy="7" r="2" fill="#e879f9"/> </g> <!-- Stratified Card --> <rect x="248" y="390" width="195" height="140" rx="12" fill="#ffffff08" stroke="#ffffff15"/> <text x="263" y="415" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">Stratified</text> <text x="263" y="435" font-family="sans-serif" font-size="11" fill="#94a3b8">Divide into strata (groups);</text> <text x="263" y="450" font-family="sans-serif" font-size="11" fill="#94a3b8">sample from each.</text> <g transform="translate(368, 480)"> <rect x="-15" y="-15" width="30" height="10" fill="#38bdf833" rx="2"/> <rect x="-15" y="0" width="30" height="10" fill="#38bdf866" rx="2"/> <circle cx="0" cy="-10" r="2" fill="#38bdf8"/><circle cx="0" cy="5" r="2" fill="#38bdf8"/> </g> <!-- Cluster Card --> <rect x="456" y="390" width="195" height="140" rx="12" fill="#ffffff08" stroke="#ffffff15"/> <text x="471" y="415" font-family="sans-serif" font-weight="bold" font-size="14" fill="#fb7185">Cluster</text> <text x="471" y="435" font-family="sans-serif" font-size="11" fill="#94a3b8">Divide into clusters;</text> <text x="471" y="450" font-family="sans-serif" font-size="11" fill="#94a3b8">sample whole clusters.</text> <g transform="translate(576, 480)"> <circle cx="-8" cy="-5" r="8" fill="#fb718544" stroke="#fb7185" stroke-width="1"/> <circle cx="8" cy="5" r="8" fill="none" stroke="#ffffff22" stroke-width="1"/> <circle cx="-8" cy="-5" r="2" fill="#fb7185"/><circle cx="-11" cy="-2" r="2" fill="#fb7185"/> </g> <!-- Systematic Card --> <rect x="665" y="390" width="195" height="140" rx="12" fill="#ffffff08" stroke="#ffffff15"/> <text x="680" y="415" font-family="sans-serif" font-weight="bold" font-size="14" fill="#34d399">Systematic</text> <text x="680" y="435" font-family="sans-serif" font-size="11" fill="#94a3b8">Select every k-th</text> <text x="680" y="450" font-family="sans-serif" font-size="11" fill="#94a3b8">individual from a list.</text> <g transform="translate(785, 480)"> <line x1="-20" y1="0" x2="20" y2="0" stroke="#ffffff22" stroke-width="2"/> <circle cx="-15" cy="0" r="3" fill="#34d399"/><circle cx="-5" cy="0" r="2" fill="#ffffff22"/><circle cx="5" cy="0" r="3" fill="#34d399"/><circle cx="15" cy="0" r="2" fill="#ffffff22"/> </g> <!-- Bias Warning Footer --> <circle cx="50" cy="545" r="4" fill="#fb7185"/> <text x="65" y="549" font-family="sans-serif" font-size="11" font-weight="bold" fill="#fb7185">BIAS ALERT:</text> <text x="140" y="549" font-family="sans-serif" font-size="11" fill="#94a3b8">Undercoverage • Nonresponse • Response Bias • Voluntary Response</text> <!-- Arrowhead marker --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#f8fafc" /> </marker> </defs> </svg>Statistical Investigations and Study Design image 1Statistical Investigations and Study Design - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/statistical-investigations/svg/1Statistical Investigations and Study Design diagram 1Statistical Investigations and Study Design - Statistics and Probability - diagram 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/statistical-investigations/svg/2Statistical Investigations and Study Design diagram 2Statistical Investigations and Study Design - Statistics and Probability - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="34" fill="#f8fafc" letter-spacing="1">PROBABILITY &amp; COMBINATORICS</text> <path d="M 350 75 L 550 75" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <text x="450" y="95" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="300" fill="#94a3b8" text-transform="uppercase" letter-spacing="3">The Architecture of Uncertainty</text> <!-- Left Panel: Foundations --> <rect x="40" y="120" width="260" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="150" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">I. FOUNDATIONS</text> <!-- Kolmogorov Axioms --> <rect x="55" y="170" width="230" height="110" rx="8" fill="#ffffff05"/> <text x="70" y="190" font-family="serif" font-style="italic" font-size="13" fill="#38bdf8">Kolmogorov’s Axioms</text> <text x="70" y="215" font-family="monospace" font-size="12" fill="#f8fafc">1. P(A) ≥ 0</text> <text x="70" y="235" font-family="monospace" font-size="12" fill="#f8fafc">2. P(S) = 1</text> <text x="70" y="255" font-family="monospace" font-size="12" fill="#f8fafc">3. P(∪Aᵢ) = ΣP(Aᵢ)</text> <!-- Sample Space Visual --> <rect x="55" y="300" width="230" height="100" rx="8" fill="#ffffff05"/> <rect x="100" y="320" width="140" height="60" fill="none" stroke="#94a3b8" stroke-dasharray="4"/> <text x="105" y="335" font-family="sans-serif" font-size="10" fill="#94a3b8">Sample Space (S)</text> <circle cx="150" cy="355" r="20" fill="#e879f933" stroke="#e879f9" stroke-width="2"/> <text x="142" y="359" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f8fafc">E</text> <text x="175" y="365" font-family="sans-serif" font-size="10" fill="#94a3b8">Event ⊂ S</text> <!-- Center Panel: The Bridge --> <rect x="320" y="120" width="260" height="400" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="450" y="150" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">II. THE BRIDGE</text> <!-- Theoretical --> <g transform="translate(350, 175)"> <rect width="200" height="80" rx="8" fill="#0f172a"/> <text x="100" y="25" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Theoretical</text> <text x="100" y="45" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Logic &amp; Symmetry</text> <!-- Dice Icon --> <rect x="85" y="55" width="12" height="12" rx="2" fill="#f8fafc"/> <circle cx="91" cy="61" r="1.5" fill="#0f172a"/> <rect x="103" y="55" width="12" height="12" rx="2" fill="#f8fafc"/> <circle cx="106" cy="58" r="1" fill="#0f172a"/> <circle cx="112" cy="64" r="1" fill="#0f172a"/> </g> <!-- LLN Arrow --> <path d="M 450 265 L 450 355" stroke="#f59e0b" stroke-width="3" marker-end="url(#arrowhead)"/> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#f59e0b" /> </marker> </defs> <rect x="380" y="295" width="140" height="30" rx="15" fill="#f59e0b"/> <text x="450" y="315" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#0f172a">LAW OF LARGE NUMBERS</text> <!-- Experimental --> <g transform="translate(350, 365)"> <rect width="200" height="130" rx="8" fill="#0f172a"/> <text x="100" y="25" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Experimental</text> <text x="100" y="45" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Observation &amp; Trials</text> <!-- Mini Graph --> <path d="M 60 110 L 80 80 L 100 95 L 120 70 L 140 75" fill="none" stroke="#38bdf8" stroke-width="2"/> <circle cx="60" cy="110" r="2" fill="#38bdf8"/> <circle cx="140" cy="75" r="2" fill="#38bdf8"/> <text x="100" y="120" text-anchor="middle" font-family="monospace" font-size="10" fill="#38bdf8">n → ∞</text> </g> <!-- Right Panel: Rules --> <rect x="600" y="120" width="260" height="400" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="150" font-family="sans-serif" font-weight="bold" font-size="18" fill="#e879f9">III. THE RULES</text> <!-- Addition Rule --> <g transform="translate(615, 170)"> <text x="0" y="15" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Addition (OR Logic)</text> <path d="M 0 25 L 230 25" stroke="#ffffff10" stroke-width="1"/> <text x="0" y="45" font-family="monospace" font-size="12" fill="#f59e0b">P(A ∪ B) = P(A) + P(B) - P(A ∩ B)</text> <!-- Venn Icon --> <circle cx="100" cy="75" r="15" fill="#f59e0b33" stroke="#f59e0b"/> <circle cx="120" cy="75" r="15" fill="#38bdf833" stroke="#38bdf8"/> </g> <!-- Multiplication Rule --> <g transform="translate(615, 280)"> <text x="0" y="15" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Multiplication (AND Logic)</text> <path d="M 0 25 L 230 25" stroke="#ffffff10" stroke-width="1"/> <text x="0" y="45" font-family="monospace" font-size="12" fill="#38bdf8">P(A ∩ B) = P(A) · P(B|A)</text> <!-- Tree Icon --> <line x1="105" y1="65" x2="90" y2="85" stroke="#94a3b8" stroke-width="2"/> <line x1="105" y1="65" x2="120" y2="85" stroke="#94a3b8" stroke-width="2"/> <circle cx="105" cy="65" r="3" fill="#f8fafc"/> </g> <!-- Bayes' Theorem Highlight --> <rect x="615" y="390" width="230" height="110" rx="8" fill="#e879f915" stroke="#e879f944"/> <text x="730" y="415" text-anchor="middle" font-family="sans-serif" font-size="13" font-weight="bold" fill="#e879f9">BAYES' THEOREM</text> <text x="730" y="450" text-anchor="middle" font-family="serif" font-size="18" fill="#f8fafc">P(A|B) =</text> <text x="730" y="440" text-anchor="middle" font-family="serif" font-size="12" fill="#f8fafc">P(B|A) P(A)</text> <line x1="680" y1="445" x2="780" y2="445" stroke="#f8fafc" stroke-width="1"/> <text x="730" y="465" text-anchor="middle" font-family="serif" font-size="12" fill="#f8fafc">P(B)</text> <text x="730" y="485" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8" font-style="italic">Updating beliefs with data</text> <!-- Decorative elements --> <circle cx="40" cy="40" r="20" fill="#38bdf811"/> <circle cx="860" cy="520" r="30" fill="#f59e0b11"/> <path d="M 800 50 Q 850 50 850 100" fill="none" stroke="#ffffff10" stroke-width="2"/> </svg>Probability and Combinatorics image 1Probability and Combinatorics - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/probability-and-combinatorics/svg/1Probability and Combinatorics diagram 1Probability and Combinatorics - Statistics and Probability - diagram 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/probability-and-combinatorics/svg/2Probability and Combinatorics diagram 2Probability and Combinatorics - Statistics and Probability - diagram 2https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/probability-and-combinatorics/svg/3Probability and Combinatorics diagram 3Probability and Combinatorics - Statistics and Probability - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff0a" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">RANDOM VARIABLES &amp; DISTRIBUTIONS</text> <rect x="380" y="68" width="140" height="3" fill="#38bdf8" rx="1.5"/> <text x="450" y="92" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="500">THE MATHEMATICAL BRIDGE FROM OUTCOMES TO NUMBERS</text> <!-- Central Concept: The Mapping --> <g transform="translate(150, 120)"> <rect width="600" height="90" rx="20" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <!-- Sample Space S --> <circle cx="60" cy="45" r="30" fill="#38bdf820" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <text x="60" y="49" text-anchor="middle" fill="#38bdf8" font-family="serif" font-weight="bold" font-size="20">S</text> <text x="60" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Sample Space</text> <!-- The Mapping Arrow --> <path d="M 110 45 L 490 45" stroke="#f8fafc" stroke-width="2" marker-end="url(#arrow)"/> <path d="M 485 40 L 495 45 L 485 50 Z" fill="#f8fafc"/> <rect x="250" y="30" width="100" height="30" rx="8" fill="#1e293b"/> <text x="300" y="51" text-anchor="middle" fill="#f59e0b" font-family="monospace" font-weight="bold" font-size="18">X: S → ℝ</text> <!-- Real Numbers R --> <line x1="520" y1="45" x2="570" y2="45" stroke="#e879f9" stroke-width="3"/> <circle cx="545" cy="45" r="4" fill="#e879f9"/> <text x="545" y="25" text-anchor="middle" fill="#e879f9" font-family="serif" font-weight="bold" font-size="20">ℝ</text> <text x="545" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">Real Numbers</text> </g> <!-- Comparison Section --> <!-- Discrete Card --> <g transform="translate(40, 230)"> <rect width="400" height="190" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="20" y="35" fill="#f59e0b" font-family="sans-serif" font-size="20" font-weight="bold">Discrete</text> <text x="20" y="58" fill="#94a3b8" font-family="sans-serif" font-size="13">Countable outcomes (e.g., integers, counts)</text> <!-- PMF Viz --> <g transform="translate(20, 80)"> <line x1="0" y1="50" x2="100" y2="50" stroke="#94a3b8" stroke-width="1"/> <rect x="10" y="20" width="8" height="30" fill="#f59e0b" rx="2"/> <rect x="30" y="10" width="8" height="40" fill="#f59e0b" rx="2"/> <rect x="50" y="30" width="8" height="20" fill="#f59e0b" rx="2"/> <rect x="70" y="5" width="8" height="45" fill="#f59e0b" rx="2"/> <text x="120" y="25" fill="#f8fafc" font-family="serif" font-size="15">P(X = x)</text> <text x="120" y="45" fill="#94a3b8" font-family="sans-serif" font-size="11">Probability Mass Function</text> </g> <rect x="20" y="145" width="360" height="30" rx="8" fill="#ffffff05"/> <text x="200" y="165" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="14">Σ P(X = x) = 1</text> </g> <!-- Continuous Card --> <g transform="translate(460, 230)"> <rect width="400" height="190" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="20" y="35" fill="#38bdf8" font-family="sans-serif" font-size="20" font-weight="bold">Continuous</text> <text x="20" y="58" fill="#94a3b8" font-family="sans-serif" font-size="13">Uncountable outcomes (intervals, ranges)</text> <!-- PDF Viz --> <g transform="translate(20, 80)"> <path d="M 0 50 Q 25 50 50 10 T 100 50" fill="#38bdf830" stroke="#38bdf8" stroke-width="2"/> <line x1="0" y1="50" x2="100" y2="50" stroke="#94a3b8" stroke-width="1"/> <text x="120" y="25" fill="#f8fafc" font-family="serif" font-size="15">f(x)</text> <text x="120" y="45" fill="#94a3b8" font-family="sans-serif" font-size="11">Probability Density Function</text> </g> <rect x="20" y="145" width="360" height="30" rx="8" fill="#ffffff05"/> <text x="200" y="165" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="14">∫ f(x) dx = 1</text> </g> <!-- Bottom Stats/Metrics Section --> <g transform="translate(40, 440)"> <!-- Expected Value --> <rect width="390" height="90" rx="16" fill="#1e293b" stroke="#e879f940" stroke-width="1"/> <circle cx="40" cy="35" r="15" fill="#e879f920"/> <path d="M 32 40 L 48 40 L 40 25 Z" fill="#e879f9"/> <!-- Fulcrum icon --> <text x="70" y="35" fill="#e879f9" font-family="sans-serif" font-size="16" font-weight="bold">Expected Value E[X]</text> <text x="70" y="55" fill="#f8fafc" font-family="sans-serif" font-size="12">The theoretical long-run average (Mean).</text> <text x="70" y="72" fill="#94a3b8" font-family="monospace" font-size="11">Weighted sum/integral of outcomes.</text> <!-- Variance --> <g transform="translate(420, 0)"> <rect width="400" height="90" rx="16" fill="#1e293b" stroke="#f59e0b40" stroke-width="1"/> <circle cx="40" cy="35" r="15" fill="#f59e0b20"/> <path d="M 30 35 L 50 35 M 35 30 L 30 35 L 35 40 M 45 30 L 50 35 L 45 40" stroke="#f59e0b" stroke-width="2" fill="none"/> <!-- Spread icon --> <text x="70" y="35" fill="#f59e0b" font-family="sans-serif" font-size="16" font-weight="bold">Variance Var(X)</text> <text x="70" y="55" fill="#f8fafc" font-family="sans-serif" font-size="12">Measure of spread around the mean.</text> <text x="70" y="72" fill="#94a3b8" font-family="monospace" font-size="11">Var(X) = E[X²] - (E[X])²</text> </g> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="40" fill="#38bdf8" opacity="0.05"/> <circle cx="50" cy="510" r="30" fill="#e879f9" opacity="0.05"/> <g opacity="0.2"> <circle cx="800" cy="100" r="2" fill="#f8fafc"/> <circle cx="820" cy="120" r="2" fill="#f8fafc"/> <circle cx="780" cy="130" r="2" fill="#f8fafc"/> </g> </svg>Random Variables and Distributions image 1Random Variables and Distributions - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/random-variables/svg/1Random Variables and Distributions diagram 1Random Variables and Distributions - Statistics and Probability - diagram 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/random-variables/svg/2Random Variables and Distributions diagram 2Random Variables and Distributions - Statistics and Probability - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#818cf8"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Subtle Grid Pattern --> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">SAMPLING DISTRIBUTIONS &amp; THE CLT</text> <rect x="380" y="75" width="140" height="4" fill="url(#accentGrad)" rx="2"/> <text x="450" y="100" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-style="italic">The Science of Quantifying the Uncertainty in What We Don't See</text> <!-- Left Panel: The Population (Parameters) --> <rect x="40" y="130" width="260" height="320" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="170" cy="200" r="45" fill="#38bdf820" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <text x="170" y="205" text-anchor="middle" fill="#38bdf8" font-family="serif" font-size="40" font-weight="bold">Π</text> <text x="170" y="270" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="18">THE POPULATION</text> <text x="170" y="290" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12">The "God's Eye View" (Fixed Truth)</text> <!-- Parameter Table --> <g transform="translate(70, 320)"> <rect width="200" height="100" rx="8" fill="#00000030"/> <text x="10" y="25" fill="#f59e0b" font-family="serif" font-size="16">μ <tspan fill="#94a3b8" font-family="sans-serif" font-size="12"> (Mean)</tspan></text> <text x="10" y="50" fill="#f59e0b" font-family="serif" font-size="16">σ <tspan fill="#94a3b8" font-family="sans-serif" font-size="12"> (Std Dev)</tspan></text> <text x="10" y="75" fill="#f59e0b" font-family="serif" font-size="16">p <tspan fill="#94a3b8" font-family="sans-serif" font-size="12"> (Proportion)</tspan></text> <text x="190" y="55" text-anchor="end" fill="#f8fafc" font-family="sans-serif" font-size="11" opacity="0.6">PARAMETERS</text> </g> <!-- Center Panel: The Bridge (Sampling) --> <g transform="translate(320, 130)"> <path d="M 0 100 Q 130 50 260 100" fill="none" stroke="#e879f9" stroke-width="3" stroke-dasharray="8 4" opacity="0.6"/> <path d="M 0 160 Q 130 110 260 160" fill="none" stroke="#e879f9" stroke-width="3" stroke-dasharray="8 4" opacity="0.6"/> <path d="M 0 220 Q 130 170 260 220" fill="none" stroke="#e879f9" stroke-width="3" stroke-dasharray="8 4" opacity="0.6"/> <rect x="80" y="130" width="100" height="40" rx="20" fill="#e879f9" filter="url(#glow)"/> <text x="130" y="155" text-anchor="middle" fill="#0f172a" font-family="sans-serif" font-weight="bold" font-size="14">SAMPLING</text> <text x="130" y="280" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="16">SAMPLING VARIABILITY</text> <text x="130" y="300" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">Repeated random selection</text> <text x="130" y="315" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">creates a distribution of results.</text> </g> <!-- Right Panel: The Distribution (Statistics) --> <rect x="600" y="130" width="260" height="320" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <!-- Bell Curve Icon --> <path d="M 650 230 Q 730 130 810 230" fill="none" stroke="#38bdf8" stroke-width="3"/> <line x1="640" y1="230" x2="820" y2="230" stroke="#94a3b8" stroke-width="1"/> <text x="730" y="270" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="18">SAMPLING DIST.</text> <text x="730" y="290" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12">The "Researcher's View"</text> <!-- Statistics Table --> <g transform="translate(630, 320)"> <rect width="200" height="100" rx="8" fill="#00000030"/> <text x="10" y="25" fill="#38bdf8" font-family="serif" font-size="16">x̄ <tspan fill="#94a3b8" font-family="sans-serif" font-size="12"> (Sample Mean)</tspan></text> <text x="10" y="50" fill="#38bdf8" font-family="serif" font-size="16">s <tspan fill="#94a3b8" font-family="sans-serif" font-size="12"> (Sample SD)</tspan></text> <text x="10" y="75" fill="#38bdf8" font-family="serif" font-size="16">p̂ <tspan fill="#94a3b8" font-family="sans-serif" font-size="12"> (Sample Prop)</tspan></text> <text x="190" y="55" text-anchor="end" fill="#f8fafc" font-family="sans-serif" font-size="11" opacity="0.6">STATISTICS</text> </g> <!-- Bottom Info Bar: Conditions --> <rect x="40" y="470" width="820" height="70" rx="12" fill="#38bdf810" stroke="#38bdf830"/> <text x="60" y="495" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="14">CONDITIONS FOR NORMALITY:</text> <g transform="translate(60, 515)"> <circle cx="5" cy="-5" r="3" fill="#f59e0b"/> <text x="15" y="0" fill="#f8fafc" font-family="sans-serif" font-size="12">RANDOMNESS: Representative data</text> </g> <g transform="translate(320, 515)"> <circle cx="5" cy="-5" r="3" fill="#f59e0b"/> <text x="15" y="0" fill="#f8fafc" font-family="sans-serif" font-size="12">INDEPENDENCE: 10% Rule (n &lt; 0.10N)</text> </g> <g transform="translate(600, 515)"> <circle cx="5" cy="-5" r="3" fill="#f59e0b"/> <text x="15" y="0" fill="#f8fafc" font-family="sans-serif" font-size="12">LARGE COUNTS: np ≥ 10 and n(1-p) ≥ 10</text> </g> <!-- Unbiased Estimator Badge --> <g transform="translate(380, 400)"> <rect width="140" height="30" rx="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="70" y="20" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="11">E[θ̂] = θ (Unbiased)</text> </g> </svg>Sampling Distributions and the CLT image 1Sampling Distributions and the CLT - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/sampling-distributions/svg/1Sampling Distributions and the CLT diagram 1Sampling Distributions and the CLT - Statistics and Probability - diagram 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/sampling-distributions/svg/2Sampling Distributions and the CLT diagram 2Sampling Distributions and the CLT - Statistics and Probability - diagram 2https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/sampling-distributions/svg/3Sampling Distributions and the CLT diagram 3Sampling Distributions and the CLT - Statistics and Probability - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <style> .title { font-family: 'Segoe UI', Roboto, Helvetica, sans-serif; font-weight: 800; fill: #f8fafc; } .label { font-family: 'Segoe UI', Roboto, sans-serif; font-weight: 600; fill: #94a3b8; text-transform: uppercase; letter-spacing: 1px; } .body { font-family: 'Segoe UI', Roboto, sans-serif; fill: #cbd5e1; line-height: 1.4; } .accent-orange { fill: #f59e0b; } .accent-blue { fill: #38bdf8; } .accent-pink { fill: #e879f9; } .math { font-family: "Times New Roman", serif; font-style: italic; } </style> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" class="title" font-size="32">ESTIMATING WITH CONFIDENCE INTERVALS</text> <text x="450" y="85" text-anchor="middle" class="label" font-size="14" fill="#64748b">Inferential Statistics: Quantifying Uncertainty in Population Parameters</text> <line x1="350" y1="100" x2="550" y2="100" stroke="#334155" stroke-width="2"/> <!-- Central Formula Card --> <rect x="100" y="125" width="700" height="100" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="450" y="155" text-anchor="middle" class="label" font-size="12">The Anatomy of an Interval</text> <text x="450" y="195" text-anchor="middle" class="title" font-size="36"> <tspan fill="#f59e0b">Point Estimate</tspan> <tspan fill="#f8fafc" dx="10">±</tspan> <tspan fill="#38bdf8" dx="10">Margin of Error</tspan> </text> <!-- Left Panel: The Philosophy (Capture Rate) --> <rect x="50" y="250" width="385" height="230" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="70" y="280" class="label" font-size="16">The 95% Reliability Concept</text> <text x="70" y="305" class="body" font-size="12">The interval varies, the parameter is fixed.</text> <!-- Visualizing intervals --> <line x1="240" y1="320" x2="240" y2="450" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4"/> <text x="245" y="335" class="label" font-size="10" fill="#94a3b8">True Parameter (μ)</text> <!-- Interval 1 (Hit) --> <line x1="180" y1="350" x2="300" y2="350" stroke="#38bdf8" stroke-width="3"/> <circle cx="240" cy="350" r="3" fill="#f59e0b"/> <!-- Interval 2 (Hit) --> <line x1="150" y1="375" x2="270" y2="375" stroke="#38bdf8" stroke-width="3"/> <circle cx="210" cy="375" r="3" fill="#f59e0b"/> <!-- Interval 3 (Miss) --> <line x1="250" y1="400" x2="370" y2="400" stroke="#ef4444" stroke-width="3"/> <circle cx="310" cy="400" r="3" fill="#f59e0b"/> <text x="315" y="415" class="body" font-size="10" fill="#ef4444">"The 5% Miss"</text> <!-- Interval 4 (Hit) --> <line x1="200" y1="425" x2="320" y2="425" stroke="#38bdf8" stroke-width="3"/> <circle cx="260" cy="425" r="3" fill="#f59e0b"/> <text x="70" y="465" class="body" font-size="11" fill="#94a3b8">95% Confidence means 95/100 intervals will capture μ.</text> <!-- Right Panel: The Distribution (Z vs T) --> <rect x="465" y="250" width="385" height="230" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="485" y="280" class="label" font-size="16">Choosing the Multiplier</text> <!-- Z-Dist Curve --> <path d="M 550 420 Q 640 300 730 420" fill="none" stroke="#e879f9" stroke-width="2" opacity="0.5"/> <!-- T-Dist Curve (Fatter tails) --> <path d="M 530 420 Q 640 340 750 420" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="640" y="440" text-anchor="middle" class="label" font-size="10">Distribution Shape</text> <!-- Comparison List --> <g transform="translate(485, 310)"> <circle cx="5" cy="5" r="4" fill="#e879f9"/> <text x="20" y="10" class="body" font-size="13"><tspan class="math">z*</tspan> (Normal): Proportions or known σ</text> <circle cx="5" cy="35" r="4" fill="#38bdf8"/> <text x="20" y="40" class="body" font-size="13"><tspan class="math">t*</tspan> (Student's T): Means with unknown σ</text> <text x="20" y="70" class="body" font-size="12" fill="#94a3b8">The T-distribution is "fatter" to account for</text> <text x="20" y="85" class="body" font-size="12" fill="#94a3b8">the extra uncertainty of estimating σ with s.</text> <rect x="0" y="105" width="345" height="40" rx="8" fill="#ffffff05"/> <text x="10" y="130" class="body" font-size="12" font-weight="bold">Degrees of Freedom (df) = n - 1</text> </g> <!-- Bottom Legend/Process --> <g transform="translate(50, 500)"> <text x="0" y="15" class="label" font-size="12">Components:</text> <text x="110" y="15" class="body" font-size="12"><tspan fill="#f59e0b">●</tspan> Point Estimate (x̄ or p̂)</text> <text x="280" y="15" class="body" font-size="12"><tspan fill="#e879f9">●</tspan> Critical Value (z* or t*)</text> <text x="460" y="15" class="body" font-size="12"><tspan fill="#38bdf8">●</tspan> Standard Error (SE)</text> <text x="620" y="15" class="body" font-size="12"><tspan fill="#94a3b8">●</tspan> Sample Size (n)</text> </g> <!-- Decorative Corner Elements --> <path d="M 850 50 L 880 50 L 880 80" fill="none" stroke="#334155" stroke-width="2"/> <path d="M 50 510 L 20 510 L 20 480" fill="none" stroke="#334155" stroke-width="2"/> </svg>Estimating with Confidence Intervals image 1Estimating with Confidence Intervals - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/confidence-intervals/svg/1Estimating with Confidence Intervals diagram 1Estimating with Confidence Intervals - Statistics and Probability - diagram 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/confidence-intervals/svg/2Estimating with Confidence Intervals diagram 2Estimating with Confidence Intervals - Statistics and Probability - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Background Shapes --> <circle cx="850" cy="50" r="100" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#e879f9" fill-opacity="0.05"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">Significance Testing</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">NULL HYPOTHESIS STATISTICAL TESTING (NHST)</text> <rect x="40" y="100" width="120" height="4" rx="2" fill="#38bdf8"/> <!-- Left Card: The Hypotheses --> <rect x="40" y="130" width="260" height="280" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">The Framework</text> <!-- H0 --> <g transform="translate(60, 190)"> <rect width="220" height="80" rx="8" fill="#ffffff08"/> <text x="10" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">H₀: Null Hypothesis</text> <text x="10" y="45" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Innocent" stance.</text> <text x="10" y="60" font-family="sans-serif" font-size="12" fill="#94a3b8">No effect, no change, status quo.</text> <circle cx="200" cy="20" r="6" fill="#f59e0b" fill-opacity="0.5"/> </g> <!-- Ha --> <g transform="translate(60, 285)"> <rect width="220" height="80" rx="8" fill="#ffffff08"/> <text x="10" y="25" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Hₐ: Alternative</text> <text x="10" y="45" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Discovery" claim.</text> <text x="10" y="60" font-family="sans-serif" font-size="12" fill="#94a3b8">A real effect exists in the data.</text> <path d="M 195 15 L 205 25 M 205 15 L 195 25" stroke="#38bdf8" stroke-width="2"/> </g> <!-- Center Card: The P-Value --> <rect x="320" y="130" width="260" height="280" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="340" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">The P-Value</text> <!-- Probability Curve Illustration --> <g transform="translate(340, 180)"> <!-- Normal Curve --> <path d="M 10 100 Q 110 -20 210 100" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Shaded Tail --> <path d="M 170 48 Q 190 80 210 100 L 170 100 Z" fill="#e879f9" fill-opacity="0.4"/> <line x1="170" y1="48" x2="170" y2="100" stroke="#e879f9" stroke-width="2"/> <text x="135" y="115" font-family="sans-serif" font-size="11" fill="#e879f9" font-weight="bold">p &lt; 0.05</text> <text x="0" y="140" font-family="sans-serif" font-size="12" fill="#f8fafc" font-style="italic">"How surprising is this data?"</text> <text x="0" y="160" font-family="sans-serif" font-size="11" fill="#94a3b8">Probability of observing results</text> <text x="0" y="175" font-family="sans-serif" font-size="11" fill="#94a3b8">if the Null (H₀) is actually true.</text> </g> <!-- Right Card: The Decision --> <rect x="600" y="130" width="260" height="280" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Threshold</text> <g transform="translate(620, 190)"> <text x="0" y="20" font-family="sans-serif" font-weight="700" font-size="24" fill="#f8fafc">α = 0.05</text> <text x="0" y="45" font-family="sans-serif" font-size="13" fill="#94a3b8">Significance Level (Alpha)</text> <rect x="0" y="70" width="220" height="120" rx="8" fill="#00000030"/> <text x="10" y="95" font-family="sans-serif" font-weight="700" font-size="12" fill="#38bdf8">DECISION RULE:</text> <text x="10" y="125" font-family="sans-serif" font-size="13" fill="#f8fafc">If P ≤ α → Reject H₀</text> <text x="20" y="142" font-family="sans-serif" font-size="11" fill="#94a3b8">(Statistically Significant)</text> <text x="10" y="165" font-family="sans-serif" font-size="13" fill="#f8fafc">If P &gt; α → Fail to Reject H₀</text> <text x="20" y="182" font-family="sans-serif" font-size="11" fill="#94a3b8">(Not enough evidence)</text> </g> <!-- Process Flow at Bottom --> <g transform="translate(40, 440)"> <rect width="820" height="80" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <!-- Step 1 --> <circle cx="40" cy="40" r="15" fill="#38bdf8"/> <text x="36" y="45" font-family="sans-serif" font-weight="bold" font-size="14" fill="#0f172a">1</text> <text x="65" y="35" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">State Hypotheses</text> <text x="65" y="52" font-family="sans-serif" font-size="11" fill="#94a3b8">Define H₀ and Hₐ</text> <!-- Arrow --> <path d="M 180 40 L 210 40" stroke="#ffffff20" stroke-width="2" marker-end="url(#arrow)"/> <!-- Step 2 --> <circle cx="240" cy="40" r="15" fill="#38bdf8"/> <text x="235" y="45" font-family="sans-serif" font-weight="bold" font-size="14" fill="#0f172a">2</text> <text x="265" y="35" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">Set Alpha</text> <text x="265" y="52" font-family="sans-serif" font-size="11" fill="#94a3b8">Choose risk level</text> <!-- Step 3 --> <circle cx="440" cy="40" r="15" fill="#38bdf8"/> <text x="435" y="45" font-family="sans-serif" font-weight="bold" font-size="14" fill="#0f172a">3</text> <text x="465" y="35" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">Collect Data</text> <text x="465" y="52" font-family="sans-serif" font-size="11" fill="#94a3b8">Run experiment</text> <!-- Step 4 --> <circle cx="640" cy="40" r="15" fill="#38bdf8"/> <text x="635" y="45" font-family="sans-serif" font-weight="bold" font-size="14" fill="#0f172a">4</text> <text x="665" y="35" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">Calculate P</text> <text x="665" y="52" font-family="sans-serif" font-size="11" fill="#94a3b8">Compute statistic</text> </g> <!-- Arrow Marker --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="0" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#ffffff20" /> </marker> </defs> <!-- Footer Note --> <text x="450" y="545" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#475569" letter-spacing="0.5">REMEMBER: WE NEVER "ACCEPT" THE NULL. WE ONLY REJECT OR FAIL TO REJECT IT.</text> </svg>Significance Testing image 1Significance Testing - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/significance-testing/svg/1Significance Testing diagram 1Significance Testing - Statistics and Probability - diagram 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/significance-testing/svg/2Significance Testing diagram 2Significance Testing - Statistics and Probability - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Definitions --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Base Layers --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="55" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">TWO-SAMPLE INFERENCE</text> <text x="450" y="80" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The bedrock of the scientific method: Comparing populations and evaluating change</text> <line x1="350" y1="95" x2="550" y2="95" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" opacity="0.5"/> <!-- Left Panel: Independent Samples --> <rect x="40" y="120" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="75" cy="150" r="12" fill="#38bdf8" opacity="0.8"/> <text x="95" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Independent Samples</text> <text x="65" y="185" font-family="sans-serif" font-size="13" fill="#cbd5e1">Comparing two distinct, unrelated groups.</text> <!-- Independent Visualization --> <g transform="translate(80, 220)"> <!-- Distribution 1 --> <path d="M 0 60 Q 40 0 80 60" fill="none" stroke="#38bdf8" stroke-width="2" opacity="0.6"/> <circle cx="40" cy="50" r="3" fill="#38bdf8"/> <text x="40" y="75" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Group A</text> <!-- Distribution 2 --> <path d="M 100 60 Q 140 0 180 60" fill="none" stroke="#e879f9" stroke-width="2" opacity="0.6"/> <circle cx="140" cy="40" r="3" fill="#e879f9"/> <text x="140" y="75" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Group B</text> <path d="M 40 45 L 140 45" stroke="#f59e0b" stroke-width="1" stroke-dasharray="4"/> <text x="90" y="38" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f59e0b" font-weight="bold">Δ Mean</text> </g> <rect x="65" y="305" width="350" height="40" rx="8" fill="#00000020"/> <text x="75" y="322" font-family="sans-serif" font-size="11" fill="#94a3b8">Key: n₁ and n₂ can be different sizes.</text> <text x="75" y="338" font-family="sans-serif" font-size="11" fill="#94a3b8">Goal: Compare centers of two distributions.</text> <!-- Right Panel: Matched Pairs --> <rect x="460" y="120" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="495" cy="150" r="12" fill="#e879f9" opacity="0.8"/> <text x="515" y="155" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Matched Pairs</text> <text x="485" y="185" font-family="sans-serif" font-size="13" fill="#cbd5e1">The same subjects measured twice (Pre/Post).</text> <!-- Matched Visualization --> <g transform="translate(550, 220)"> <g opacity="0.7"> <circle cx="20" cy="10" r="4" fill="#f8fafc"/> <path d="M 25 10 L 100 10" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrow)"/> <circle cx="105" cy="10" r="4" fill="#e879f9"/> <circle cx="20" cy="30" r="4" fill="#f8fafc"/> <path d="M 25 30 L 100 30" stroke="#94a3b8" stroke-width="1"/> <circle cx="105" cy="30" r="4" fill="#e879f9"/> <circle cx="20" cy="50" r="4" fill="#f8fafc"/> <path d="M 25 50 L 100 50" stroke="#94a3b8" stroke-width="1"/> <circle cx="105" cy="50" r="4" fill="#e879f9"/> </g> <text x="20" y="75" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Before</text> <text x="105" y="75" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">After</text> <text x="160" y="35" font-family="sans-serif" font-size="11" fill="#f59e0b" font-weight="bold">dᵢ = x₁ - x₂</text> </g> <rect x="485" y="305" width="350" height="40" rx="8" fill="#00000020"/> <text x="495" y="322" font-family="sans-serif" font-size="11" fill="#94a3b8">Key: n₁ must equal n₂ (paired data).</text> <text x="495" y="338" font-family="sans-serif" font-size="11" fill="#94a3b8">Goal: Test the mean of the differences (μd).</text> <!-- Bottom Panel: The Math Engine --> <rect x="40" y="380" width="820" height="150" rx="16" fill="#ffffff05" stroke="#38bdf830" stroke-width="1"/> <text x="65" y="415" font-family="sans-serif" font-weight="700" font-size="16" fill="#f59e0b">The Principle of Independent Variance</text> <text x="65" y="438" font-family="sans-serif" font-size="13" fill="#94a3b8" width="400">When subtracting independent variables, uncertainties do not cancel; they accumulate.</text> <!-- Formula Block --> <g transform="translate(500, 405)"> <rect width="330" height="100" rx="12" fill="#00000030" stroke="#ffffff10"/> <text x="165" y="30" text-anchor="middle" font-family="serif" font-size="20" fill="#f8fafc" font-style="italic">SE = √ ( s₁²/n₁ + s₂²/n₂ )</text> <text x="165" y="60" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#38bdf8">Standard Error of the Difference</text> <text x="165" y="85" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8" font-style="italic">Used in Welch's T-Test (Unpooled Default)</text> </g> <!-- Logic Flow --> <g transform="translate(65, 460)"> <rect x="0" y="0" width="120" height="45" rx="6" fill="#38bdf820" stroke="#38bdf840"/> <text x="60" y="20" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8">ESTIMATE</text> <text x="60" y="35" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#cbd5e1">x̄₁ - x̄₂</text> <path d="M 130 22 L 160 22" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowhead)"/> <rect x="170" y="0" width="120" height="45" rx="6" fill="#e879f920" stroke="#e879f940"/> <text x="230" y="20" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#e879f9">DIVIDE BY SE</text> <text x="230" y="35" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#cbd5e1">Propagated Error</text> <path d="M 300 22 L 330 22" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowhead)"/> <rect x="340" y="0" width="120" height="45" rx="6" fill="#f59e0b20" stroke="#f59e0b40"/> <text x="400" y="20" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f59e0b">T-STATISTIC</text> <text x="400" y="35" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#cbd5e1">Signal-to-Noise</text> </g> <!-- Markers --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#94a3b8" /> </marker> </defs> <!-- Decorative Corner Accents --> <circle cx="900" cy="0" r="80" fill="#38bdf8" opacity="0.05"/> <circle cx="0" cy="560" r="120" fill="#e879f9" opacity="0.05"/> </svg>Two-Sample Inference image 1Two-Sample Inference - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/two-sample-inference/svg/1Two-Sample Inference diagram 1Two-Sample Inference - Statistics and Probability - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> <feDropShadow dx="0" dy="4" stdDeviation="6" flood-opacity="0.3"/> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="2">CHI-SQUARE TESTS (χ²)</text> <text x="450" y="85" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" font-style="italic">Bridging the gap between observed reality and theoretical expectation</text> <line x1="350" y1="105" x2="550" y2="105" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <!-- Left Panel: The Core Formula --> <rect x="40" y="130" width="380" height="180" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="60" y="165" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">THE FUNDAMENTAL STATISTIC</text> <!-- Formula Drawing --> <g transform="translate(140, 190)"> <text x="0" y="40" font-family="serif" font-size="48" fill="#f8fafc">χ² = Σ</text> <line x1="85" y1="35" x2="185" y2="35" stroke="#f8fafc" stroke-width="2"/> <text x="95" y="25" font-family="Arial, sans-serif" font-size="18" fill="#f8fafc">(O - E)²</text> <text x="125" y="60" font-family="Arial, sans-serif" font-size="18" fill="#f8fafc">E</text> </g> <text x="60" y="285" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">O = Observed Frequency</text> <text x="210" y="285" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">E = Expected Frequency</text> <!-- Right Panel: Distribution Curves --> <rect x="480" y="130" width="380" height="180" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="500" y="165" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">THE χ² DISTRIBUTION</text> <!-- Mini Graph --> <g transform="translate(520, 260)"> <path d="M 0,0 L 300,0" stroke="#94a3b8" stroke-width="1"/> <path d="M 0,0 L 0,-80" stroke="#94a3b8" stroke-width="1"/> <!-- df=2 --> <path d="M 2,-75 Q 10,-10 280,-2" fill="none" stroke="#38bdf8" stroke-width="2" opacity="0.6"/> <!-- df=5 --> <path d="M 2,-5 Q 40,-90 280,-5" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="240" y="-60" font-family="Arial, sans-serif" font-size="11" fill="#38bdf8">df = 2</text> <text x="240" y="-45" font-family="Arial, sans-serif" font-size="11" fill="#f59e0b">df = 5</text> <text x="150" y="15" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">As df increases, the curve approaches normality</text> </g> <!-- Bottom Section: Two Main Tests --> <!-- Test 1: Goodness of Fit --> <rect x="40" y="330" width="395" height="190" rx="16" fill="#ffffff08" stroke="#38bdf840"/> <circle cx="75" cy="365" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="75" y="370" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">1</text> <text x="100" y="370" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">Goodness-of-Fit Test</text> <text x="60" y="405" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Compares one categorical variable to a known distribution.</text> <g transform="translate(60, 430)"> <rect width="100" height="60" rx="8" fill="#ffffff10"/> <text x="50" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8">Example</text> <text x="50" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">Is a die fair?</text> <text x="120" y="25" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">df = k - 1</text> <text x="120" y="45" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">k = number of categories</text> </g> <!-- Test 2: Independence --> <rect x="465" y="330" width="395" height="190" rx="16" fill="#ffffff08" stroke="#e879f940"/> <circle cx="500" cy="365" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="500" y="370" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="14" fill="#e879f9">2</text> <text x="525" y="370" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f8fafc">Test for Independence</text> <text x="485" y="405" font-family="Arial, sans-serif" font-size="13" fill="#cbd5e1">Evaluates association between two categorical variables.</text> <g transform="translate(485, 430)"> <!-- Contingency Table Icon --> <rect width="100" height="60" rx="8" fill="#ffffff10"/> <line x1="10" y1="30" x2="90" y2="30" stroke="#ffffff20"/> <line x1="50" y1="10" x2="50" y2="50" stroke="#ffffff20"/> <circle cx="30" cy="20" r="3" fill="#e879f9"/> <circle cx="70" cy="40" r="3" fill="#38bdf8"/> <text x="120" y="25" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc" font-weight="bold">df = (r-1)(c-1)</text> <text x="120" y="45" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">r = rows, c = columns</text> </g> <!-- Footer / History --> <rect x="0" y="535" width="900" height="25" fill="#00000030"/> <text x="450" y="552" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#64748b" letter-spacing="1">PIONEERED BY KARL PEARSON (1900) • NON-PARAMETRIC STATISTICS • CATEGORICAL DATA ANALYSIS</text> </svg>Chi-Square Tests image 1Chi-Square Tests - Statistics and Probability - image 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/chi-square-tests/svg/1Chi-Square Tests diagram 1Chi-Square Tests - Statistics and Probability - diagram 1https://www.getlykke.com/explore/public/statistics-and-probability-b71199d8-8b56-46fd-a7b9-599a91a064e1/media/chi-square-tests/svg/2Chi-Square Tests diagram 2Chi-Square Tests - Statistics and Probability - diagram 2https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e02026-04-20T04:40:11.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#334155" fill-opacity="0.5"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="1">SAMPLING &amp; DATA</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" text-transform="uppercase" letter-spacing="3">The Architecture of Statistical Inquiry</text> <rect x="400" y="85" width="100" height="3" fill="#f59e0b" rx="1.5"/> <!-- Main Panels --> <!-- Panel 1: Population vs Sample --> <rect x="30" y="110" width="270" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="165" y="140" text-anchor="middle" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">I. The Duality</text> <!-- Population Circle --> <circle cx="165" cy="210" r="50" fill="#38bdf815" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <g fill="#38bdf8" opacity="0.6"> <circle cx="145" cy="195" r="3"/><circle cx="180" cy="200" r="3"/><circle cx="160" cy="225" r="3"/> <circle cx="190" cy="220" r="3"/><circle cx="140" cy="215" r="3"/><circle cx="165" cy="185" r="3"/> </g> <text x="165" y="275" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">POPULATION (N)</text> <text x="165" y="292" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">The entire "Universe"</text> <!-- Sample Selection Arrow --> <path d="M165 310 L165 340" stroke="#f59e0b" stroke-width="2" marker-end="url(#arrowhead)"/> <!-- Sample Circle --> <circle cx="165" cy="380" r="30" fill="#f59e0b15" stroke="#f59e0b" stroke-width="2"/> <g fill="#f59e0b"> <circle cx="160" cy="375" r="3"/><circle cx="175" cy="385" r="3"/><circle cx="155" cy="390" r="3"/> </g> <text x="165" y="425" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">SAMPLE (n)</text> <text x="165" y="440" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">The Tangible Subset</text> <!-- Panel 2: Parameters vs Statistics --> <rect x="315" y="110" width="270" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="450" y="140" text-anchor="middle" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">II. Metrics</text> <!-- Table Structure --> <rect x="335" y="160" width="230" height="260" rx="8" fill="#00000020"/> <!-- Headers --> <text x="345" y="185" font-family="sans-serif" font-size="11" font-weight="700" fill="#94a3b8">METRIC</text> <text x="430" y="185" font-family="sans-serif" font-size="11" font-weight="700" fill="#38bdf8">PARAM (Gk)</text> <text x="510" y="185" font-family="sans-serif" font-size="11" font-weight="700" fill="#f59e0b">STAT (Lat)</text> <line x1="335" y1="195" x2="565" y2="195" stroke="#ffffff15" stroke-width="1"/> <!-- Row: Mean --> <text x="345" y="225" font-family="sans-serif" font-size="13" fill="#f8fafc">Mean</text> <text x="445" y="225" font-family="serif" font-size="18" fill="#38bdf8" text-anchor="middle">μ</text> <text x="525" y="225" font-family="serif" font-size="16" fill="#f59e0b" text-anchor="middle">x̄</text> <!-- Row: Std Dev --> <text x="345" y="265" font-family="sans-serif" font-size="13" fill="#f8fafc">Std Dev</text> <text x="445" y="265" font-family="serif" font-size="18" fill="#38bdf8" text-anchor="middle">σ</text> <text x="525" y="265" font-family="serif" font-size="16" fill="#f59e0b" text-anchor="middle">s</text> <!-- Row: Proportion --> <text x="345" y="305" font-family="sans-serif" font-size="13" fill="#f8fafc">Prop.</text> <text x="445" y="305" font-family="serif" font-size="18" fill="#38bdf8" text-anchor="middle">π</text> <text x="525" y="305" font-family="serif" font-size="16" fill="#f59e0b" text-anchor="middle">p̂</text> <!-- Estimation Arrow --> <path d="M525 330 Q450 380 375 330" fill="none" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <text x="450" y="385" text-anchor="middle" font-family="sans-serif" font-size="12" font-style="italic" fill="#e879f9">Estimation Process</text> <text x="450" y="405" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Using sample to guess truth</text> <!-- Panel 3: Data Ontology --> <rect x="600" y="110" width="270" height="340" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="735" y="140" text-anchor="middle" font-family="sans-serif" font-size="18" font-weight="700" fill="#fbbf24">III. Data Types</text> <!-- Qualitative --> <rect x="620" y="165" width="230" height="60" rx="8" fill="#ffffff05" stroke="#38bdf830"/> <circle cx="645" cy="195" r="12" fill="#38bdf820" stroke="#38bdf8"/> <text x="645" y="199" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#38bdf8">A</text> <text x="670" y="188" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">Qualitative</text> <text x="670" y="205" font-family="sans-serif" font-size="11" fill="#94a3b8">Labels, Categories, Names</text> <!-- Quantitative --> <rect x="620" y="240" width="230" height="180" rx="8" fill="#ffffff05" stroke="#f59e0b30"/> <circle cx="645" cy="270" r="12" fill="#f59e0b20" stroke="#f59e0b"/> <text x="645" y="274" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b">#</text> <text x="670" y="265" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">Quantitative</text> <!-- Sub-types --> <line x1="645" y1="285" x2="645" y2="380" stroke="#f59e0b30" stroke-width="1"/> <circle cx="660" cy="320" r="4" fill="#f59e0b"/> <text x="675" y="325" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Discrete</text> <text x="675" y="340" font-family="sans-serif" font-size="10" fill="#94a3b8">Countable (e.g. 1, 2, 3)</text> <circle cx="660" cy="375" r="4" fill="#f59e0b"/> <text x="675" y="380" font-family="sans-serif" font-size="13" font-weight="600" fill="#f8fafc">Continuous</text> <text x="675" y="395" font-family="sans-serif" font-size="10" fill="#94a3b8">Measurable (e.g. 1.75m)</text> <!-- Footer Insight --> <rect x="30" y="470" width="840" height="60" rx="12" fill="#f59e0b10" stroke="#f59e0b40"/> <path d="M50 500 L70 500 M60 490 L60 510" stroke="#f59e0b" stroke-width="2" opacity="0.5"/> <text x="90" y="505" font-family="sans-serif" font-size="14" fill="#f8fafc"> <tspan font-weight="bold" fill="#f59e0b">KEY INSIGHT:</tspan> Statistics is the science of extracting meaning from <tspan fill="#e879f9">noise</tspan> by understanding <tspan fill="#38bdf8">variation</tspan>. </text> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="#e879f9" fill-opacity="0.1"/> <circle cx="850" cy="50" r="15" fill="#e879f9" fill-opacity="0.2"/> </svg>Sampling and Data image 1Sampling and Data - Introductory Statistics - image 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/sampling-and-data/svg/1Sampling and Data diagram 1Sampling and Data - Introductory Statistics - diagram 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/sampling-and-data/svg/2Sampling and Data diagram 2Sampling and Data - Introductory Statistics - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.5">DESCRIPTIVE STATISTICS</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400">The Foundational Layer of Data Characterization &amp; Summarization</text> <rect x="40" y="105" width="180" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Main Central Visual: The Distribution Curve --> <g transform="translate(250, 140)"> <rect width="400" height="260" rx="24" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="200" y="35" font-family="sans-serif" font-size="16" font-weight="600" fill="#f8fafc" text-anchor="middle">THE ANATOMY OF A DISTRIBUTION</text> <!-- Bell Curve Path --> <path d="M 50 220 Q 120 220 160 140 T 200 60 T 240 140 T 350 220" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <!-- Central Lines --> <line x1="200" y1="60" x2="200" y2="220" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="200" cy="60" r="4" fill="#f59e0b"/> <text x="205" y="80" font-family="sans-serif" font-size="11" fill="#f59e0b" font-weight="bold">MEAN / MEDIAN / MODE</text> <!-- Dispersion Arrows --> <path d="M 140 160 L 260 160" stroke="#e879f9" stroke-width="1.5" marker-start="url(#arrow)" marker-end="url(#arrow)"/> <text x="200" y="155" font-family="sans-serif" font-size="10" fill="#e879f9" text-anchor="middle" font-weight="bold">STANDARD DEVIATION (σ)</text> <!-- Baseline --> <line x1="40" y1="220" x2="360" y2="220" stroke="#94a3b8" stroke-width="1"/> <!-- Small Data Points --> <circle cx="80" cy="220" r="3" fill="#38bdf8" opacity="0.6"/> <circle cx="110" cy="220" r="3" fill="#38bdf8" opacity="0.6"/> <circle cx="290" cy="220" r="3" fill="#38bdf8" opacity="0.6"/> <circle cx="330" cy="220" r="3" fill="#e879f9" opacity="0.9"/> <!-- Outlier --> <text x="330" y="235" font-family="sans-serif" font-size="9" fill="#e879f9" text-anchor="middle">OUTLIER</text> </g> <!-- Left Panel: Central Tendency --> <g transform="translate(40, 140)"> <rect width="190" height="380" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="20" y="35" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">CENTRAL TENDENCY</text> <!-- Mean Section --> <g transform="translate(20, 60)"> <rect width="30" height="30" rx="6" fill="#38bdf820"/> <path d="M 8 22 L 22 22 M 15 8 L 15 22" stroke="#38bdf8" stroke-width="2"/> <text x="40" y="15" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">MEAN (Average)</text> <text x="40" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">The balance point. Sensitive</text> <text x="40" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">to extreme outliers.</text> </g> <!-- Median Section --> <g transform="translate(20, 135)"> <rect width="30" height="30" rx="6" fill="#f59e0b20"/> <path d="M 8 15 L 22 15 M 15 8 L 15 22" stroke="#f59e0b" stroke-width="2" transform="rotate(45 15 15)"/> <text x="40" y="15" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">MEDIAN (Middle)</text> <text x="40" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">The robust center. Splits</text> <text x="40" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">data into two equal halves.</text> </g> <!-- Mode Section --> <g transform="translate(20, 210)"> <rect width="30" height="30" rx="6" fill="#e879f920"/> <path d="M 10 22 L 10 12 M 15 22 L 15 8 M 20 22 L 20 16" stroke="#e879f9" stroke-width="2"/> <text x="40" y="15" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">MODE (Frequent)</text> <text x="40" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">The most common value.</text> <text x="40" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Works for categories.</text> </g> <!-- Formula Box --> <rect x="15" y="280" width="160" height="80" rx="8" fill="#00000030"/> <text x="25" y="305" font-family="serif" font-style="italic" font-size="16" fill="#f8fafc">x̄ = Σ x / n</text> <text x="25" y="330" font-family="sans-serif" font-size="10" fill="#94a3b8">"The arithmetic mean is the</text> <text x="25" y="342" font-family="sans-serif" font-size="10" fill="#94a3b8">sum of parts over count."</text> </g> <!-- Right Panel: Dispersion --> <g transform="translate(670, 140)"> <rect width="190" height="380" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="20" y="35" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">DISPERSION</text> <!-- Variance --> <g transform="translate(20, 60)"> <text x="0" y="15" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">VARIANCE (s²)</text> <text x="0" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Average squared distance</text> <text x="0" y="44" font-family="sans-serif" font-size="11" fill="#94a3b8">from the mean.</text> </g> <!-- Std Dev --> <g transform="translate(20, 135)"> <text x="0" y="15" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">STD. DEVIATION (σ)</text> <text x="0" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Square root of variance.</text> <text x="0" y="44" font-family="sans-serif" font-size="11" fill="#94a3b8">Returns to original units.</text> </g> <!-- IQR --> <g transform="translate(20, 210)"> <text x="0" y="15" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">RANGE &amp; IQR</text> <text x="0" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">The 'width' of the data.</text> <text x="0" y="44" font-family="sans-serif" font-size="11" fill="#94a3b8">IQR = Q3 - Q1</text> </g> <!-- Visual Aid: Spread --> <g transform="translate(20, 280)"> <rect width="150" height="80" rx="8" fill="#00000030"/> <line x1="20" y1="40" x2="130" y2="40" stroke="#94a3b8" stroke-width="1"/> <rect x="45" y="30" width="60" height="20" fill="#e879f940" stroke="#e879f9" stroke-width="1"/> <line x1="75" y1="30" x2="75" y2="50" stroke="#f8fafc" stroke-width="2"/> <text x="75" y="70" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Box Plot Representation</text> </g> </g> <!-- Bottom Banner: The Sanity Check --> <g transform="translate(250, 420)"> <rect width="400" height="100" rx="16" fill="#f59e0b15" stroke="#f59e0b40"/> <circle cx="40" cy="50" r="20" fill="#f59e0b"/> <text x="40" y="56" font-family="sans-serif" font-size="20" font-weight="900" fill="#0f172a" text-anchor="middle">!</text> <text x="75" y="45" font-family="sans-serif" font-size="16" font-weight="700" fill="#f59e0b">THE "SANITY CHECK" PHASE</text> <text x="75" y="65" font-family="sans-serif" font-size="12" fill="#f8fafc">Avoid "Garbage In, Garbage Out" (GIGO). Understand your</text> <text x="75" y="80" font-family="sans-serif" font-size="12" fill="#f8fafc">data's shape before applying complex ML models.</text> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="830" cy="70" r="15" fill="none" stroke="#ffffff05" stroke-width="4"/> </svg>Descriptive Statistics image 1Descriptive Statistics - Introductory Statistics - image 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/descriptive-statistics/svg/1Descriptive Statistics diagram 1Descriptive Statistics - Introductory Statistics - diagram 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/descriptive-statistics/svg/2Descriptive Statistics diagram 2Descriptive Statistics - Introductory Statistics - diagram 2https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/descriptive-statistics/svg/3Descriptive Statistics diagram 3Descriptive Statistics - Introductory Statistics - diagram 3https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/probability-topics/svg/1Probability Topics diagram 1Probability Topics - Introductory Statistics - diagram 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/probability-topics/svg/2Probability Topics diagram 2Probability Topics - Introductory Statistics - diagram 2https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/probability-topics/svg/3Probability Topics diagram 3Probability Topics - Introductory Statistics - diagram 3https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/discrete-random-variables/svg/1Discrete Random Variables diagram 1Discrete Random Variables - Introductory Statistics - diagram 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/discrete-random-variables/svg/2Discrete Random Variables diagram 2Discrete Random Variables - Introductory Statistics - diagram 2https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/discrete-random-variables/svg/3Discrete Random Variables diagram 3Discrete Random Variables - Introductory Statistics - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#818cf8"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">CONTINUOUS RANDOM VARIABLES</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Mathematics of Infinite Precision and Density</text> <line x1="350" y1="90" x2="550" y2="90" stroke="url(#accentGrad)" stroke-width="2" stroke-linecap="round"/> <!-- Left Card: Discrete vs Continuous --> <rect x="30" y="110" width="260" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="160" y="145" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE FUNDAMENTAL SHIFT</text> <!-- Comparison Icons --> <g transform="translate(65, 170)"> <rect width="80" height="80" rx="8" fill="#ffffff05" stroke="#94a3b8" stroke-dasharray="4 2"/> <text x="40" y="45" text-anchor="middle" font-family="serif" font-size="36" fill="#94a3b8">Σ</text> <text x="40" y="95" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Discrete Sum</text> </g> <g transform="translate(175, 170)"> <rect width="80" height="80" rx="8" fill="#38bdf815" stroke="#38bdf8"/> <text x="40" y="45" text-anchor="middle" font-family="serif" font-size="36" fill="#38bdf8">∫</text> <text x="40" y="95" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#38bdf8">Continuous</text> </g> <g font-family="sans-serif" font-size="13" fill="#f8fafc"> <text x="50" y="300">• Countable Outcomes</text> <text x="50" y="325" fill="#94a3b8" font-size="11">vs. Uncountable Intervals</text> <text x="50" y="360">• Point Probability P(X=x)</text> <text x="50" y="385" fill="#94a3b8" font-size="11">vs. Density Probability P(a&lt;X&lt;b)</text> <text x="50" y="420">• Bar Charts &amp; PMFs</text> <text x="50" y="445" fill="#94a3b8" font-size="11">vs. Smooth Density Curves (PDF)</text> </g> <!-- Middle Card: The PDF Geometry --> <rect x="310" y="110" width="280" height="420" rx="16" fill="#ffffff10" stroke="#ffffff20" stroke-width="1"/> <text x="450" y="145" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">GEOMETRY OF DENSITY</text> <!-- PDF Curve Illustration --> <g transform="translate(330, 180)"> <!-- Axis --> <line x1="10" y1="140" x2="230" y2="140" stroke="#94a3b8" stroke-width="1"/> <line x1="10" y1="20" x2="10" y2="140" stroke="#94a3b8" stroke-width="1"/> <!-- Shaded Area --> <path d="M 80 140 L 80 75 Q 120 40 160 85 L 160 140 Z" fill="#f59e0b40" /> <!-- Curve --> <path d="M 20 130 Q 60 120 90 60 T 160 90 T 220 135" fill="none" stroke="#f59e0b" stroke-width="3" filter="glow"/> <!-- Labels --> <text x="80" y="155" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">a</text> <text x="160" y="155" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">b</text> <text x="120" y="110" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">Area = P(a ≤ X ≤ b)</text> <text x="220" y="50" text-anchor="end" font-family="serif" font-size="14" fill="#f8fafc">f(x)</text> </g> <g font-family="sans-serif" font-size="12" fill="#cbd5e1"> <text x="335" y="360" font-weight="bold" fill="#f8fafc">1. Non-negativity:</text> <text x="335" y="378">f(x) ≥ 0 for all x</text> <text x="335" y="410" font-weight="bold" fill="#f8fafc">2. Unit Area:</text> <text x="335" y="428">∫ f(x) dx = 1 (Total Probability)</text> <text x="335" y="460" font-weight="bold" fill="#f8fafc">3. The Zero Paradox:</text> <text x="335" y="478">P(X = exact value) = 0</text> <text x="335" y="494" font-size="10" fill="#94a3b8">Area of a single point is zero.</text> </g> <!-- Right Card: Uniform Distribution --> <rect x="610" y="110" width="260" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="740" y="145" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">UNIFORM MODEL</text> <!-- Uniform Graphic --> <g transform="translate(640, 180)"> <rect x="30" y="40" width="140" height="80" fill="#e879f920" stroke="#e879f9" stroke-width="2" stroke-dasharray="2 2"/> <line x1="10" y1="120" x2="190" y2="120" stroke="#94a3b8" stroke-width="1"/> <text x="30" y="135" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">a</text> <text x="170" y="135" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">b</text> <text x="25" y="45" text-anchor="end" font-family="serif" font-size="10" fill="#e879f9">1/(b-a)</text> <text x="100" y="85" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">Equal Likelihood</text> </g> <rect x="630" y="340" width="220" height="160" rx="8" fill="#00000030"/> <g font-family="monospace" font-size="12" fill="#e879f9"> <text x="645" y="365">Mean: (a + b) / 2</text> <text x="645" y="390" fill="#94a3b8">Var: (b - a)² / 12</text> <text x="645" y="415" fill="#94a3b8">CDF: (x - a) / (b - a)</text> </g> <text x="645" y="450" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">Use Case:</text> <text x="645" y="468" font-family="sans-serif" font-size="11" fill="#94a3b8">Wait times, random number</text> <text x="645" y="482" font-family="sans-serif" font-size="11" fill="#94a3b8">generation, and quantization</text> <text x="645" y="496" font-family="sans-serif" font-size="11" fill="#94a3b8">error modeling.</text> <!-- Decorative Footer Elements --> <circle cx="40" cy="40" r="20" fill="#38bdf8" fill-opacity="0.1"/> <circle cx="860" cy="520" r="30" fill="#e879f9" fill-opacity="0.1"/> <path d="M 820 40 L 850 70 M 850 40 L 820 70" stroke="#ffffff10" stroke-width="2"/> </svg>Continuous Random Variables image 1Continuous Random Variables - Introductory Statistics - image 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/continuous-random-variables/svg/1Continuous Random Variables diagram 1Continuous Random Variables - Introductory Statistics - diagram 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/continuous-random-variables/svg/2Continuous Random Variables diagram 2Continuous Random Variables - Introductory Statistics - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Definitions: Gradients, Filters, and Patterns --> <defs> <linearGradient id="bgGradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#0f172a" /> <stop offset="100%" stop-color="#1e1b4b" /> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="30" height="30" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08" /> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <linearGradient id="curveGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#38bdf8" /> <stop offset="50%" stop-color="#e879f9" /> <stop offset="100%" stop-color="#f59e0b" /> </linearGradient> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bgGradient)" /> <rect width="900" height="560" fill="url(#dotPattern)" /> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="1">THE NORMAL DISTRIBUTION</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="2">THE GAUSSIAN FOUNDATION OF STATISTICS</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#ffffff20" stroke-width="1" /> <!-- Main Visualization Area: The Bell Curve --> <!-- Shaded Areas for Empirical Rule --> <path d="M 150,420 Q 300,420 350,370 T 450,180 T 550,370 Q 600,420 750,420 L 750,420 L 150,420 Z" fill="#ffffff05" /> <!-- 99.7% Zone --> <path d="M 210,420 Q 300,420 350,370 T 450,180 T 550,370 Q 600,420 690,420 Z" fill="#f59e0b10" /> <!-- 95% Zone --> <path d="M 290,420 Q 330,420 370,330 T 450,180 T 530,330 Q 570,420 610,420 Z" fill="#e879f915" /> <!-- 68% Zone --> <path d="M 370,420 Q 390,420 410,260 T 450,180 T 490,260 Q 510,420 530,420 Z" fill="#38bdf825" /> <!-- The Curve Line --> <path d="M 150,420 Q 300,420 350,370 T 450,180 T 550,370 Q 600,420 750,420" fill="none" stroke="url(#curveGradient)" stroke-width="4" filter="url(#glow)" /> <!-- Axis and Labels --> <line x1="120" y1="420" x2="780" y2="420" stroke="#94a3b8" stroke-width="2" stroke-linecap="round" /> <text x="450" y="445" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="18" font-style="italic">μ (Mean)</text> <!-- Empirical Rule Callouts --> <g font-family="sans-serif" font-weight="bold" text-anchor="middle"> <text x="450" y="320" fill="#38bdf8" font-size="16">68.2%</text> <text x="450" y="335" fill="#38bdf8" font-size="10" font-weight="normal">±1σ</text> <text x="330" y="390" fill="#e879f9" font-size="14">95.4%</text> <text x="330" y="402" fill="#e879f9" font-size="9" font-weight="normal">±2σ</text> <text x="570" y="390" fill="#e879f9" font-size="14">95.4%</text> <text x="570" y="402" fill="#e879f9" font-size="9" font-weight="normal">±2σ</text> </g> <!-- Left Panel: Parameters --> <rect x="30" y="130" width="200" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15" /> <circle cx="55" cy="160" r="12" fill="#38bdf8" /> <text x="55" y="165" text-anchor="middle" fill="#0f172a" font-family="sans-serif" font-size="12" font-weight="bold">1</text> <text x="75" y="165" fill="#f8fafc" font-family="sans-serif" font-size="16" font-weight="bold">Parameters</text> <text x="50" y="200" fill="#38bdf8" font-family="serif" font-size="20" font-weight="bold">μ</text> <text x="75" y="200" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Mean</text> <text x="50" y="218" fill="#94a3b8" font-family="sans-serif" font-size="11">The center of the bell. Where</text> <text x="50" y="232" fill="#94a3b8" font-family="sans-serif" font-size="11">Mean = Median = Mode.</text> <text x="50" y="270" fill="#e879f9" font-family="serif" font-size="20" font-weight="bold">σ</text> <text x="75" y="270" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Std. Deviation</text> <text x="50" y="288" fill="#94a3b8" font-family="sans-serif" font-size="11">The spread. Larger σ creates</text> <text x="50" y="302" fill="#94a3b8" font-family="sans-serif" font-size="11">a wider, flatter curve.</text> <rect x="50" y="325" width="160" height="45" rx="8" fill="#00000030" /> <text x="130" y="345" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="11">f(x|μ,σ) = [1/σ√(2π)]</text> <text x="130" y="360" text-anchor="middle" fill="#f8fafc" font-family="serif" font-size="11">· e^[-(x-μ)²/2σ²]</text> <!-- Right Panel: Standardization --> <rect x="670" y="130" width="200" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15" /> <circle cx="695" cy="160" r="12" fill="#e879f9" /> <text x="695" y="165" text-anchor="middle" fill="#0f172a" font-family="sans-serif" font-size="12" font-weight="bold">2</text> <text x="715" y="165" fill="#f8fafc" font-family="sans-serif" font-size="16" font-weight="bold">Z-Scores</text> <text x="690" y="200" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">Standardization</text> <text x="690" y="218" fill="#94a3b8" font-family="sans-serif" font-size="11">Converting any normal curve</text> <text x="690" y="232" fill="#94a3b8" font-family="sans-serif" font-size="11">to μ=0 and σ=1.</text> <path d="M 710,260 L 830,260 M 770,260 L 770,310" stroke="#ffffff20" stroke-width="1" /> <text x="770" y="340" text-anchor="middle" fill="#f59e0b" font-family="serif" font-size="24" font-weight="bold">z = (x - μ) / σ</text> <text x="770" y="365" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">The distance from the mean</text> <text x="770" y="378" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="11">in units of standard deviation.</text> <!-- Bottom Panel: Real World Examples --> <rect x="30" y="470" width="840" height="70" rx="16" fill="#ffffff05" stroke="#ffffff10" /> <text x="60" y="510" fill="#f59e0b" font-family="sans-serif" font-size="14" font-weight="bold">COMMON APPLICATIONS:</text> <g transform="translate(250, 495)"> <circle cx="0" cy="10" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1" /> <path d="M -5,15 L -5,5 L 5,5 L 5,15" fill="none" stroke="#38bdf8" stroke-width="1.5" /> <text x="25" y="15" fill="#f8fafc" font-family="sans-serif" font-size="12">Biological Heights</text> </g> <g transform="translate(450, 495)"> <circle cx="0" cy="10" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1" /> <path d="M -6,10 L 6,10 M 0,4 L 0,16" fill="none" stroke="#e879f9" stroke-width="1.5" /> <text x="25" y="15" fill="#f8fafc" font-family="sans-serif" font-size="12">Measurement Errors</text> </g> <g transform="translate(670, 495)"> <circle cx="0" cy="10" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1" /> <path d="M -5,10 Q 0,0 5,10 T 15,10" fill="none" stroke="#f59e0b" stroke-width="1.5" /> <text x="25" y="15" fill="#f8fafc" font-family="sans-serif" font-size="12">IQ &amp; Test Scores</text> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="40" fill="#f59e0b05" /> <circle cx="850" cy="50" r="20" fill="#f59e0b10" /> <circle cx="50" cy="510" r="30" fill="#38bdf805" /> </svg>The Normal Distribution image 1The Normal Distribution - Introductory Statistics - image 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/the-normal-distribution/svg/1The Normal Distribution diagram 1The Normal Distribution - Introductory Statistics - diagram 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/the-normal-distribution/svg/2The Normal Distribution diagram 2The Normal Distribution - Introductory Statistics - diagram 2https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/the-normal-distribution/svg/3The Normal Distribution diagram 3The Normal Distribution - Introductory Statistics - diagram 3<svg viewBox="0 0 900 560" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <g stroke="#ffffff08" stroke-width="1"> <path d="M 0 100 H 900 M 0 200 H 900 M 0 300 H 900 M 0 400 H 900 M 0 500 H 900"/> <path d="M 100 0 V 560 M 200 0 V 560 M 300 0 V 560 M 400 0 V 560 M 500 0 V 560 M 600 0 V 560 M 700 0 V 560 M 800 0 V 560"/> </g> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">The Central Limit Theorem</text> <text x="40" y="85" font-family="sans-serif" font-size="16" fill="#94a3b8" letter-spacing="1">THE BRIDGE FROM CHAOS TO ORDER</text> <rect x="40" y="105" width="120" height="4" rx="2" fill="url(#accentGrad)"/> <!-- Main Conceptual Flow --> <!-- Step 1: Population --> <rect x="40" y="140" width="250" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="175" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">1. The Population</text> <text x="60" y="195" font-family="sans-serif" font-size="12" fill="#94a3b8">Any distribution shape (skewed, uniform, discrete)</text> <!-- Skewed Distribution Graphic --> <path d="M 70 330 Q 80 230 120 230 T 260 330" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <line x1="70" y1="330" x2="260" y2="330" stroke="#475569" stroke-width="1"/> <text x="70" y="350" font-family="serif" font-style="italic" font-size="14" fill="#f59e0b">μ</text> <text x="160" y="260" font-family="sans-serif" font-size="11" fill="#f8fafc" opacity="0.8">Non-Normal Data</text> <!-- Arrow 1 --> <path d="M 305 260 L 335 260" stroke="#38bdf8" stroke-width="2" fill="none" marker-end="url(#arrowhead)"/> <!-- Step 2: Sampling --> <rect x="325" y="140" width="250" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="345" y="175" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">2. Sampling Process</text> <text x="345" y="195" font-family="sans-serif" font-size="12" fill="#94a3b8">Take repeated samples of size n</text> <!-- Sampling Animation Concept --> <g transform="translate(365, 230)"> <circle cx="0" cy="0" r="15" fill="#38bdf822" stroke="#38bdf8" stroke-width="1"/> <text x="-8" y="5" font-family="sans-serif" font-size="10" fill="#38bdf8">n₁</text> <circle cx="40" cy="20" r="15" fill="#38bdf822" stroke="#38bdf8" stroke-width="1"/> <text x="32" y="25" font-family="sans-serif" font-size="10" fill="#38bdf8">n₂</text> <circle cx="80" cy="-10" r="15" fill="#38bdf822" stroke="#38bdf8" stroke-width="1"/> <text x="72" y="-5" font-family="sans-serif" font-size="10" fill="#38bdf8">n₃</text> <circle cx="120" cy="30" r="15" fill="#38bdf822" stroke="#38bdf8" stroke-width="1"/> <text x="112" y="35" font-family="sans-serif" font-size="10" fill="#38bdf8">n...</text> <path d="M 0 60 Q 85 100 170 60" fill="none" stroke="#38bdf8" stroke-dasharray="4 2" opacity="0.5"/> <text x="35" y="105" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Calculate Means (x̄)</text> </g> <!-- Arrow 2 --> <path d="M 590 260 L 620 260" stroke="#e879f9" stroke-width="2" fill="none"/> <!-- Step 3: Result --> <rect x="610" y="140" width="250" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="630" y="175" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">3. The Normal Curve</text> <text x="630" y="195" font-family="sans-serif" font-size="12" fill="#94a3b8">The distribution of x̄ becomes Gaussian</text> <!-- Bell Curve Graphic --> <path d="M 640 330 Q 735 180 830 330" fill="none" stroke="#e879f9" stroke-width="3" filter="url(#glow)"/> <line x1="640" y1="330" x2="830" y2="330" stroke="#475569" stroke-width="1"/> <line x1="735" y1="330" x2="735" y2="210" stroke="#e879f9" stroke-dasharray="2 2"/> <text x="730" y="350" font-family="serif" font-style="italic" font-size="14" fill="#e879f9">μ</text> <text x="745" y="240" font-family="sans-serif" font-size="11" fill="#f8fafc">n ≥ 30</text> <!-- Bottom Info Panels --> <!-- LLN vs CLT --> <rect x="40" y="400" width="400" height="130" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="60" y="430" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">LLN vs. CLT</text> <text x="60" y="455" font-family="sans-serif" font-size="12" fill="#94a3b8">Law of Large Numbers (LLN):</text> <text x="60" y="472" font-family="sans-serif" font-size="13" fill="#f8fafc">The sample mean converges to the population mean.</text> <text x="60" y="495" font-family="sans-serif" font-size="12" fill="#94a3b8">Central Limit Theorem (CLT):</text> <text x="60" y="512" font-family="sans-serif" font-size="13" fill="#f8fafc">The distribution of means takes a specific shape.</text> <!-- Standard Error Panel --> <rect x="460" y="400" width="400" height="130" rx="16" fill="#0ea5e915" stroke="#38bdf833"/> <text x="480" y="430" font-family="sans-serif" font-weight="700" font-size="16" fill="#38bdf8">The Square Root Law</text> <text x="480" y="465" font-family="serif" font-size="24" fill="#f8fafc">SE = σ / √n</text> <text x="480" y="495" font-family="sans-serif" font-size="12" fill="#94a3b8">To double your precision (halve the error),</text> <text x="480" y="512" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">you must quadruple your sample size.</text> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff10" stroke-width="8"/> <circle cx="850" cy="50" r="15" fill="#e879f922"/> </svg>The Central Limit Theorem image 1The Central Limit Theorem - Introductory Statistics - image 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/the-central-limit-theorem/svg/1The Central Limit Theorem diagram 1The Central Limit Theorem - Introductory Statistics - diagram 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/the-central-limit-theorem/svg/2The Central Limit Theorem diagram 2The Central Limit Theorem - Introductory Statistics - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#334155" fill-opacity="0.5"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Title Section --> <text x="450" y="55" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">CONFIDENCE INTERVALS</text> <text x="450" y="80" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">Quantifying Uncertainty in Frequentist Statistics</text> <line x1="380" y1="95" x2="520" y2="95" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <!-- Left Panel: The Anatomy --> <rect x="40" y="120" width="260" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">THE ANATOMY</text> <!-- Anatomy Diagram --> <g transform="translate(60, 210)"> <line x1="0" y1="0" x2="220" y2="0" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="110" cy="0" r="6" fill="#38bdf8" filter="url(#glow)"/> <path d="M 30 -10 L 30 10 M 30 0 L 190 0 M 190 -10 L 190 10" stroke="#f8fafc" stroke-width="3" fill="none"/> <text x="110" y="-15" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#38bdf8" font-weight="bold">POINT ESTIMATE (x̄)</text> <text x="110" y="35" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc">MARGIN OF ERROR (EBM)</text> <path d="M 110 20 L 190 20" stroke="#f8fafc" stroke-width="1" marker-end="url(#arrow)"/> <path d="M 110 20 L 30 20" stroke="#f8fafc" stroke-width="1"/> </g> <text x="60" y="300" font-family="sans-serif" font-size="12" fill="#94a3b8" width="220"> <tspan x="60" dy="1.4em">• Confidence Level (1 - α)</tspan> <tspan x="60" dy="1.4em">• Critical Value (z* or t*)</tspan> <tspan x="60" dy="1.4em">• Standard Error (SE)</tspan> <tspan x="60" dy="1.4em">• Sample Size (n)</tspan> </text> <!-- Center Panel: The Frequentist Interpretation --> <rect x="320" y="120" width="260" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">THE INTERPRETATION</text> <!-- Frequentist Visualization --> <g transform="translate(450, 180)"> <line x1="0" y1="0" x2="0" y2="180" stroke="#f59e0b" stroke-width="2" stroke-dasharray="2 2"/> <text x="5" y="10" font-family="sans-serif" font-size="10" fill="#f59e0b">TRUE PARAMETER (μ)</text> <!-- Intervals --> <g stroke-width="1.5"> <line x1="-40" y1="30" x2="30" y2="30" stroke="#38bdf8"/> <line x1="-20" y1="50" x2="50" y2="50" stroke="#38bdf8"/> <line x1="-60" y1="70" x2="10" y2="70" stroke="#38bdf8"/> <!-- The Miss --> <line x1="10" y1="90" x2="80" y2="90" stroke="#e879f9" stroke-width="2.5"/> <circle cx="45" cy="90" r="3" fill="#e879f9"/> <line x1="-30" y1="110" x2="40" y2="110" stroke="#38bdf8"/> <line x1="-50" y1="130" x2="20" y2="130" stroke="#38bdf8"/> <line x1="-10" y1="150" x2="60" y2="150" stroke="#38bdf8"/> </g> </g> <text x="340" y="365" font-family="sans-serif" font-size="11" fill="#94a3b8"> <tspan x="340" dy="1.2em">If we repeat sampling 100 times,</tspan> <tspan x="340" dy="1.2em">95 intervals will capture the</tspan> <tspan x="340" dy="1.2em">true population parameter.</tspan> </text> <!-- Right Panel: Z vs T Distribution --> <rect x="600" y="120" width="260" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Z vs. T DISTRIBUTIONS</text> <!-- Curve Comparison --> <g transform="translate(630, 250)"> <!-- Z Curve (Normal) --> <path d="M 0 0 Q 100 -120 200 0" stroke="#38bdf8" stroke-width="2" fill="none"/> <!-- T Curve (Heavier Tails) --> <path d="M 0 0 Q 100 -80 200 0" stroke="#e879f9" stroke-width="2" fill="none" stroke-dasharray="4 2"/> <line x1="0" y1="0" x2="200" y2="0" stroke="#94a3b8" stroke-width="1"/> <text x="100" y="-100" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#38bdf8">Z (Normal)</text> <text x="100" y="-55" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#e879f9">T (Heavier Tails)</text> </g> <text x="620" y="300" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="620" dy="1.4em" fill="#f8fafc" font-weight="bold">Use Z-Distribution if:</tspan> <tspan x="620" dy="1.4em">Population σ is known.</tspan> <tspan x="620" dy="1.8em" fill="#f8fafc" font-weight="bold">Use T-Distribution if:</tspan> <tspan x="620" dy="1.4em">σ is unknown (use sample s).</tspan> <tspan x="620" dy="1.4em">Essential for small samples (n &lt; 30).</tspan> </text> <!-- Bottom Panel: The Formulas --> <rect x="40" y="420" width="820" height="110" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <g transform="translate(80, 455)"> <text x="0" y="0" font-family="serif" font-size="20" fill="#f8fafc">CI = x̄ ± z* · (σ / √n)</text> <text x="0" y="25" font-family="sans-serif" font-size="12" fill="#38bdf8">Standard Normal Case</text> </g> <line x1="450" y1="440" x2="450" y2="510" stroke="#ffffff20" stroke-width="1"/> <g transform="translate(500, 455)"> <text x="0" y="0" font-family="serif" font-size="20" fill="#f8fafc">CI = x̄ ± t* · (s / √n)</text> <text x="0" y="25" font-family="sans-serif" font-size="12" fill="#e879f9">Student's T Case (df = n - 1)</text> </g> <!-- Decorative Guinness Reference --> <text x="840" y="515" text-anchor="end" font-family="sans-serif" font-size="9" fill="#475569">Gosset's Brewery Method (1908)</text> <!-- Corner Accents --> <circle cx="40" cy="40" r="20" fill="#38bdf8" fill-opacity="0.1"/> <circle cx="860" cy="520" r="30" fill="#f59e0b" fill-opacity="0.05"/> </svg>Confidence Intervals image 1Confidence Intervals - Introductory Statistics - image 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/confidence-intervals/svg/1Confidence Intervals diagram 1Confidence Intervals - Introductory Statistics - diagram 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/confidence-intervals/svg/2Confidence Intervals diagram 2Confidence Intervals - Introductory Statistics - diagram 2https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/confidence-intervals/svg/3Confidence Intervals diagram 3Confidence Intervals - Introductory Statistics - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <filter id="glow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="3" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Title Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" letter-spacing="1">ONE-SAMPLE HYPOTHESIS TESTING</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="300" letter-spacing="2">THE STATISTICAL BACKBONE OF SCIENTIFIC INFERENCE</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Top Row: The Framework --> <!-- Card 1: Hypotheses --> <rect x="40" y="110" width="260" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="140" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">01. THE FRAMEWORK</text> <g transform="translate(60, 165)"> <rect width="220" height="45" rx="8" fill="#ffffff05"/> <text x="10" y="18" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">H₀: Null Hypothesis</text> <text x="10" y="34" fill="#94a3b8" font-family="sans-serif" font-size="11">The status quo. Equality (=, ≤, ≥)</text> <circle cx="200" cy="22" r="6" fill="#f59e0b" opacity="0.8"/> </g> <g transform="translate(60, 220)"> <rect width="220" height="45" rx="8" fill="#ffffff05"/> <text x="10" y="18" fill="#38bdf8" font-family="sans-serif" font-size="13" font-weight="bold">Hₐ: Alternative Hypothesis</text> <text x="10" y="34" fill="#94a3b8" font-family="sans-serif" font-size="11">The research claim. Difference (≠, &lt;, &gt;)</text> <path d="M195 28 L200 18 L205 28 Z" fill="#38bdf8" opacity="0.8"/> </g> <!-- Card 2: Decision Calculus --> <rect x="320" y="110" width="260" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="140" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">02. DECISION RULES</text> <path d="M360 230 Q450 160 540 230" stroke="#94a3b8" fill="none" stroke-width="2"/> <path d="M510 230 Q525 210 540 230 Z" fill="#e879f9" opacity="0.4"/> <text x="450" y="255" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12">P-Value vs. Alpha (α)</text> <rect x="340" y="160" width="105" height="40" rx="6" fill="#fb718520" stroke="#fb718540"/> <text x="392" y="178" text-anchor="middle" fill="#fb7185" font-family="sans-serif" font-size="11" font-weight="bold">P ≤ α</text> <text x="392" y="192" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10">Reject H₀</text> <rect x="455" y="160" width="105" height="40" rx="6" fill="#4ade8020" stroke="#4ade8040"/> <text x="507" y="178" text-anchor="middle" fill="#4ade80" font-family="sans-serif" font-size="11" font-weight="bold">P &gt; α</text> <text x="507" y="192" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10">Fail to Reject</text> <!-- Card 3: Error Theory --> <rect x="600" y="110" width="260" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="140" fill="#2dd4bf" font-family="sans-serif" font-size="18" font-weight="bold">03. ERROR THEORY</text> <g transform="translate(620, 160)"> <!-- Matrix --> <rect x="0" y="0" width="220" height="100" rx="8" fill="#ffffff05"/> <line x1="110" y1="0" x2="110" y2="100" stroke="#ffffff10"/> <line x1="0" y1="50" x2="220" y2="50" stroke="#ffffff10"/> <text x="55" y="30" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">H₀ True</text> <text x="55" y="42" text-anchor="middle" fill="#fb7185" font-family="sans-serif" font-size="10" font-weight="bold">TYPE I ERROR</text> <text x="165" y="30" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">H₀ False</text> <text x="165" y="42" text-anchor="middle" fill="#4ade80" font-family="sans-serif" font-size="10" font-weight="bold">POWER (1-β)</text> <text x="55" y="80" text-anchor="middle" fill="#4ade80" font-family="sans-serif" font-size="10" font-weight="bold">CORRECT</text> <text x="165" y="80" text-anchor="middle" fill="#fb7185" font-family="sans-serif" font-size="10" font-weight="bold">TYPE II ERROR</text> </g> <!-- Bottom Section: Mechanics --> <rect x="40" y="310" width="820" height="210" rx="20" fill="#ffffff08" stroke="#ffffff15"/> <text x="70" y="345" fill="#38bdf8" font-family="sans-serif" font-size="20" font-weight="bold">MECHANICS: SELECTING THE TEST</text> <!-- Flowchart --> <g transform="translate(70, 370)"> <!-- Start --> <rect x="0" y="20" width="140" height="60" rx="10" fill="#ffffff10"/> <text x="70" y="45" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Is σ known?</text> <text x="70" y="62" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">(Pop. Std Dev)</text> <!-- Arrows --> <path d="M140 50 L200 50" stroke="#38bdf8" stroke-width="2" fill="none" marker-end="url(#arrow)"/> <text x="170" y="40" text-anchor="middle" fill="#4ade80" font-family="sans-serif" font-size="10">YES</text> <path d="M70 80 L70 110 L200 110" stroke="#f59e0b" stroke-width="2" fill="none"/> <text x="100" y="105" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="10">NO</text> <!-- Z-Test --> <rect x="200" y="20" width="220" height="60" rx="10" fill="#38bdf820" stroke="#38bdf8"/> <text x="215" y="45" fill="#38bdf8" font-family="sans-serif" font-size="14" font-weight="bold">One-Sample Z-Test</text> <text x="215" y="65" fill="#f8fafc" font-family="monospace" font-size="12">z = (x̄ - μ₀) / (σ/√n)</text> <!-- T-Test --> <rect x="200" y="90" width="220" height="60" rx="10" fill="#f59e0b20" stroke="#f59e0b"/> <text x="215" y="115" fill="#f59e0b" font-family="sans-serif" font-size="14" font-weight="bold">One-Sample T-Test</text> <text x="215" y="135" fill="#f8fafc" font-family="monospace" font-size="12">t = (x̄ - μ₀) / (s/√n)</text> <!-- Requirements Info --> <g transform="translate(460, 20)"> <rect width="300" height="130" rx="12" fill="#ffffff05"/> <text x="15" y="25" fill="#94a3b8" font-family="sans-serif" font-size="12" font-weight="bold">REQUIREMENTS &amp; ASSUMPTIONS</text> <circle cx="25" cy="50" r="3" fill="#38bdf8"/> <text x="40" y="54" fill="#f8fafc" font-family="sans-serif" font-size="11">Random Sampling from the population</text> <circle cx="25" cy="75" r="3" fill="#38bdf8"/> <text x="40" y="79" fill="#f8fafc" font-family="sans-serif" font-size="11">Independence of observations</text> <circle cx="25" cy="100" r="3" fill="#38bdf8"/> <text x="40" y="104" fill="#f8fafc" font-family="sans-serif" font-size="11">Normality (n &gt; 30 or normal population)</text> </g> </g> <!-- Footer --> <text x="860" y="540" text-anchor="end" fill="#ffffff20" font-family="sans-serif" font-size="10">STATISTICS WIKI // MODULE 04</text> <!-- Decorative Marker --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="5" orientation="auto"> <path d="M0,0 L10,5 L0,10 Z" fill="#38bdf8" /> </marker> </defs> </svg>Hypothesis Testing with One Sample image 1Hypothesis Testing with One Sample - Introductory Statistics - image 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/hypothesis-testing-one-sample/svg/1Hypothesis Testing with One Sample diagram 1Hypothesis Testing with One Sample - Introductory Statistics - diagram 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/hypothesis-testing-one-sample/svg/2Hypothesis Testing with One Sample diagram 2Hypothesis Testing with One Sample - Introductory Statistics - diagram 2https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/hypothesis-testing-one-sample/svg/3Hypothesis Testing with One Sample diagram 3Hypothesis Testing with One Sample - Introductory Statistics - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg-grad)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Elements --> <circle cx="850" cy="50" r="100" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#e879f9" fill-opacity="0.05"/> <path d="M 0 100 Q 450 150 900 100" fill="none" stroke="#ffffff05" stroke-width="2"/> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">HYPOTHESIS TESTING WITH TWO SAMPLES</text> <text x="450" y="82" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">Determining statistical significance across comparative landscapes</text> <rect x="400" y="95" width="100" height="3" rx="1.5" fill="#f59e0b"/> <!-- Main Content Cards --> <!-- Card 1: Independent Samples --> <rect x="40" y="120" width="400" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="65" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Independent T-Test</text> <text x="65" y="172" font-family="sans-serif" font-size="12" fill="#94a3b8">COMPARING UNRELATED GROUPS</text> <!-- Icon: Two Bell Curves --> <path d="M 70 260 Q 100 200 130 260" fill="none" stroke="#38bdf8" stroke-width="2" opacity="0.6"/> <path d="M 110 260 Q 140 200 170 260" fill="none" stroke="#f59e0b" stroke-width="2" opacity="0.6"/> <circle cx="100" cy="230" r="3" fill="#38bdf8"/> <circle cx="140" cy="230" r="3" fill="#f59e0b"/> <text x="190" y="210" font-family="sans-serif" font-size="13" fill="#f8fafc" width="200"> <tspan x="190" dy="0">• Subjects in Group A provide no</tspan> <tspan x="190" dy="18"> info about Group B.</tspan> <tspan x="190" dy="18">• Default: Welch's T-Test</tspan> <tspan x="190" dy="18">• Handles unequal variances.</tspan> </text> <!-- Card 2: Paired Samples --> <rect x="460" y="120" width="400" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="485" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Paired / Matched T-Test</text> <text x="485" y="172" font-family="sans-serif" font-size="12" fill="#94a3b8">RELATED SUBJECTS / REPEATED MEASURES</text> <!-- Icon: Before/After --> <circle cx="510" cy="235" r="12" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="510" y="239" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#e879f9">T1</text> <path d="M 525 235 L 555 235" stroke="#94a3b8" stroke-dasharray="4" marker-end="url(#arrow)"/> <circle cx="570" cy="235" r="12" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="570" y="239" text-anchor="middle" font-family="sans-serif" font-size="8" fill="#e879f9">T2</text> <text x="610" y="210" font-family="sans-serif" font-size="13" fill="#f8fafc"> <tspan x="610" dy="0">• Same subjects tested twice.</tspan> <tspan x="610" dy="18">• Focuses on the "Mean of</tspan> <tspan x="610" dy="18"> Differences" (μd).</tspan> <tspan x="610" dy="18">• Reduces stochastic noise.</tspan> </text> <!-- Card 3: The Welch Formula (Bottom Left) --> <rect x="40" y="320" width="400" height="200" rx="16" fill="#00000020" stroke="#38bdf840"/> <text x="65" y="350" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">The Aspin-Welch Statistic</text> <!-- Formula Visual --> <g transform="translate(100, 380)"> <text x="70" y="20" text-anchor="middle" font-family="serif" font-size="22" fill="#f8fafc">t =</text> <text x="160" y="5" text-anchor="middle" font-family="serif" font-size="18" fill="#f8fafc">(x₁ - x₂) - (μ₁ - μ₂)</text> <line x1="100" y1="12" x2="220" y2="12" stroke="#f8fafc" stroke-width="1.5"/> <text x="160" y="35" text-anchor="middle" font-family="serif" font-size="20" fill="#f8fafc">√</text> <line x1="168" y1="22" x2="215" y2="22" stroke="#f8fafc" stroke-width="1"/> <text x="185" y="42" text-anchor="middle" font-family="serif" font-size="14" fill="#f8fafc">s₁²/n₁ + s₂²/n₂</text> </g> <text x="65" y="475" font-family="sans-serif" font-size="11" fill="#94a3b8" line-height="1.4"> <tspan x="65" dy="0">Degrees of Freedom (df) are adjusted via the</tspan> <tspan x="65" dy="15">Welch-Satterthwaite equation to account for</tspan> <tspan x="65" dy="15">heteroscedasticity (unequal variances).</tspan> </text> <!-- Card 4: Decision Taxonomy (Bottom Right) --> <rect x="460" y="320" width="400" height="200" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="485" y="350" font-family="sans-serif" font-weight="700" font-size="16" fill="#f59e0b">Test Selection Logic</text> <!-- Mini Decision Tree --> <g transform="translate(485, 375)"> <rect x="0" y="0" width="80" height="25" rx="4" fill="#38bdf820" stroke="#38bdf8"/> <text x="40" y="17" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Data Type?</text> <line x1="40" y1="25" x2="40" y2="45" stroke="#94a3b8"/> <text x="100" y="55" font-family="sans-serif" font-size="10" fill="#94a3b8">Continuous (Means)</text> <text x="-30" y="55" font-family="sans-serif" font-size="10" fill="#94a3b8">Categorical (%)</text> <path d="M 40 45 L 10 70 M 40 45 L 70 70" fill="none" stroke="#94a3b8"/> <rect x="-30" y="70" width="80" height="25" rx="4" fill="#ffffff10" stroke="#ffffff30"/> <text x="10" y="87" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">2-Prop Z-Test</text> <rect x="70" y="70" width="80" height="25" rx="4" fill="#ffffff10" stroke="#ffffff30"/> <text x="110" y="87" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">T-Test</text> <line x1="110" y1="95" x2="110" y2="110" stroke="#94a3b8"/> <text x="115" y="125" font-family="sans-serif" font-size="10" fill="#94a3b8">Independent?</text> <path d="M 110 110 L 80 135 M 110 110 L 140 135" fill="none" stroke="#94a3b8"/> <text x="70" y="150" font-family="sans-serif" font-size="9" fill="#38bdf8">YES: Welch</text> <text x="135" y="150" font-family="sans-serif" font-size="9" fill="#e879f9">NO: Paired</text> </g> <!-- Footer / Status Bar --> <rect x="0" y="535" width="900" height="25" fill="#00000040"/> <text x="20" y="552" font-family="sans-serif" font-size="10" fill="#64748b" font-weight="bold">STATISTICAL INFERENCE SERIES</text> <text x="880" y="552" text-anchor="end" font-family="sans-serif" font-size="10" fill="#64748b">MODULE 04: COMPARATIVE ANALYSIS</text> <!-- Accent dots --> <circle cx="40" cy="40" r="4" fill="#f59e0b" filter="glow"/> <circle cx="60" cy="40" r="4" fill="#38bdf8" filter="glow"/> <circle cx="80" cy="40" r="4" fill="#e879f9" filter="glow"/> </svg>Hypothesis Testing with Two Samples image 1Hypothesis Testing with Two Samples - Introductory Statistics - image 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/hypothesis-testing-two-samples/svg/1Hypothesis Testing with Two Samples diagram 1Hypothesis Testing with Two Samples - Introductory Statistics - diagram 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/hypothesis-testing-two-samples/svg/2Hypothesis Testing with Two Samples diagram 2Hypothesis Testing with Two Samples - Introductory Statistics - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Definitions --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Base Layers --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">THE CHI-SQUARE DISTRIBUTION</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Backbone of Categorical Analysis &amp; Variance Testing</text> <line x1="350" y1="105" x2="550" y2="105" stroke="#38bdf8" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <!-- Panel 1: The Foundation --> <rect x="40" y="130" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="70" cy="160" r="12" fill="#38bdf8"/> <text x="90" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">FOUNDATIONS</text> <!-- Foundation Visual: Z to Chi-Sq --> <g transform="translate(60, 200)"> <rect width="220" height="80" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="110" y="30" text-anchor="middle" font-family="serif" font-size="16" fill="#f59e0b" font-style="italic">Z ~ N(0, 1)</text> <path d="M 110 40 L 110 55" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <text x="110" y="70" text-anchor="middle" font-family="serif" font-size="18" font-weight="bold" fill="#f8fafc">X = Σ Z²</text> </g> <text x="60" y="310" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="60" dy="1.4em">The distribution is formed by</tspan> <tspan x="60" dy="1.4em">summing the squares of</tspan> <tspan x="60" dy="1.4em" fill="#38bdf8" font-weight="bold">k independent standard</tspan> <tspan x="60" dy="1.4em" fill="#38bdf8" font-weight="bold">normal variables.</tspan> </text> <rect x="60" y="410" width="220" height="70" rx="8" fill="#38bdf815" stroke="#38bdf830"/> <text x="75" y="435" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">PARAMETER:</text> <text x="75" y="455" font-family="sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">Degrees of Freedom (k)</text> <!-- Panel 2: The Curves (Evolution) --> <rect x="320" y="130" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="350" cy="160" r="12" fill="#e879f9"/> <text x="370" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">THE EVOLUTION</text> <!-- Mini Graph --> <g transform="translate(340, 200)"> <!-- Axes --> <path d="M 0 120 L 220 120 M 0 120 L 0 0" stroke="#94a3b8" stroke-width="1.5" stroke-linecap="round"/> <!-- df=2 (Exponential) --> <path d="M 2 5 C 10 60, 40 110, 200 118" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="2 1"/> <text x="15" y="40" font-family="sans-serif" font-size="10" fill="#f59e0b">df=2</text> <!-- df=4 (Skewed) --> <path d="M 2 118 C 20 20, 80 40, 200 115" fill="none" stroke="#e879f9" stroke-width="2.5"/> <text x="60" y="50" font-family="sans-serif" font-size="10" fill="#e879f9">df=4</text> <!-- df=10 (Approaching Normal) --> <path d="M 2 119 C 100 119, 120 60, 150 60 C 180 60, 200 119, 215 119" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="160" y="55" font-family="sans-serif" font-size="10" fill="#38bdf8">df=10</text> </g> <text x="340" y="350" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="340" dy="1.4em">As </tspan> <tspan fill="#e879f9" font-weight="bold">df</tspan> <tspan> increases, the curve shifts</tspan> <tspan x="340" dy="1.4em">right and becomes more</tspan> <tspan x="340" dy="1.4em">symmetrical, eventually</tspan> <tspan x="340" dy="1.4em">mimicking a </tspan> <tspan fill="#38bdf8" font-weight="bold">Normal Curve.</tspan> </text> <!-- Panel 3: Applications --> <rect x="600" y="130" width="260" height="380" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <circle cx="630" cy="160" r="12" fill="#f59e0b"/> <text x="650" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc">APPLICATIONS</text> <!-- Application 1: Goodness of Fit --> <g transform="translate(620, 190)"> <rect width="220" height="60" rx="8" fill="#f59e0b10" stroke="#f59e0b30"/> <text x="10" y="20" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">GOODNESS OF FIT</text> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Does data match a model?</text> <!-- Mini Bar Chart Icon --> <rect x="160" y="15" width="8" height="30" fill="#f59e0b" opacity="0.8"/> <rect x="172" y="25" width="8" height="20" fill="#f59e0b" opacity="0.4"/> <rect x="184" y="10" width="8" height="35" fill="#f59e0b" opacity="0.8"/> </g> <!-- Application 2: Independence --> <g transform="translate(620, 265)"> <rect width="220" height="60" rx="8" fill="#38bdf810" stroke="#38bdf830"/> <text x="10" y="20" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">INDEPENDENCE TEST</text> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Are two variables related?</text> <!-- Table Icon --> <rect x="160" y="15" width="30" height="30" rx="2" fill="none" stroke="#38bdf8" stroke-width="1"/> <line x1="160" y1="25" x2="190" y2="25" stroke="#38bdf8" stroke-width="1"/> <line x1="175" y1="15" x2="175" y2="45" stroke="#38bdf8" stroke-width="1"/> </g> <!-- Formula Section --> <rect x="620" y="345" width="220" height="135" rx="8" fill="#00000020" stroke="#ffffff10"/> <text x="730" y="370" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">CORE STATISTIC</text> <text x="730" y="415" text-anchor="middle" font-family="serif" font-size="24" font-weight="bold" fill="#f8fafc" filter="url(#glow)"> χ² = Σ <tspan font-size="16" dy="-10">(O - E)²</tspan><tspan font-size="24" dx="-45" dy="10">———</tspan><tspan font-size="16" dx="-40" dy="12">E</tspan> </text> <text x="730" y="460" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">O = Observed | E = Expected</text> <!-- Footer Properties --> <g transform="translate(40, 525)"> <text x="0" y="0" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8">SUPPORT: <tspan fill="#f8fafc" font-weight="normal">[0, ∞)</tspan></text> <text x="150" y="0" font-family="sans-serif" font-size="11" font-weight="bold" fill="#e879f9">MEAN: <tspan fill="#f8fafc" font-weight="normal">k</tspan></text> <text x="280" y="0" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f59e0b">VARIANCE: <tspan fill="#f8fafc" font-weight="normal">2k</tspan></text> <text x="450" y="0" font-family="sans-serif" font-size="11" font-weight="bold" fill="#94a3b8">SKEWNESS: <tspan fill="#f8fafc" font-weight="normal">√(8/k)</tspan></text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="#e879f9" opacity="0.05"/> <circle cx="50" cy="510" r="40" fill="#38bdf8" opacity="0.05"/> </svg>The Chi-Square Distribution image 1The Chi-Square Distribution - Introductory Statistics - image 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/the-chi-square-distribution/svg/1The Chi-Square Distribution diagram 1The Chi-Square Distribution - Introductory Statistics - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">LINEAR REGRESSION &amp; CORRELATION</text> <text x="40" y="85" font-family="sans-serif" font-size="16" fill="#94a3b8" letter-spacing="1">STATISTICAL MODELING &amp; PREDICTIVE ANALYTICS</text> <rect x="40" y="100" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Main Visualization Card --> <rect x="40" y="130" width="520" height="320" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <!-- Grid Lines for Plot --> <g stroke="#94a3b830" stroke-width="1" stroke-dasharray="4 4"> <line x1="80" y1="170" x2="520" y2="170"/> <line x1="80" y1="230" x2="520" y2="230"/> <line x1="80" y1="290" x2="520" y2="290"/> <line x1="80" y1="350" x2="520" y2="350"/> <line x1="80" y1="410" x2="520" y2="410"/> </g> <!-- Axes --> <line x1="80" y1="160" x2="80" y2="410" stroke="#94a3b8" stroke-width="2"/> <line x1="80" y1="410" x2="530" y2="410" stroke="#94a3b8" stroke-width="2"/> <text x="535" y="425" font-family="sans-serif" font-size="12" fill="#94a3b8" font-weight="bold">X (Predictor)</text> <text x="60" y="150" font-family="sans-serif" font-size="12" fill="#94a3b8" font-weight="bold">Y (Outcome)</text> <!-- Residuals (Vertical Lines) --> <g stroke="#f59e0b" stroke-width="1.5" stroke-dasharray="2 2" opacity="0.6"> <line x1="120" y1="380" x2="120" y2="385"/> <line x1="180" y1="330" x2="180" y2="345"/> <line x1="240" y1="350" x2="240" y2="305"/> <line x1="300" y1="250" x2="300" y2="265"/> <line x1="360" y1="210" x2="360" y2="225"/> <line x1="420" y1="230" x2="420" y2="185"/> <line x1="480" y1="140" x2="480" y2="145"/> </g> <!-- Data Points --> <g fill="#38bdf8"> <circle cx="120" cy="380" r="5" filter="glow"/> <circle cx="180" cy="330" r="5" filter="glow"/> <circle cx="240" cy="350" r="5" filter="glow"/> <circle cx="300" cy="250" r="5" filter="glow"/> <circle cx="360" cy="210" r="5" filter="glow"/> <circle cx="420" cy="230" r="5" filter="glow"/> <circle cx="480" cy="140" r="5" filter="glow"/> </g> <!-- Regression Line --> <line x1="80" y1="412" x2="520" y2="118" stroke="#e879f9" stroke-width="4" filter="glow"/> <!-- Callout: Residuals --> <path d="M 420 205 L 450 180" stroke="#f59e0b" fill="none" stroke-width="1"/> <text x="455" y="175" font-family="sans-serif" font-size="11" fill="#f59e0b" font-weight="bold">Residual (Error)</text> <text x="455" y="188" font-family="sans-serif" font-size="10" fill="#94a3b8">y - ŷ</text> <!-- Right Panel: Correlation Coefficient --> <rect x="580" y="130" width="280" height="150" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <circle cx="615" cy="165" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="610" y="170" font-family="sans-serif" font-size="14" fill="#38bdf8" font-weight="bold">r</text> <text x="645" y="160" font-family="sans-serif" font-size="16" fill="#f8fafc" font-weight="bold">Correlation Coefficient</text> <text x="645" y="178" font-family="sans-serif" font-size="12" fill="#94a3b8">Measures Strength &amp; Direction</text> <rect x="600" y="205" width="240" height="8" rx="4" fill="#0f172a"/> <rect x="720" y="205" width="80" height="8" rx="4" fill="url(#accentGrad)"/> <text x="600" y="235" font-family="sans-serif" font-size="11" fill="#94a3b8">-1.0</text> <text x="715" y="235" font-family="sans-serif" font-size="11" fill="#f8fafc">0</text> <text x="820" y="235" font-family="sans-serif" font-size="11" fill="#94a3b8">+1.0</text> <text x="600" y="260" font-family="sans-serif" font-size="12" fill="#e879f9" font-style="italic">"How tight is the cloud?"</text> <!-- Right Panel: Regression Equation --> <rect x="580" y="300" width="280" height="150" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <path d="M 605 345 L 625 325 M 605 325 L 625 345" stroke="#e879f9" stroke-width="3" opacity="0.8"/> <text x="645" y="330" font-family="sans-serif" font-size="16" fill="#f8fafc" font-weight="bold">Least-Squares Line</text> <text x="645" y="348" font-family="sans-serif" font-size="12" fill="#94a3b8">The Predictive Model</text> <text x="605" y="395" font-family="serif" font-size="28" fill="#f8fafc">ŷ = a + bx</text> <text x="605" y="425" font-family="sans-serif" font-size="11" fill="#94a3b8">a = Intercept | b = Slope</text> <!-- Bottom: Coefficient of Determination --> <rect x="40" y="470" width="820" height="60" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="70" y="505" font-family="sans-serif" font-size="18" fill="#f59e0b" font-weight="bold">r²</text> <text x="100" y="505" font-family="sans-serif" font-size="16" fill="#f8fafc" font-weight="bold">Coefficient of Determination:</text> <text x="340" y="505" font-family="sans-serif" font-size="14" fill="#94a3b8">The proportion of variance in Y explained by the linear relationship with X.</text> <!-- Decorative Math Symbols --> <text x="800" y="80" font-family="serif" font-size="40" fill="#ffffff05" transform="rotate(15)">Σ</text> <text x="840" y="500" font-family="serif" font-size="30" fill="#ffffff05" transform="rotate(-10)">μ</text> <text x="50" y="530" font-family="serif" font-size="24" fill="#ffffff05">σ</text> </svg>Linear Regression and Correlation image 1Linear Regression and Correlation - Introductory Statistics - image 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/linear-regression-and-correlation/svg/1Linear Regression and Correlation diagram 1Linear Regression and Correlation - Introductory Statistics - diagram 1https://www.getlykke.com/explore/public/introductory-statistics-a4146afb-5db4-4b78-bb6a-8cef9d5ce9e0/media/linear-regression-and-correlation/svg/2Linear Regression and Correlation diagram 2Linear Regression and Correlation - Introductory Statistics - diagram 2https://www.getlykke.com/explore/public/calculus-i-single-variable-calculus-9ac12726-58e8-4d0b-8a4f-75a32b2484bc2026-04-20T04:39:49.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow" x="-20%" y="-20%" width="140%" height="140%"> <feGaussianBlur stdDeviation="4" result="blur" /> <feComposite in="SourceGraphic" in2="blur" operator="over" /> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">18.01 COURSE PHILOSOPHY</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8">Bridging the Symbolic Gap through the Translation Layer</text> <!-- Main Pipeline Container --> <rect x="40" y="110" width="820" height="240" rx="20" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <!-- Step 1: Phenomenon --> <g transform="translate(140, 210)"> <circle r="50" fill="#38bdf820" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Icon: Falling Object --> <circle cx="0" cy="-20" r="8" fill="#38bdf8"/> <path d="M 0 -10 L 0 20 M -5 10 L 0 20 L 5 10" stroke="#38bdf8" stroke-width="2" fill="none"/> <text y="75" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">1. PHENOMENON</text> <text y="95" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Physical Observation</text> <text y="110" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#64748b">(e.g., A balloon inflating)</text> </g> <!-- Connector 1 --> <path d="M 220 210 L 320 210" stroke="#475569" stroke-width="2" stroke-dasharray="8 4" marker-end="url(#arrow)"/> <polygon points="325,210 315,205 315,215" fill="#475569"/> <!-- Step 2: Intuition --> <g transform="translate(450, 210)"> <circle r="60" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2" filter="url(#glow)"/> <!-- Icon: Brain/Lightbulb --> <path d="M -15 -10 Q 0 -35 15 -10 Q 15 10 0 20 Q -15 10 -15 -10" fill="none" stroke="#f59e0b" stroke-width="3"/> <line x1="0" y1="20" x2="0" y2="28" stroke="#f59e0b" stroke-width="3"/> <text y="85" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">2. INTUITION</text> <text y="105" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Qualitative Description</text> <text y="120" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#64748b">"The bigger it gets, the slower it grows"</text> </g> <!-- Connector 2 --> <path d="M 580 210 L 680 210" stroke="#475569" stroke-width="2" stroke-dasharray="8 4"/> <polygon points="685,210 675,205 675,215" fill="#475569"/> <!-- Step 3: Formalization --> <g transform="translate(760, 210)"> <circle r="50" fill="#e879f920" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> <!-- Icon: Math Symbols --> <text x="0" y="10" text-anchor="middle" font-family="serif" font-style="italic" font-size="28" fill="#e879f9">dy/dx</text> <text y="75" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">3. FORMALISM</text> <text y="95" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Symbolic Representation</text> <text y="110" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#64748b">dV/dt = 4πr² (dr/dt)</text> </g> <!-- Bottom Section: Tools --> <text x="50" y="390" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">THE INTUITIVE TOOLKIT</text> <!-- Tool 1: Sketching --> <rect x="50" y="410" width="250" height="110" rx="12" fill="#ffffff10" stroke="#ffffff15"/> <path d="M 70 470 Q 100 430 130 480 T 190 440" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="200" y="440" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Visual Sketching</text> <text x="200" y="460" font-family="sans-serif" font-size="11" fill="#94a3b8">Identifying roots,</text> <text x="200" y="475" font-family="sans-serif" font-size="11" fill="#94a3b8">asymptotes, and</text> <text x="200" y="490" font-family="sans-serif" font-size="11" fill="#94a3b8">concavity manually.</text> <!-- Tool 2: Props --> <rect x="325" y="410" width="250" height="110" rx="12" fill="#ffffff10" stroke="#ffffff15"/> <circle cx="365" cy="465" r="25" fill="#f59e0b40" stroke="#f59e0b" stroke-width="2"/> <path d="M 365 440 L 365 430" stroke="#f59e0b" stroke-width="2"/> <text x="405" y="440" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Physical Props</text> <text x="405" y="460" font-family="sans-serif" font-size="11" fill="#94a3b8">Balloons for rates,</text> <text x="405" y="475" font-family="sans-serif" font-size="11" fill="#94a3b8">cakes for volumes,</text> <text x="405" y="490" font-family="sans-serif" font-size="11" fill="#94a3b8">onions for shells.</text> <!-- Tool 3: Digital --> <rect x="600" y="410" width="250" height="110" rx="12" fill="#ffffff10" stroke="#ffffff15"/> <rect x="620" y="445" width="40" height="30" rx="4" fill="none" stroke="#e879f9" stroke-width="2"/> <path d="M 625 465 L 655 465" stroke="#e879f9" stroke-width="1"/> <circle cx="645" cy="465" r="3" fill="#e879f9"/> <text x="675" y="440" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">Digital Applets</text> <text x="675" y="460" font-family="sans-serif" font-size="11" fill="#94a3b8">Interactive Riemann</text> <text x="675" y="475" font-family="sans-serif" font-size="11" fill="#94a3b8">sums and parameter</text> <text x="675" y="490" font-family="sans-serif" font-size="11" fill="#94a3b8">sweeping simulations.</text> <!-- Footer Quote --> <text x="450" y="545" text-anchor="middle" font-family="serif" font-style="italic" font-size="12" fill="#64748b">"A mathematical symbol is only as useful as the physical intuition it represents."</text> </svg>Course Philosophy and Pedagogy image 1Course Philosophy and Pedagogy - Calculus I: Single Variable Calculus - image 1https://www.getlykke.com/explore/public/calculus-i-single-variable-calculus-9ac12726-58e8-4d0b-8a4f-75a32b2484bc/media/course-philosophy-and-pedagogy/svg/1Course Philosophy and Pedagogy diagram 1Course Philosophy and Pedagogy - Calculus I: Single Variable Calculus - diagram 1https://www.getlykke.com/explore/public/calculus-i-single-variable-calculus-9ac12726-58e8-4d0b-8a4f-75a32b2484bc/media/course-philosophy-and-pedagogy/svg/2Course Philosophy and Pedagogy diagram 2Course Philosophy and Pedagogy - Calculus I: Single Variable Calculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Definitions --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Subtle Grid Pattern --> <g stroke="#ffffff08" stroke-width="1"> <path d="M 0 40 H 900 M 0 80 H 900 M 0 120 H 900 M 0 160 H 900 M 0 200 H 900 M 0 240 H 900 M 0 280 H 900 M 0 320 H 900 M 0 360 H 900 M 0 400 H 900 M 0 440 H 900 M 0 480 H 900 M 0 520 H 900"/> <path d="M 40 0 V 560 M 80 0 V 560 M 120 0 V 560 M 160 0 V 560 M 200 0 V 560 M 240 0 V 560 M 280 0 V 560 M 320 0 V 560 M 360 0 V 560 M 400 0 V 560 M 440 0 V 560 M 480 0 V 560 M 520 0 V 560 M 560 0 V 560 M 600 0 V 560 M 640 0 V 560 M 680 0 V 560 M 720 0 V 560 M 760 0 V 560 M 800 0 V 560 M 840 0 V 560"/> </g> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-1">PART 1: DIFFERENTIATION</text> <rect x="40" y="75" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <text x="40" y="100" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="400">THE MATHEMATICAL FRAMEWORK OF DYNAMIC CHANGE</text> <!-- Central Concept: The Limit Definition --> <rect x="40" y="130" width="820" height="100" rx="16" fill="#ffffff0a" stroke="#ffffff15" stroke-width="1"/> <text x="65" y="160" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-transform="uppercase">The Fundamental Definition</text> <text x="450" y="195" font-family="serif" font-size="34" fill="#f8fafc" text-anchor="middle" filter="url(#glow)"> f'(x) = <tspan font-size="20" dy="-8">lim</tspan><tspan font-size="12" dx="-25" dy="15">h→0</tspan> <tspan dx="10" dy="-7" font-size="34"> [ f(x + h) - f(x) ] / h </tspan> </text> <path d="M 330 205 H 570" stroke="#f8fafc" stroke-width="1" opacity="0.3"/> <!-- Left Panel: Geometric Interpretation --> <rect x="40" y="250" width="395" height="280" rx="16" fill="#ffffff08" stroke="#ffffff10" stroke-width="1"/> <text x="65" y="280" font-family="sans-serif" font-size="16" font-weight="bold" fill="#f59e0b">GEOMETRIC INTERPRETATION</text> <!-- Graph Illustration --> <g transform="translate(80, 480)"> <!-- Axes --> <path d="M 0 -160 V 0 H 280" stroke="#94a3b8" stroke-width="2" fill="none" stroke-linecap="round"/> <!-- Curve --> <path d="M 20 -20 Q 100 -180 260 -140" stroke="#f8fafc" stroke-width="3" fill="none"/> <!-- Secant Line --> <line x1="60" y1="-75" x2="220" y2="-150" stroke="#94a3b8" stroke-width="1.5" stroke-dasharray="4,4"/> <circle cx="60" cy="-75" r="4" fill="#94a3b8"/> <circle cx="220" cy="-150" r="4" fill="#94a3b8"/> <!-- Tangent Line --> <line x1="20" y1="-105" x2="180" y2="-185" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <circle cx="100" cy="-145" r="5" fill="#f59e0b"/> <text x="110" y="-160" font-family="sans-serif" font-size="11" fill="#f59e0b" font-weight="bold">Tangent (Instantaneous)</text> <text x="150" y="-70" font-family="sans-serif" font-size="11" fill="#94a3b8">Secant (Average)</text> </g> <!-- Right Panel: Physical Meaning --> <rect x="465" y="250" width="395" height="150" rx="16" fill="#ffffff08" stroke="#ffffff10" stroke-width="1"/> <text x="490" y="280" font-family="sans-serif" font-size="16" font-weight="bold" fill="#e879f9">PHYSICAL KINEMATICS</text> <g transform="translate(490, 310)"> <!-- Position --> <circle cx="20" cy="10" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="50" y="10" font-family="sans-serif" font-size="14" fill="#f8fafc" font-weight="bold">s(t)</text> <text x="90" y="10" font-family="sans-serif" font-size="12" fill="#94a3b8">Position</text> <!-- Arrow --> <path d="M 20 25 V 45" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrowhead)"/> <!-- Velocity --> <circle cx="20" cy="65" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <text x="50" y="65" font-family="sans-serif" font-size="14" fill="#f8fafc" font-weight="bold">v(t) = s'(t)</text> <text x="140" y="65" font-family="sans-serif" font-size="12" fill="#94a3b8">Velocity (Rate of Change)</text> <!-- Arrow --> <path d="M 20 80 V 100" stroke="#94a3b8" stroke-width="1"/> <!-- Acceleration --> <circle cx="20" cy="120" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="50" y="120" font-family="sans-serif" font-size="14" fill="#f8fafc" font-weight="bold">a(t) = v'(t)</text> <text x="140" y="120" font-family="sans-serif" font-size="12" fill="#94a3b8">Acceleration</text> </g> <!-- Bottom Right: Notation Systems --> <rect x="465" y="420" width="395" height="110" rx="16" fill="#ffffff08" stroke="#ffffff10" stroke-width="1"/> <text x="490" y="445" font-family="sans-serif" font-size="14" font-weight="bold" fill="#38bdf8">NOTATION SYSTEMS</text> <g transform="translate(490, 470)"> <g> <text x="0" y="0" font-family="serif" font-size="18" fill="#f8fafc">dy/dx</text> <text x="0" y="20" font-family="sans-serif" font-size="10" fill="#94a3b8">Leibniz</text> </g> <g transform="translate(100, 0)"> <text x="0" y="0" font-family="serif" font-size="18" fill="#f8fafc">f'(x)</text> <text x="0" y="20" font-family="sans-serif" font-size="10" fill="#94a3b8">Lagrange</text> </g> <g transform="translate(200, 0)"> <text x="0" y="0" font-family="serif" font-size="18" fill="#f8fafc">ẏ</text> <text x="0" y="20" font-family="sans-serif" font-size="10" fill="#94a3b8">Newton</text> </g> <g transform="translate(300, 0)"> <text x="0" y="0" font-family="serif" font-size="18" fill="#f8fafc">Dₓf</text> <text x="0" y="20" font-family="sans-serif" font-size="10" fill="#94a3b8">Euler</text> </g> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff10" stroke-width="2"/> <circle cx="850" cy="50" r="15" fill="#38bdf820"/> <path d="M 835 50 H 865 M 850 35 V 65" stroke="#38bdf8" stroke-width="1"/> <!-- Footer Label --> <text x="860" y="545" font-family="sans-serif" font-size="10" fill="#475569" text-anchor="end">CALCULUS SERIES: VOL 01 / DIFFERENTIATION</text> </svg>Part 1: Differentiation image 1Part 1: Differentiation - Calculus I: Single Variable Calculus - image 1https://www.getlykke.com/explore/public/calculus-i-single-variable-calculus-9ac12726-58e8-4d0b-8a4f-75a32b2484bc/media/part-1-differentiation/svg/1Part 1: Differentiation diagram 1Part 1: Differentiation - Calculus I: Single Variable Calculus - diagram 1https://www.getlykke.com/explore/public/calculus-i-single-variable-calculus-9ac12726-58e8-4d0b-8a4f-75a32b2484bc/media/part-1-differentiation/svg/2Part 1: Differentiation diagram 2Part 1: Differentiation - Calculus I: Single Variable Calculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <g stroke="#ffffff08" stroke-width="1"> <line x1="0" y1="100" x2="900" y2="100"/> <line x1="0" y1="480" x2="900" y2="480"/> <line x1="300" y1="100" x2="300" y2="480"/> <line x1="600" y1="100" x2="600" y2="480"/> </g> <!-- Header Section --> <text x="450" y="55" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="-0.5">PART 2: INTEGRATION</text> <text x="450" y="82" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="600" fill="#38bdf8" letter-spacing="3">THE ARCHITECTURE OF ACCUMULATION</text> <!-- Panel 1: The Geometry (Riemann Sums) --> <rect x="30" y="120" width="250" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="155" y="150" text-anchor="middle" font-family="sans-serif" font-size="18" font-weight="bold" fill="#f59e0b">THE RIEMANN SUM</text> <!-- Riemann Visual --> <path d="M 60 260 Q 100 180 150 220 T 250 180" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 2"/> <g fill="#38bdf844" stroke="#38bdf8"> <rect x="60" y="242" width="30" height="18"/> <rect x="90" y="208" width="30" height="52"/> <rect x="120" y="202" width="30" height="58"/> <rect x="150" y="218" width="30" height="42"/> <rect x="180" y="210" width="30" height="50"/> <rect x="210" y="190" width="30" height="70"/> </g> <text x="155" y="300" text-anchor="middle" font-family="sans-serif" font-size="13" fill="#f8fafc">Limit of Finite Sums</text> <text x="155" y="325" text-anchor="middle" font-family="sans-serif" font-size="20" font-weight="bold" fill="#f8fafc">∫ f(x) dx</text> <text x="50" y="360" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="55" dy="1.4em">• dx: Infinitesimal width</tspan> <tspan x="55" dy="1.4em">• f(x): Variable height</tspan> <tspan x="55" dy="1.4em">• ∫: Elongated "S" (Summa)</tspan> </text> <!-- Panel 2: The Mechanism (Accumulation) --> <rect x="310" y="120" width="280" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="450" y="150" text-anchor="middle" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">ACCUMULATION</text> <!-- Accumulation Visual (Water Tank Analogy) --> <rect x="400" y="180" width="100" height="80" rx="4" fill="none" stroke="#94a3b8" stroke-width="2"/> <path d="M 400 220 L 500 220 L 500 260 L 400 260 Z" fill="#38bdf866"/> <path d="M 450 165 L 450 185" stroke="#38bdf8" stroke-width="3" marker-end="url(#arrow)"/> <circle cx="450" cy="180" r="3" fill="#38bdf8"/> <text x="450" y="285" text-anchor="middle" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">F(x) = ∫[a to x] f(t) dt</text> <text x="330" y="320" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="335" dy="1.4em">The "Area So Far" function.</tspan> <tspan x="335" dy="1.4em">If f(t) is flow rate (L/s),</tspan> <tspan x="335" dy="1.4em">F(x) is total volume (L).</tspan> <tspan x="335" dy="2.4em" fill="#e879f9" font-weight="bold">DUMMY VARIABLE (t):</tspan> <tspan x="335" dy="1.4em">Placeholder that sweeps</tspan> <tspan x="335" dy="1.4em">across the interval [a, x].</tspan> </text> <!-- Panel 3: The Precision (Comparison) --> <rect x="620" y="120" width="250" height="340" rx="16" fill="#ffffff0a" stroke="#ffffff10"/> <text x="745" y="150" text-anchor="middle" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">PRECISION HIERARCHY</text> <!-- Comparison List --> <g font-family="sans-serif" font-size="12"> <!-- Left/Right --> <rect x="635" y="175" width="220" height="45" rx="8" fill="#ffffff05"/> <text x="645" y="192" fill="#f8fafc" font-weight="bold">Left/Right Sums</text> <text x="645" y="210" fill="#94a3b8">Error: O(Δx) — Basic</text> <circle cx="840" cy="195" r="5" fill="#ef4444"/> <!-- Midpoint/Trap --> <rect x="635" y="230" width="220" height="45" rx="8" fill="#ffffff05"/> <text x="645" y="247" fill="#f8fafc" font-weight="bold">Midpoint / Trapezoid</text> <text x="645" y="265" fill="#94a3b8">Error: O(Δx²) — Reliable</text> <circle cx="840" cy="250" r="5" fill="#f59e0b"/> <!-- Simpson --> <rect x="635" y="285" width="220" height="45" rx="8" fill="#ffffff05"/> <text x="645" y="302" fill="#f8fafc" font-weight="bold">Simpson's Rule</text> <text x="645" y="320" fill="#94a3b8">Error: O(Δx⁴) — Scientific</text> <circle cx="840" cy="305" r="5" fill="#22c55e"/> </g> <text x="745" y="365" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8" font-style="italic"> <tspan x="745" dy="1.2em">Higher order methods use</tspan> <tspan x="745" dy="1.2em">polynomials to fit the curve</tspan> <tspan x="745" dy="1.2em">more accurately.</tspan> </text> <!-- Footer: The Unification (FTC) --> <rect x="30" y="485" width="840" height="50" rx="12" fill="#e879f922" stroke="#e879f944"/> <text x="450" y="515" text-anchor="middle" font-family="sans-serif" font-size="16" font-weight="bold" fill="#f8fafc"> THE FUNDAMENTAL THEOREM: <tspan fill="#e879f9">d/dx [ ∫ f(t) dt ] = f(x)</tspan> </text> <!-- Decorative Elements --> <circle cx="50" cy="50" r="20" fill="#f59e0b22"/> <circle cx="850" cy="510" r="15" fill="#38bdf822"/> <path d="M 800 40 L 840 80" stroke="#ffffff11" stroke-width="8"/> <path d="M 820 40 L 860 80" stroke="#ffffff11" stroke-width="8"/> </svg>Part 2: Integration image 1Part 2: Integration - Calculus I: Single Variable Calculus - image 1https://www.getlykke.com/explore/public/calculus-i-single-variable-calculus-9ac12726-58e8-4d0b-8a4f-75a32b2484bc/media/part-2-integration/svg/1Part 2: Integration diagram 1Part 2: Integration - Calculus I: Single Variable Calculus - diagram 1https://www.getlykke.com/explore/public/calculus-i-single-variable-calculus-9ac12726-58e8-4d0b-8a4f-75a32b2484bc/media/part-2-integration/svg/2Part 2: Integration diagram 2Part 2: Integration - Calculus I: Single Variable Calculus - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10" /> </pattern> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">PART 3: COORDINATE SYSTEMS &amp; INFINITE SERIES</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE CALCULUS OF APPROXIMATION &amp; RADIAL GEOMETRY</text> <rect x="40" y="105" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Left Panel: Polar Coordinates --> <rect x="40" y="130" width="400" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">I. BEYOND THE GRID</text> <text x="60" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">Transitioning from (x, y) to (r, θ)</text> <!-- Polar Diagram --> <g transform="translate(140, 280)"> <!-- Polar Grid --> <circle r="30" fill="none" stroke="#ffffff10" stroke-width="1"/> <circle r="60" fill="none" stroke="#ffffff10" stroke-width="1"/> <circle r="90" fill="none" stroke="#ffffff10" stroke-width="1"/> <line x1="-90" y1="0" x2="90" y2="0" stroke="#ffffff10" stroke-width="1"/> <line x1="0" y1="-90" x2="0" y2="90" stroke="#ffffff10" stroke-width="1"/> <line x1="-63" y1="-63" x2="63" y2="63" stroke="#ffffff10" stroke-width="1"/> <line x1="63" y1="-63" x2="-63" y2="63" stroke="#ffffff10" stroke-width="1"/> <!-- Spiral Curve --> <path d="M0,0 C 10,-10 20,0 20,20 C 20,50 -20,60 -40,30 C -70,-10 -30,-70 30,-70 C 100,-70 110,20 60,80" fill="none" stroke="#38bdf8" stroke-width="3" stroke-linecap="round"/> <!-- Vector Label --> <line x1="0" y1="0" x2="56" y2="-56" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4"/> <circle cx="56" cy="-56" r="4" fill="#f59e0b"/> <text x="62" y="-62" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="bold">P(r, θ)</text> </g> <!-- Polar Equations Card --> <rect x="250" y="210" width="170" height="100" rx="12" fill="#0f172a" stroke="#38bdf840"/> <text x="265" y="235" font-family="serif" font-style="italic" font-size="14" fill="#f8fafc">x = r cos(θ)</text> <text x="265" y="260" font-family="serif" font-style="italic" font-size="14" fill="#f8fafc">y = r sin(θ)</text> <text x="265" y="285" font-family="serif" font-style="italic" font-size="14" fill="#f59e0b">dA = ½ r² dθ</text> <!-- Right Panel: Infinite Series --> <rect x="460" y="130" width="400" height="260" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="480" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">II. THE LOGIC OF INFINITY</text> <text x="480" y="180" font-family="sans-serif" font-size="12" fill="#94a3b8">Convergence: Does the sum exist?</text> <!-- Series Visualization --> <g transform="translate(480, 210)"> <!-- Convergence Bars --> <rect x="0" y="40" width="60" height="60" fill="#e879f9" fill-opacity="0.8"/> <rect x="65" y="60" width="40" height="40" fill="#e879f9" fill-opacity="0.6"/> <rect x="110" y="75" width="25" height="25" fill="#e879f9" fill-opacity="0.4"/> <rect x="140" y="85" width="15" height="15" fill="#e879f9" fill-opacity="0.2"/> <text x="0" y="30" font-family="serif" font-size="24" fill="#f8fafc">Σ aₙ</text> <!-- Ratio Test Box --> <rect x="180" y="10" width="180" height="110" rx="8" fill="#1e1b4b" stroke="#e879f940"/> <text x="195" y="35" font-family="sans-serif" font-weight="bold" font-size="12" fill="#e879f9">THE RATIO TEST</text> <text x="195" y="60" font-family="serif" font-size="13" fill="#f8fafc">L = lim |aₙ₊₁ / aₙ|</text> <text x="195" y="85" font-family="sans-serif" font-size="11" fill="#94a3b8">L &lt; 1 : Convergent</text> <text x="195" y="100" font-family="sans-serif" font-size="11" fill="#94a3b8">L &gt; 1 : Divergent</text> </g> <!-- Bottom Panel: Power Series --> <rect x="40" y="410" width="820" height="110" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <g transform="translate(60, 435)"> <circle cx="25" cy="25" r="25" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <path d="M15,25 L35,25 M25,15 L25,35" stroke="#f59e0b" stroke-width="2"/> <text x="70" y="20" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">POWER SERIES &amp; RADIUS OF CONVERGENCE</text> <text x="70" y="42" font-family="serif" font-size="15" fill="#94a3b8">f(x) = Σ cₙ(x - a)ⁿ = c₀ + c₁(x-a) + c₂(x-a)² + ...</text> <!-- Approximation Graphic --> <g transform="translate(550, -10)"> <path d="M0,50 Q40,0 80,50 T160,50" fill="none" stroke="#ffffff20" stroke-width="2"/> <path d="M0,55 Q40,10 80,55" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="2"/> <text x="170" y="45" font-family="sans-serif" font-size="10" fill="#f59e0b">Taylor Approximation</text> </g> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="80" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="40" fill="#e879f9" fill-opacity="0.05"/> <!-- Footer Label --> <text x="730" y="540" font-family="sans-serif" font-size="10" fill="#475569" font-weight="bold">MATHEMATICAL MATURITY SERIES • VOL. 03</text> </svg>Part 3: Coordinate Systems & Infinite Series image 1Part 3: Coordinate Systems & Infinite Series - Calculus I: Single Variable Calculus - image 1https://www.getlykke.com/explore/public/calculus-i-single-variable-calculus-9ac12726-58e8-4d0b-8a4f-75a32b2484bc/media/part-3-coordinate-systems-infinite-series/svg/1Part 3: Coordinate Systems & Infinite Series diagram 1Part 3: Coordinate Systems & Infinite Series - Calculus I: Single Variable Calculus - diagram 1https://www.getlykke.com/explore/public/calculus-i-single-variable-calculus-9ac12726-58e8-4d0b-8a4f-75a32b2484bc/media/part-3-coordinate-systems-infinite-series/svg/2Part 3: Coordinate Systems & Infinite Series diagram 2Part 3: Coordinate Systems & Infinite Series - Calculus I: Single Variable Calculus - diagram 2https://www.getlykke.com/explore/public/calculus-i-single-variable-calculus-9ac12726-58e8-4d0b-8a4f-75a32b2484bc/media/part-3-coordinate-systems-infinite-series/svg/3Part 3: Coordinate Systems & Infinite Series diagram 3Part 3: Coordinate Systems & Infinite Series - Calculus I: Single Variable Calculus - diagram 3https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a72026-04-20T04:39:12.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff05" stroke-width="1"/> </pattern> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="60" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" filter="url(#glow)">LINEAR EQUATIONS &amp; INEQUALITIES</text> <rect x="40" y="75" width="180" height="4" fill="url(#accentGrad)" rx="2"/> <text x="40" y="100" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" letter-spacing="0.5">A CONCEPTUAL MAP OF ALGEBRAIC ISOLATION AND CONSISTENCY</text> <!-- Left Panel: The Workflow --> <rect x="40" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff10" stroke-width="1"/> <text x="60" y="160" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">ALGORITHMIC PIPELINE</text> <g transform="translate(60, 190)"> <!-- Step 1 --> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="12" y="17" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">1</text> <text x="35" y="10" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">SIMPLIFY</text> <text x="35" y="25" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Distribute &amp; Clear Parentheses</text> <!-- Step 2 --> <g transform="translate(0, 55)"> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="12" y="17" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">2</text> <text x="35" y="10" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">COMBINE</text> <text x="35" y="25" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Aggregate Like Terms on Sides</text> </g> <!-- Step 3 --> <g transform="translate(0, 110)"> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="12" y="17" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">3</text> <text x="35" y="10" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">GROUP</text> <text x="35" y="25" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Variables Left, Constants Right</text> </g> <!-- Step 4 --> <g transform="translate(0, 165)"> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="12" y="17" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">4</text> <text x="35" y="10" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">ISOLATE</text> <text x="35" y="25" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Divide by Coefficient of x</text> </g> <!-- Step 5 --> <g transform="translate(0, 220)"> <circle cx="12" cy="12" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="12" y="17" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" text-anchor="middle">5</text> <text x="35" y="10" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">VERIFY</text> <text x="35" y="25" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Check Solution in Original</text> </g> <!-- Connectors --> <line x1="12" y1="24" x2="12" y2="55" stroke="#38bdf840" stroke-width="2" stroke-dasharray="4 2"/> <line x1="12" y1="79" x2="12" y2="110" stroke="#38bdf840" stroke-width="2" stroke-dasharray="4 2"/> <line x1="12" y1="134" x2="12" y2="165" stroke="#38bdf840" stroke-width="2" stroke-dasharray="4 2"/> <line x1="12" y1="189" x2="12" y2="220" stroke="#38bdf840" stroke-width="2" stroke-dasharray="4 2"/> </g> <!-- Middle Panel: Properties of Equality --> <rect x="320" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff10" stroke-width="1"/> <text x="340" y="160" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">THE BALANCE PRINCIPLE</text> <!-- Scale Icon --> <g transform="translate(450, 220)"> <path d="M -60 20 L 60 20" stroke="#f59e0b" stroke-width="3"/> <path d="M 0 20 L 0 -10" stroke="#f59e0b" stroke-width="3"/> <path d="M -15 40 L 15 40 L 0 20 Z" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <circle cx="-60" cy="35" r="15" fill="#ffffff10" stroke="#f59e0b" stroke-width="1"/> <circle cx="60" cy="35" r="15" fill="#ffffff10" stroke="#f59e0b" stroke-width="1"/> <text x="-60" y="39" font-family="serif" font-size="12" fill="#f8fafc" text-anchor="middle">L</text> <text x="60" y="39" font-family="serif" font-size="12" fill="#f8fafc" text-anchor="middle">R</text> </g> <g transform="translate(340, 310)"> <rect width="220" height="180" rx="8" fill="#00000020"/> <text x="10" y="25" font-family="monospace" font-size="13" fill="#f59e0b">If a = b, then:</text> <text x="20" y="55" font-family="monospace" font-size="12" fill="#f8fafc">a + c = b + c (Add)</text> <text x="20" y="80" font-family="monospace" font-size="12" fill="#f8fafc">a - c = b - c (Sub)</text> <text x="20" y="105" font-family="monospace" font-size="12" fill="#f8fafc">a * c = b * c (Mult)</text> <text x="20" y="130" font-family="monospace" font-size="12" fill="#f8fafc">a / c = b / c (Div)</text> <text x="10" y="165" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8" font-style="italic">* c ≠ 0 for division</text> </g> <!-- Right Panel: Solution Classification --> <rect x="600" y="130" width="260" height="390" rx="16" fill="#ffffff0a" stroke="#ffffff10" stroke-width="1"/> <text x="620" y="160" font-family="Arial, sans-serif" font-weight="bold" font-size="18" fill="#e879f9">SOLUTION SETS</text> <!-- Conditional --> <g transform="translate(620, 185)"> <rect width="220" height="60" rx="8" fill="#e879f910"/> <path d="M 10 30 L 40 30 M 25 15 L 25 45" stroke="#94a3b8" stroke-width="1"/> <path d="M 15 40 L 35 20" stroke="#e879f9" stroke-width="2"/> <path d="M 15 20 L 35 40" stroke="#38bdf8" stroke-width="2"/> <text x="55" y="25" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">CONDITIONAL</text> <text x="55" y="42" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">One Solution: x = a</text> </g> <!-- Identity --> <g transform="translate(620, 260)"> <rect width="220" height="60" rx="8" fill="#e879f910"/> <path d="M 10 30 L 40 30 M 25 15 L 25 45" stroke="#94a3b8" stroke-width="1"/> <path d="M 15 30 L 35 30" stroke="#e879f9" stroke-width="4" stroke-opacity="0.5"/> <path d="M 15 30 L 35 30" stroke="#38bdf8" stroke-width="1"/> <text x="55" y="25" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">IDENTITY</text> <text x="55" y="42" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">Infinite: All Real Numbers</text> </g> <!-- Contradiction --> <g transform="translate(620, 335)"> <rect width="220" height="60" rx="8" fill="#e879f910"/> <path d="M 10 30 L 40 30 M 25 15 L 25 45" stroke="#94a3b8" stroke-width="1"/> <path d="M 15 25 L 35 25" stroke="#e879f9" stroke-width="2"/> <path d="M 15 35 L 35 35" stroke="#38bdf8" stroke-width="2"/> <text x="55" y="25" font-family="Arial, sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">CONTRADICTION</text> <text x="55" y="42" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">No Solution: Empty Set (Ø)</text> </g> <!-- Inequality Note --> <g transform="translate(620, 415)"> <rect width="220" height="85" rx="8" fill="#38bdf815" stroke="#38bdf830"/> <text x="110" y="25" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#38bdf8" text-anchor="middle">INEQUALITY RULE</text> <text x="110" y="50" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">FLIP the sign when</text> <text x="110" y="65" font-family="Arial, sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">multiplying or dividing by a</text> <text x="110" y="80" font-family="Arial, sans-serif" font-weight="bold" font-size="12" fill="#f59e0b" text-anchor="middle">NEGATIVE NUMBER</text> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="830" cy="70" r="15" fill="none" stroke="#ffffff05" stroke-width="4"/> </svg>Linear Equations and Inequalities image 1Linear Equations and Inequalities - College Algebra - image 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/linear-equations-inequalities/svg/1Linear Equations and Inequalities diagram 1Linear Equations and Inequalities - College Algebra - diagram 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/linear-equations-inequalities/svg/2Linear Equations and Inequalities diagram 2Linear Equations and Inequalities - College Algebra - diagram 2https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/linear-forms-graphs/svg/1Linear Forms and Coordinate Geometry diagram 1Linear Forms and Coordinate Geometry - College Algebra - diagram 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/linear-forms-graphs/svg/2Linear Forms and Coordinate Geometry diagram 2Linear Forms and Coordinate Geometry - College Algebra - diagram 2https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/introduction-to-functions/svg/1Introduction to Functions diagram 1Introduction to Functions - College Algebra - diagram 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/introduction-to-functions/svg/2Introduction to Functions diagram 2Introduction to Functions - College Algebra - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Decorative Shapes --> <circle cx="850" cy="50" r="100" fill="#38bdf808"/> <path d="M-50 400 Q 150 350 300 500 T 600 450 T 950 550" stroke="#e879f910" stroke-width="2" fill="none"/> <!-- Main Title --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">QUADRATIC EXPRESSIONS &amp; FACTORING</text> <rect x="400" y="75" width="100" height="4" rx="2" fill="#f59e0b"/> <!-- Top Card: The Standard Form --> <rect x="250" y="100" width="400" height="80" rx="16" fill="#ffffff15" stroke="#ffffff20"/> <text x="450" y="125" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="600" fill="#94a3b8" text-transform="uppercase">The Standard Form</text> <text x="450" y="160" text-anchor="middle" font-family="serif" font-size="28" fill="#f8fafc"> <tspan fill="#f59e0b">a</tspan>x² + <tspan fill="#38bdf8">b</tspan>x + <tspan fill="#e879f9">c</tspan> </text> <!-- Left Panel: Expansion (Area Model) --> <rect x="40" y="200" width="400" height="220" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="60" y="230" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">1. Expansion: The Area Model</text> <text x="60" y="250" font-family="sans-serif" font-size="12" fill="#94a3b8">Visualizing (x + p)(x + q) as geometric area.</text> <!-- Area Model Diagram --> <g transform="translate(140, 270)"> <!-- Grid --> <rect x="30" y="30" width="140" height="100" fill="none" stroke="#94a3b8" stroke-width="1"/> <line x1="100" y1="30" x2="100" y2="130" stroke="#94a3b8" stroke-dasharray="4"/> <line x1="30" y1="80" x2="170" y2="80" stroke="#94a3b8" stroke-dasharray="4"/> <!-- Labels --> <text x="65" y="20" text-anchor="middle" font-family="serif" font-size="14" fill="#f8fafc">x</text> <text x="135" y="20" text-anchor="middle" font-family="serif" font-size="14" fill="#f59e0b">p</text> <text x="15" y="60" text-anchor="middle" font-family="serif" font-size="14" fill="#f8fafc">x</text> <text x="15" y="110" text-anchor="middle" font-family="serif" font-size="14" fill="#e879f9">q</text> <!-- Cell Contents --> <text x="65" y="60" text-anchor="middle" font-family="serif" font-size="14" fill="#f8fafc" font-weight="bold">x²</text> <text x="135" y="60" text-anchor="middle" font-family="serif" font-size="14" fill="#f59e0b">px</text> <text x="65" y="110" text-anchor="middle" font-family="serif" font-size="14" fill="#e879f9">qx</text> <text x="135" y="110" text-anchor="middle" font-family="serif" font-size="14" fill="#38bdf8">pq</text> </g> <!-- Right Panel: Factoring (Monic) --> <rect x="460" y="200" width="400" height="220" rx="16" fill="#ffffff10" stroke="#ffffff10"/> <text x="480" y="230" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">2. Factoring: Sum &amp; Product</text> <text x="480" y="250" font-family="sans-serif" font-size="12" fill="#94a3b8">Decomposing x² + bx + c where a = 1.</text> <g transform="translate(480, 280)"> <rect width="360" height="110" rx="8" fill="#00000020"/> <text x="180" y="35" text-anchor="middle" font-family="serif" font-size="18" fill="#f8fafc">Find <tspan fill="#38bdf8">r</tspan> and <tspan fill="#e879f9">s</tspan> such that:</text> <circle cx="100" cy="75" r="25" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="100" y="80" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc">r + s = <tspan fill="#f59e0b">b</tspan></text> <circle cx="260" cy="75" r="25" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="260" y="80" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc">r · s = <tspan fill="#f59e0b">c</tspan></text> <path d="M180 60 L 180 90" stroke="#ffffff20" stroke-width="1"/> </g> <!-- Bottom Panel: The AC Method --> <rect x="40" y="440" width="820" height="90" rx="16" fill="#ffffff15" stroke="#ffffff20"/> <text x="60" y="470" font-family="sans-serif" font-size="16" font-weight="700" fill="#e879f9">The AC Method (for a ≠ 1)</text> <g transform="translate(60, 485)"> <!-- Step 1 --> <circle cx="15" cy="15" r="12" fill="#e879f9"/> <text x="15" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a">1</text> <text x="35" y="20" font-family="sans-serif" font-size="13" fill="#f8fafc">Multiply <tspan fill="#f59e0b">a</tspan> and <tspan fill="#e879f9">c</tspan></text> <!-- Arrow --> <path d="M150 15 L 180 15" stroke="#94a3b8" stroke-width="1" marker-end="url(#arrowhead)"/> <!-- Step 2 --> <circle cx="215" cy="15" r="12" fill="#e879f9"/> <text x="215" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a">2</text> <text x="235" y="20" font-family="sans-serif" font-size="13" fill="#f8fafc">Find factors summing to <tspan fill="#38bdf8">b</tspan></text> <!-- Arrow --> <path d="M400 15 L 430 15" stroke="#94a3b8" stroke-width="1"/> <!-- Step 3 --> <circle cx="465" cy="15" r="12" fill="#e879f9"/> <text x="465" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a">3</text> <text x="485" y="20" font-family="sans-serif" font-size="13" fill="#f8fafc">Split middle term</text> <!-- Arrow --> <path d="M610 15 L 640 15" stroke="#94a3b8" stroke-width="1"/> <!-- Step 4 --> <circle cx="675" cy="15" r="12" fill="#e879f9"/> <text x="675" y="20" text-anchor="middle" font-family="sans-serif" font-size="12" font-weight="bold" fill="#0f172a">4</text> <text x="695" y="20" font-family="sans-serif" font-size="13" fill="#f8fafc">Factor by Grouping</text> </g> <!-- Footer --> <text x="860" y="545" text-anchor="end" font-family="sans-serif" font-size="10" fill="#94a3b8" font-style="italic">Algebraic Foundations Series • Section 4.2</text> </svg>Quadratic Expressions and Factoring image 1Quadratic Expressions and Factoring - College Algebra - image 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/quadratic-factoring/svg/1Quadratic Expressions and Factoring diagram 1Quadratic Expressions and Factoring - College Algebra - diagram 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/quadratic-factoring/svg/2Quadratic Expressions and Factoring diagram 2Quadratic Expressions and Factoring - College Algebra - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="34" fill="#f8fafc" letter-spacing="-1">COMPLEX NUMBERS</text> <text x="40" y="88" font-family="sans-serif" font-size="16" font-weight="400" fill="#94a3b8">The Two-Dimensional Expansion of the Number System</text> <line x1="40" y1="110" x2="860" y2="110" stroke="#ffffff15" stroke-width="1"/> <!-- Left Panel: The Imaginary Unit --> <rect x="40" y="135" width="260" height="385" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="60" y="165" font-family="sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">The Imaginary Unit (i)</text> <text x="60" y="190" font-family="sans-serif" font-size="13" fill="#94a3b8">Defined as the solution to x² = -1</text> <!-- i-Cycle Visualization --> <circle cx="170" cy="320" r="80" fill="none" stroke="#ffffff10" stroke-dasharray="4 4"/> <!-- Cycle Nodes --> <g font-family="serif" font-style="italic" font-weight="bold" text-anchor="middle"> <!-- i^1 --> <circle cx="170" cy="240" r="22" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <text x="170" y="246" font-size="18" fill="#f8fafc">i</text> <text x="170" y="215" font-family="sans-serif" font-style="normal" font-size="10" fill="#94a3b8">i¹</text> <!-- i^2 --> <circle cx="250" cy="320" r="22" fill="#1e293b" stroke="#e879f9" stroke-width="2"/> <text x="250" y="326" font-size="18" fill="#f8fafc">-1</text> <text x="285" y="324" font-family="sans-serif" font-style="normal" font-size="10" fill="#94a3b8">i²</text> <!-- i^3 --> <circle cx="170" cy="400" r="22" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <text x="170" y="406" font-size="18" fill="#f8fafc">-i</text> <text x="170" y="440" font-family="sans-serif" font-style="normal" font-size="10" fill="#94a3b8">i³</text> <!-- i^4 --> <circle cx="90" cy="320" r="22" fill="#1e293b" stroke="#e879f9" stroke-width="2"/> <text x="90" y="326" font-size="18" fill="#f8fafc">1</text> <text x="55" y="324" font-family="sans-serif" font-style="normal" font-size="10" fill="#94a3b8">i⁴</text> </g> <!-- Rotation Arrows --> <path d="M 195 255 A 50 50 0 0 1 235 295" fill="none" stroke="#64748b" stroke-width="2" marker-end="url(#arrow)"/> <text x="170" y="490" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">Cyclic Periodicity of 4</text> <!-- Center Panel: Standard Form --> <rect x="320" y="135" width="540" height="180" rx="16" fill="#ffffff10" stroke="#38bdf833"/> <text x="350" y="170" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">Standard Form: z = a + bi</text> <g transform="translate(350, 200)"> <!-- Big Formula --> <text x="0" y="50" font-family="serif" font-weight="bold" font-size="64" fill="#f8fafc"> z = <tspan fill="#38bdf8">a</tspan> + <tspan fill="#e879f9">b</tspan><tspan fill="#e879f9" font-style="italic">i</tspan> </text> <!-- Labels --> <line x1="35" y1="70" x2="15" y2="100" stroke="#38bdf8" stroke-width="1.5"/> <text x="15" y="115" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">REAL PART</text> <text x="15" y="130" font-family="sans-serif" font-size="11" fill="#94a3b8">Re(z)</text> <line x1="135" y1="70" x2="165" y2="100" stroke="#e879f9" stroke-width="1.5"/> <text x="165" y="115" font-family="sans-serif" font-size="12" fill="#e879f9" font-weight="bold">IMAGINARY PART</text> <text x="165" y="130" font-family="sans-serif" font-size="11" fill="#94a3b8">Im(z)</text> </g> <!-- Right Bottom Panel: The Complex Plane --> <rect x="320" y="335" width="260" height="185" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="340" y="365" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">The Complex Plane</text> <!-- Mini Graph --> <g transform="translate(450, 440)"> <line x1="-80" y1="0" x2="80" y2="0" stroke="#64748b" stroke-width="1"/> <line x1="0" y1="-60" x2="0" y2="40" stroke="#64748b" stroke-width="1"/> <text x="85" y="4" font-family="sans-serif" font-size="9" fill="#64748b">Re</text> <text x="0" y="-68" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#64748b">Im</text> <!-- Vector --> <line x1="0" y1="0" x2="50" y2="-40" stroke="url(#accentGrad)" stroke-width="3" filter="url(#glow)"/> <circle cx="50" cy="-40" r="4" fill="#f8fafc"/> <text x="55" y="-45" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">z(a, b)</text> <!-- Projections --> <line x1="50" y1="0" x2="50" y2="-40" stroke="#ffffff33" stroke-dasharray="2 2"/> <line x1="0" y1="-40" x2="50" y2="-40" stroke="#ffffff33" stroke-dasharray="2 2"/> </g> <!-- Far Right Panel: Conjugate & Arithmetic --> <rect x="600" y="335" width="260" height="185" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="620" y="365" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">The Conjugate</text> <g transform="translate(620, 390)"> <rect width="220" height="45" rx="8" fill="#ffffff05"/> <text x="110" y="28" text-anchor="middle" font-family="serif" font-size="20" fill="#f8fafc"> z* = a <tspan fill="#f59e0b">−</tspan> bi </text> <text x="110" y="65" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#94a3b8">Reflects across the Real Axis</text> <text x="0" y="95" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">Key Property:</text> <text x="0" y="115" font-family="serif" font-size="16" fill="#f8fafc">z · z* = a² + b²</text> <text x="0" y="132" font-family="sans-serif" font-size="11" fill="#94a3b8">Always results in a real number.</text> </g> <!-- Decorative Accent --> <circle cx="860" cy="40" r="80" fill="url(#accentGrad)" opacity="0.05"/> <circle cx="40" cy="520" r="40" fill="#38bdf8" opacity="0.1"/> </svg>Complex Numbers image 1Complex Numbers - College Algebra - image 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/complex-numbers/svg/1Complex Numbers diagram 1Complex Numbers - College Algebra - diagram 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/complex-numbers/svg/2Complex Numbers diagram 2Complex Numbers - College Algebra - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Accent Shapes --> <path d="M 0 560 L 300 560 L 0 260 Z" fill="#38bdf808"/> <circle cx="850" cy="50" r="100" fill="#e879f905"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="system-ui, sans-serif" font-weight="800" font-size="34" fill="#f8fafc" filter="url(#glow)">EXPONENTS &amp; EXPONENTIAL GROWTH</text> <text x="450" y="85" text-anchor="middle" font-family="system-ui, sans-serif" font-size="14" font-weight="500" fill="#94a3b8" letter-spacing="2">THE MATHEMATICS OF MULTIPLICATIVE SCALING</text> <line x1="350" y1="105" x2="550" y2="105" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/> <!-- Left Panel: The Laws --> <rect x="40" y="130" width="400" height="310" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="165" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#f59e0b">ALGEBRAIC AXIOMS</text> <g font-family="monospace" font-size="14" fill="#f8fafc"> <rect x="60" y="185" width="360" height="35" rx="6" fill="#ffffff05"/> <text x="75" y="208">Product Rule: aᵐ · aⁿ = aᵐ⁺ⁿ</text> <rect x="60" y="225" width="360" height="35" rx="6" fill="#ffffff05"/> <text x="75" y="248">Quotient Rule: aᵐ / aⁿ = aᵐ⁻ⁿ</text> <rect x="60" y="265" width="360" height="35" rx="6" fill="#ffffff05"/> <text x="75" y="288">Power/Power: (aᵐ)ⁿ = aᵐⁿ</text> <rect x="60" y="305" width="360" height="35" rx="6" fill="#ffffff05"/> <text x="75" y="328">Zero Power: a⁰ = 1 (a≠0)</text> <rect x="60" y="345" width="360" height="35" rx="6" fill="#ffffff05"/> <text x="75" y="368">Negative: a⁻ⁿ = 1 / aⁿ</text> </g> <text x="60" y="410" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8" font-style="italic"> "Exponentiation represents the leap from additive </text> <text x="60" y="426" font-family="system-ui, sans-serif" font-size="12" fill="#94a3b8" font-style="italic"> to multiplicative logic." </text> <!-- Right Panel: Growth Visualization --> <rect x="460" y="130" width="400" height="310" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="165" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">MITOSIS: 2ⁿ GROWTH</text> <!-- Growth Diagram --> <g transform="translate(480, 180)"> <!-- Gen 0 --> <circle cx="20" cy="80" r="12" fill="#38bdf8" fill-opacity="0.8"/> <text x="20" y="115" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">2⁰=1</text> <!-- Gen 1 --> <path d="M 35 80 L 85 50 M 35 80 L 85 110" stroke="#ffffff20" stroke-width="1"/> <circle cx="100" cy="50" r="10" fill="#38bdf8" fill-opacity="0.6"/> <circle cx="100" cy="110" r="10" fill="#38bdf8" fill-opacity="0.6"/> <text x="100" y="135" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">2¹=2</text> <!-- Gen 2 --> <path d="M 115 50 L 165 30 M 115 50 L 165 70 M 115 110 L 165 90 M 115 110 L 165 130" stroke="#ffffff20" stroke-width="1"/> <circle cx="180" cy="30" r="8" fill="#38bdf8" fill-opacity="0.4"/> <circle cx="180" cy="70" r="8" fill="#38bdf8" fill-opacity="0.4"/> <circle cx="180" cy="90" r="8" fill="#38bdf8" fill-opacity="0.4"/> <circle cx="180" cy="130" r="8" fill="#38bdf8" fill-opacity="0.4"/> <text x="180" y="155" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">2²=4</text> <!-- Gen 3 --> <g transform="translate(260, 0)"> <rect x="0" y="10" width="100" height="140" rx="8" fill="#ffffff05"/> <text x="50" y="35" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="bold">GEN 10</text> <text x="50" y="70" text-anchor="middle" font-family="monospace" font-size="22" fill="#e879f9" font-weight="bold">1,024</text> <text x="50" y="95" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">CELLS</text> <path d="M 20 110 L 80 110" stroke="#e879f9" stroke-width="2" stroke-dasharray="4 2"/> </g> </g> <!-- Bottom Panel: Radicals --> <rect x="40" y="460" width="820" height="70" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <g transform="translate(60, 475)"> <circle cx="20" cy="20" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="20" y="25" text-anchor="middle" font-family="serif" font-size="18" fill="#e879f9">√</text> <text x="50" y="25" font-family="system-ui, sans-serif" font-weight="700" font-size="16" fill="#f8fafc">RADICALS AS RATIONAL EXPONENTS</text> <text x="350" y="25" font-family="monospace" font-size="20" fill="#38bdf8">a¹/ⁿ = ⁿ√a</text> <text x="550" y="25" font-family="system-ui, sans-serif" font-size="13" fill="#94a3b8">The inverse operation of a power is its corresponding root.</text> </g> <!-- Small Detail: a^0 = 1 proof --> <g transform="translate(260, 310)"> <rect width="150" height="60" rx="8" fill="#00000030"/> <text x="10" y="20" font-family="monospace" font-size="10" fill="#94a3b8">Proof: x³/x³ = 1</text> <text x="10" y="35" font-family="monospace" font-size="10" fill="#94a3b8">By Law: x³⁻³ = x⁰</text> <text x="10" y="50" font-family="monospace" font-size="10" fill="#f59e0b">∴ x⁰ = 1</text> </g> <!-- Corner Labels --> <text x="860" y="545" text-anchor="end" font-family="sans-serif" font-size="9" fill="#ffffff20">WIKI EDUCATIONAL SERIES: UNIT 4.2</text> </svg>Exponents and Exponential Growth image 1Exponents and Exponential Growth - College Algebra - image 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/exponents-growth/svg/1Exponents and Exponential Growth diagram 1Exponents and Exponential Growth - College Algebra - diagram 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/exponents-growth/svg/2Exponents and Exponential Growth diagram 2Exponents and Exponential Growth - College Algebra - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff1a"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">RATIONAL EXPRESSIONS &amp; EQUATIONS</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE FORMAL EXTENSION OF POLYNOMIALS INTO DIVISION</text> <rect x="40" y="100" width="120" height="4" rx="2" fill="#38bdf8"/> <!-- Main Definition Card --> <rect x="40" y="130" width="380" height="140" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="65" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Anatomy</text> <text x="65" y="195" font-family="serif" font-style="italic" font-size="32" fill="#f8fafc">f(x) = </text> <line x1="145" y1="195" x2="225" y2="195" stroke="#f8fafc" stroke-width="2"/> <text x="160" y="185" font-family="serif" font-style="italic" font-size="24" fill="#e879f9">P(x)</text> <text x="160" y="225" font-family="serif" font-style="italic" font-size="24" fill="#f59e0b">Q(x)</text> <text x="245" y="210" font-family="sans-serif" font-size="13" fill="#94a3b8">Where P, Q are polynomials</text> <text x="245" y="228" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f59e0b">Constraint: Q(x) ≠ 0</text> <!-- Domain & Singularities Card --> <rect x="40" y="290" width="380" height="230" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="65" y="325" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Domain &amp; Singularities</text> <!-- Hole Visual --> <circle cx="85" cy="370" r="15" fill="none" stroke="#38bdf8" stroke-width="2"/> <line x1="60" y1="370" x2="70" y2="370" stroke="#38bdf8" stroke-width="2"/> <line x1="100" y1="370" x2="110" y2="370" stroke="#38bdf8" stroke-width="2"/> <text x="130" y="365" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Removable (Holes)</text> <text x="130" y="382" font-family="sans-serif" font-size="12" fill="#94a3b8">Factors that cancel out</text> <!-- Asymptote Visual --> <line x1="85" y1="420" x2="85" y2="470" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <path d="M 65 470 Q 70 445 80 445" fill="none" stroke="#f8fafc" stroke-width="1.5"/> <path d="M 105 420 Q 100 445 90 445" fill="none" stroke="#f8fafc" stroke-width="1.5"/> <text x="130" y="435" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Vertical Asymptotes</text> <text x="130" y="452" font-family="sans-serif" font-size="12" fill="#94a3b8">Non-removable discontinuities</text> <text x="130" y="468" font-family="sans-serif" font-size="12" fill="#94a3b8">where denominator remains zero</text> <!-- The Reduction Algorithm Card --> <rect x="440" y="130" width="420" height="240" rx="16" fill="#ffffff10" stroke="#ffffff10" stroke-width="1"/> <text x="465" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">The Reduction Algorithm</text> <!-- Step 1 --> <circle cx="480" cy="205" r="12" fill="#e879f9"/> <text x="476" y="210" font-family="sans-serif" font-weight="bold" font-size="12" fill="#0f172a">1</text> <text x="505" y="200" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Factor Completely</text> <text x="505" y="215" font-family="sans-serif" font-size="12" fill="#94a3b8">Decompose P(x) and Q(x) into irreducible factors.</text> <!-- Step 2 --> <circle cx="480" cy="250" r="12" fill="#e879f9"/> <text x="476" y="255" font-family="sans-serif" font-weight="bold" font-size="12" fill="#0f172a">2</text> <text x="505" y="245" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Restrict Domain</text> <text x="505" y="260" font-family="sans-serif" font-size="12" fill="#94a3b8">Identify all values where the original Q(x) = 0.</text> <!-- Step 3 --> <circle cx="480" cy="295" r="12" fill="#e879f9"/> <text x="476" y="300" font-family="sans-serif" font-weight="bold" font-size="12" fill="#0f172a">3</text> <text x="505" y="290" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Cancel Common Factors</text> <text x="505" y="305" font-family="sans-serif" font-size="12" fill="#94a3b8">Divide out shared terms (the "Form of One").</text> <!-- Step 4 --> <circle cx="480" cy="340" r="12" fill="#e879f9"/> <text x="476" y="345" font-family="sans-serif" font-weight="bold" font-size="12" fill="#0f172a">4</text> <text x="505" y="335" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">State Simplified Form</text> <text x="505" y="350" font-family="sans-serif" font-size="12" fill="#94a3b8">Include restrictions not visible in the final form.</text> <!-- Real World Applications --> <rect x="440" y="390" width="420" height="130" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="465" y="420" font-family="sans-serif" font-weight="700" font-size="16" fill="#38bdf8">Real-World Modeling</text> <g transform="translate(465, 440)"> <rect width="100" height="60" rx="8" fill="#ffffff08"/> <text x="50" y="25" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="11" fill="#f8fafc">FLUIDS</text> <text x="50" y="45" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Flow Rates</text> </g> <g transform="translate(580, 440)"> <rect width="100" height="60" rx="8" fill="#ffffff08"/> <text x="50" y="25" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="11" fill="#f8fafc">CIRCUITS</text> <text x="50" y="45" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Impedance</text> </g> <g transform="translate(695, 440)"> <rect width="100" height="60" rx="8" fill="#ffffff08"/> <text x="50" y="25" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="11" fill="#f8fafc">CALCULUS</text> <text x="50" y="45" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Limits</text> </g> <!-- Decorative Accents --> <circle cx="840" cy="60" r="30" fill="none" stroke="#38bdf8" stroke-width="0.5" opacity="0.5"/> <circle cx="840" cy="60" r="20" fill="none" stroke="#e879f9" stroke-width="0.5" opacity="0.5"/> <path d="M 860 40 L 880 20" stroke="#f59e0b" stroke-width="1" opacity="0.5"/> </svg>Rational Expressions and Equations image 1Rational Expressions and Equations - College Algebra - image 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/rational-expressions/svg/1Rational Expressions and Equations diagram 1Rational Expressions and Equations - College Algebra - diagram 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/rational-expressions/svg/2Rational Expressions and Equations diagram 2Rational Expressions and Equations - College Algebra - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bgGradient" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bgGradient)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="bold" letter-spacing="1">THE ANALYTIC BRIDGE</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="16" font-weight="300" text-transform="uppercase">Coordinate Geometry &amp; The Geometry of Circles</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/> <!-- Left Card: Distance Formula --> <rect x="40" y="120" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#38bdf833" stroke-width="1"/> <circle cx="75" cy="155" r="18" fill="#38bdf822"/> <path d="M 68 155 L 82 155 M 75 148 L 75 162" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="105" y="160" fill="#38bdf8" font-family="sans-serif" font-size="20" font-weight="bold">Distance Formula</text> <!-- Pythagorean Visual --> <g transform="translate(70, 200)"> <path d="M 0 80 L 100 80 L 100 0 Z" fill="#38bdf811" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <text x="50" y="95" fill="#94a3b8" font-family="sans-serif" font-size="12" text-anchor="middle">Δx = |x₂ - x₁|</text> <text x="110" y="45" fill="#94a3b8" font-family="sans-serif" font-size="12" transform="rotate(90, 110, 45)" text-anchor="middle">Δy = |y₂ - y₁|</text> <text x="40" y="35" fill="#f8fafc" font-family="serif" font-size="14" font-style="italic" transform="rotate(-38, 40, 35)">d = √[Δx² + Δy²]</text> </g> <text x="210" y="320" fill="#f8fafc" font-family="serif" font-size="18" text-anchor="middle">d = √((x₂-x₁)² + (y₂-y₁)²)</text> <text x="210" y="345" fill="#94a3b8" font-family="sans-serif" font-size="11" text-anchor="middle">Derived from the Pythagorean Theorem (a² + b² = c²)</text> <!-- Right Card: Midpoint Formula --> <rect x="460" y="120" width="400" height="240" rx="16" fill="#ffffff0a" stroke="#e879f933" stroke-width="1"/> <circle cx="495" cy="155" r="18" fill="#e879f922"/> <circle cx="495" cy="155" r="4" fill="#e879f9"/> <text x="525" y="160" fill="#e879f9" font-family="sans-serif" font-size="20" font-weight="bold">Midpoint Formula</text> <!-- Midpoint Visual --> <g transform="translate(520, 220)"> <line x1="0" y1="60" x2="180" y2="0" stroke="#94a3b8" stroke-width="2"/> <circle cx="0" cy="60" r="4" fill="#f8fafc"/> <circle cx="180" cy="0" r="4" fill="#f8fafc"/> <circle cx="90" cy="30" r="6" fill="#e879f9" filter="url(#glow)"/> <text x="-10" y="80" fill="#94a3b8" font-family="sans-serif" font-size="11" text-anchor="middle">P₁(x₁, y₁)</text> <text x="190" y="-10" fill="#94a3b8" font-family="sans-serif" font-size="11" text-anchor="middle">P₂(x₂, y₂)</text> <text x="110" y="50" fill="#e879f9" font-family="sans-serif" font-size="12" font-weight="bold">M (Average)</text> </g> <text x="660" y="320" fill="#f8fafc" font-family="serif" font-size="18" text-anchor="middle">M = ( [x₁+x₂]/2 , [y₁+y₂]/2 )</text> <text x="660" y="345" fill="#94a3b8" font-family="sans-serif" font-size="11" text-anchor="middle">The arithmetic mean of the coordinates</text> <!-- Bottom Section: Comparison & Circles --> <rect x="40" y="380" width="820" height="150" rx="16" fill="#ffffff05" stroke="#f59e0b33" stroke-width="1"/> <!-- Euclidean vs Manhattan --> <g transform="translate(70, 410)"> <text x="0" y="15" fill="#f59e0b" font-family="sans-serif" font-size="14" font-weight="bold">METRIC COMPARISON</text> <!-- Euclidean --> <g transform="translate(0, 35)"> <rect width="120" height="60" rx="8" fill="#38bdf811"/> <text x="10" y="20" fill="#38bdf8" font-family="sans-serif" font-size="11" font-weight="bold">EUCLIDEAN (L2)</text> <line x1="20" y1="45" x2="100" y2="45" stroke="#38bdf8" stroke-width="2"/> <text x="10" y="75" fill="#94a3b8" font-family="sans-serif" font-size="10">"As the crow flies"</text> </g> <!-- Manhattan --> <g transform="translate(140, 35)"> <rect width="120" height="60" rx="8" fill="#f59e0b11"/> <text x="10" y="20" fill="#f59e0b" font-family="sans-serif" font-size="11" font-weight="bold">MANHATTAN (L1)</text> <path d="M 20 45 L 60 45 L 60 30 L 100 30" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="10" y="75" fill="#94a3b8" font-family="sans-serif" font-size="10">"Taxicab geometry"</text> </g> </g> <!-- Circle Definition --> <g transform="translate(400, 400)"> <circle cx="280" cy="60" r="45" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <circle cx="280" cy="60" r="3" fill="#f59e0b"/> <line x1="280" y1="60" x2="315" y2="30" stroke="#f59e0b" stroke-width="2"/> <text x="305" y="85" fill="#f59e0b" font-family="sans-serif" font-size="14" font-weight="bold" text-anchor="middle">THE CIRCLE</text> <text x="305" y="105" fill="#94a3b8" font-family="serif" font-size="12" font-style="italic" text-anchor="middle">(x - h)² + (y - k)² = r²</text> <text x="60" y="25" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">The Locus of Points</text> <text x="60" y="45" fill="#94a3b8" font-family="sans-serif" font-size="11" width="180"> A circle is defined by the distance formula: </text> <text x="60" y="60" fill="#94a3b8" font-family="sans-serif" font-size="11"> every point (x,y) is exactly distance 'r' </text> <text x="60" y="75" fill="#94a3b8" font-family="sans-serif" font-size="11"> from the center (h,k). </text> </g> <!-- Decorative Accents --> <path d="M 850 50 L 870 50 L 870 70" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M 30 510 L 30 530 L 50 530" fill="none" stroke="#e879f9" stroke-width="2"/> </svg>Coordinate Geometry and Circles image 1Coordinate Geometry and Circles - College Algebra - image 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/coordinate-geometry-circles/svg/1Coordinate Geometry and Circles diagram 1Coordinate Geometry and Circles - College Algebra - diagram 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/coordinate-geometry-circles/svg/2Coordinate Geometry and Circles diagram 2Coordinate Geometry and Circles - College Algebra - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Shapes --> <circle cx="850" cy="50" r="80" fill="#38bdf8" fill-opacity="0.05"/> <path d="M-20 400 L150 580 L-20 580 Z" fill="#e879f9" fill-opacity="0.05"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" font-family="Arial, sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="2">POLYNOMIAL ARITHMETIC</text> <text x="450" y="85" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Algebraic Foundation of the Ring R[x]</text> <line x1="350" y1="100" x2="550" y2="100" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <!-- Left Card: Anatomy of a Polynomial --> <rect x="40" y="130" width="380" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="160" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">I. ANATOMY OF P(x)</text> <!-- Formula Illustration --> <g transform="translate(70, 210)"> <!-- a_n --> <text x="0" y="20" font-family="serif" font-size="28" fill="#f59e0b" font-weight="bold">a</text> <text x="15" y="28" font-family="serif" font-size="14" fill="#f59e0b">n</text> <!-- x^n --> <text x="35" y="20" font-family="serif" font-size="32" fill="#f8fafc">x</text> <text x="55" y="5" font-family="serif" font-size="18" fill="#e879f9">n</text> <text x="85" y="20" font-family="serif" font-size="24" fill="#94a3b8">+</text> <!-- a_n-1 --> <text x="115" y="20" font-family="serif" font-size="22" fill="#f8fafc">...</text> <text x="155" y="20" font-family="serif" font-size="24" fill="#94a3b8">+</text> <!-- a_0 --> <text x="190" y="20" font-family="serif" font-size="28" fill="#f59e0b" font-weight="bold">a</text> <text x="205" y="28" font-family="serif" font-size="14" fill="#f59e0b">0</text> <!-- Labels --> <path d="M8 35 L8 55" stroke="#f59e0b" stroke-dasharray="2,2"/> <text x="8" y="70" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">COEFFICIENT</text> <path d="M45 35 L45 55" stroke="#f8fafc" stroke-dasharray="2,2"/> <text x="45" y="70" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">VARIABLE</text> <path d="M62 -5 L80 -20" stroke="#e879f9" stroke-dasharray="2,2"/> <text x="85" y="-25" font-family="Arial, sans-serif" font-size="11" fill="#e879f9">DEGREE</text> </g> <!-- Right Card: Complexity Matrix --> <rect x="440" y="130" width="420" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="460" y="160" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#38bdf8">II. OPERATION COMPLEXITY</text> <g transform="translate(460, 185)"> <!-- Table Header --> <text x="0" y="0" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">OPERATION</text> <text x="150" y="0" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">BIG O</text> <text x="280" y="0" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">IDENTITY</text> <line x1="0" y1="8" x2="380" y2="8" stroke="#ffffff20"/> <!-- Row 1 --> <text x="0" y="30" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Addition</text> <text x="150" y="30" font-family="Courier New, monospace" font-size="14" fill="#38bdf8">O(n)</text> <text x="280" y="30" font-family="serif" font-size="14" fill="#f8fafc">0</text> <!-- Row 2 --> <text x="0" y="55" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Multiplication</text> <text x="150" y="55" font-family="Courier New, monospace" font-size="14" fill="#38bdf8">O(n²)</text> <text x="280" y="55" font-family="serif" font-size="14" fill="#f8fafc">1</text> <!-- Row 3 --> <text x="0" y="80" font-family="Arial, sans-serif" font-size="13" fill="#f8fafc">Fast Fourier (FFT)</text> <text x="150" y="80" font-family="Courier New, monospace" font-size="14" fill="#e879f9">O(n log n)</text> <text x="280" y="80" font-family="serif" font-size="14" fill="#94a3b8">—</text> </g> <!-- Bottom Card: Factoring Identities --> <rect x="40" y="330" width="820" height="190" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="360" font-family="Arial, sans-serif" font-weight="700" font-size="18" fill="#e879f9">III. ADVANCED FACTORING PATTERNS</text> <!-- Identity 1 --> <g transform="translate(80, 400)"> <rect width="220" height="80" rx="12" fill="#00000030" stroke="#f59e0b40"/> <text x="110" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8" font-weight="bold">SUM OF CUBES</text> <text x="110" y="55" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc">a³ + b³ = (a+b)(a² - ab + b²)</text> </g> <!-- Identity 2 --> <g transform="translate(340, 400)"> <rect width="220" height="80" rx="12" fill="#00000030" stroke="#38bdf840"/> <text x="110" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8" font-weight="bold">DIFFERENCE OF CUBES</text> <text x="110" y="55" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc">a³ - b³ = (a-b)(a² + ab + b²)</text> </g> <!-- Identity 3 --> <g transform="translate(600, 400)"> <rect width="220" height="80" rx="12" fill="#00000030" stroke="#e879f940"/> <text x="110" y="25" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8" font-weight="bold">PERFECT CUBE</text> <text x="110" y="55" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc">(a + b)³ = a³ + 3a²b + 3ab² + b³</text> </g> <!-- Footer / Closure Note --> <g transform="translate(450, 540)"> <circle cx="-160" cy="-5" r="4" fill="#38bdf8"/> <text x="-150" y="0" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8">CLOSURE PROPERTY: f(x), g(x) ∈ R[x] ⇒ f(x) * g(x) ∈ R[x]</text> </g> <!-- Visual Accent: Connection lines --> <path d="M420 220 Q440 220 440 220" stroke="#ffffff20" fill="none" stroke-width="2"/> <path d="M450 310 L450 330" stroke="#ffffff20" fill="none" stroke-width="2"/> </svg>Polynomial Arithmetic image 1Polynomial Arithmetic - College Algebra - image 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/polynomial-arithmetic/svg/1Polynomial Arithmetic diagram 1Polynomial Arithmetic - College Algebra - diagram 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/polynomial-arithmetic/svg/2Polynomial Arithmetic diagram 2Polynomial Arithmetic - College Algebra - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff15"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">ADVANCED FUNCTIONS &amp; COMPOSITION</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Architecture of Modular Logic and Interconnected Systems</text> <rect x="400" y="100" width="100" height="4" rx="2" fill="#38bdf8"/> <!-- Panel 1: Piecewise Functions --> <g transform="translate(50, 130)"> <rect width="385" height="185" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="20" y="35" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">01. PIECEWISE LOGIC</text> <text x="20" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8">Conditional sub-functions over disjoint domains.</text> <!-- Piecewise Graph Visual --> <g transform="translate(240, 40)"> <line x1="0" y1="100" x2="120" y2="100" stroke="#ffffff20" stroke-width="1"/> <line x1="60" y1="0" x2="60" y2="120" stroke="#ffffff20" stroke-width="1"/> <!-- Piece 1 --> <line x1="10" y1="80" x2="60" y2="80" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <circle cx="60" cy="80" r="4" fill="none" stroke="#f59e0b" stroke-width="2"/> <!-- Piece 2 --> <path d="M 60 50 Q 90 45 110 10" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <circle cx="60" cy="50" r="4" fill="#f59e0b"/> </g> <text x="20" y="90" font-family="serif" font-size="16" fill="#f8fafc">f(x) = { g₁(x) if x ∈ D₁</text> <text x="63" y="115" font-family="serif" font-size="16" fill="#f8fafc">g₂(x) if x ∈ D₂</text> <rect x="20" y="140" width="180" height="25" rx="6" fill="#f59e0b20"/> <text x="30" y="157" font-family="sans-serif" font-size="11" font-weight="600" fill="#f59e0b">THRESHOLD BEHAVIOR</text> </g> <!-- Panel 2: Absolute Value --> <g transform="translate(465, 130)"> <rect width="385" height="185" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="20" y="35" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">02. ABSOLUTE SYMMETRY</text> <text x="20" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8">Non-differentiable corners and V-shaped hulls.</text> <!-- Abs Graph Visual --> <g transform="translate(240, 40)"> <line x1="0" y1="100" x2="120" y2="100" stroke="#ffffff20" stroke-width="1"/> <line x1="60" y1="0" x2="60" y2="120" stroke="#ffffff20" stroke-width="1"/> <path d="M 20 20 L 60 100 L 100 20" fill="none" stroke="#38bdf8" stroke-width="3" filter="url(#glow)"/> <circle cx="60" cy="100" r="4" fill="#38bdf8"/> <text x="65" y="115" font-family="sans-serif" font-size="10" fill="#38bdf8">Vertex (h,k)</text> </g> <text x="20" y="95" font-family="serif" font-size="18" fill="#f8fafc">g(x) = a|x - h| + k</text> <g transform="translate(20, 120)"> <text x="0" y="15" font-family="sans-serif" font-size="11" fill="#94a3b8">• a: Stretch &amp; Reflection</text> <text x="0" y="35" font-family="sans-serif" font-size="11" fill="#94a3b8">• (h, k): Translation</text> </g> </g> <!-- Panel 3: Function Composition --> <g transform="translate(50, 345)"> <rect width="385" height="185" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="20" y="35" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">03. COMPOSITION CHAIN</text> <text x="20" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8">The output of one becomes the input of another.</text> <!-- Composition Visual --> <g transform="translate(40, 90)"> <rect x="0" y="0" width="60" height="40" rx="8" fill="#ffffff10" stroke="#e879f9" stroke-width="2"/> <text x="30" y="25" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc">g(x)</text> <path d="M 65 20 L 105 20" stroke="#e879f9" stroke-width="2" marker-end="url(#arrow)"/> <polygon points="105,20 95,15 95,25" fill="#e879f9"/> <rect x="110" y="0" width="60" height="40" rx="8" fill="#ffffff10" stroke="#e879f9" stroke-width="2"/> <text x="140" y="25" text-anchor="middle" font-family="serif" font-size="16" fill="#f8fafc">f(u)</text> <path d="M 175 20 L 215 20" stroke="#e879f9" stroke-width="2"/> <polygon points="215,20 205,15 205,25" fill="#e879f9"/> <text x="225" y="25" font-family="serif" font-size="16" fill="#f8fafc">f(g(x))</text> </g> <text x="20" y="160" font-family="sans-serif" font-size="11" fill="#94a3b8">Notation: (f ∘ g)(x) — read as "f of g of x"</text> </g> <!-- Panel 4: Inverses --> <g transform="translate(465, 345)"> <rect width="385" height="185" rx="16" fill="url(#cardGrad)" stroke="#ffffff10" stroke-width="1"/> <text x="20" y="35" font-family="sans-serif" font-weight="700" font-size="18" fill="#2dd4bf">04. INVERSE VERIFICATION</text> <text x="20" y="55" font-family="sans-serif" font-size="12" fill="#94a3b8">Reflection across the identity line y = x.</text> <!-- Inverse Graph Visual --> <g transform="translate(240, 40)"> <line x1="0" y1="100" x2="120" y2="100" stroke="#ffffff20" stroke-width="1"/> <line x1="60" y1="0" x2="60" y2="120" stroke="#ffffff20" stroke-width="1"/> <!-- y=x line --> <line x1="20" y1="110" x2="100" y2="30" stroke="#ffffff40" stroke-width="1" stroke-dasharray="4"/> <!-- f(x) --> <path d="M 60 100 Q 80 100 110 40" fill="none" stroke="#2dd4bf" stroke-width="3" filter="url(#glow)"/> <!-- f-1(x) --> <path d="M 60 100 Q 60 80 120 50" fill="none" stroke="#2dd4bf" stroke-width="3" stroke-opacity="0.5"/> </g> <text x="20" y="95" font-family="serif" font-size="16" fill="#f8fafc">f(f⁻¹(x)) = x</text> <g transform="translate(20, 120)"> <text x="0" y="15" font-family="sans-serif" font-size="11" fill="#94a3b8">• Must be One-to-One</text> <text x="0" y="35" font-family="sans-serif" font-size="11" fill="#94a3b8">• Domain/Range Swap</text> </g> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="20" fill="#e879f910" stroke="#e879f940" stroke-width="1"/> <circle cx="850" cy="50" r="10" fill="#e879f920"/> <path d="M 50 530 L 850 530" stroke="#ffffff10" stroke-width="1"/> <text x="450" y="545" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#475569" letter-spacing="2">MATHEMATICAL ARCHITECTURE SERIES • VOL IV</text> </svg>Advanced Functions and Composition image 1Advanced Functions and Composition - College Algebra - image 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/advanced-functions-composition/svg/1Advanced Functions and Composition diagram 1Advanced Functions and Composition - College Algebra - diagram 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/advanced-functions-composition/svg/2Advanced Functions and Composition diagram 2Advanced Functions and Composition - College Algebra - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <!-- Background and Definitions --> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Base Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">THE ANATOMY OF FUNCTION TRANSFORMATIONS</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">Mapping the Parent Function: g(x) = a · f(b(x - h)) + k</text> <!-- Central Formula Card --> <rect x="150" y="100" width="600" height="100" rx="20" fill="#ffffff10" stroke="#ffffff20" stroke-width="1"/> <text x="450" y="165" text-anchor="middle" font-family="serif" font-size="48" font-weight="bold" fill="#f8fafc"> g(x) = <tspan fill="#e879f9">a</tspan> · f(<tspan fill="#38bdf8">b</tspan>(x - <tspan fill="#f59e0b">h</tspan>)) + <tspan fill="#10b981">k</tspan> </text> <!-- Left Column: External (Output) --> <g transform="translate(50, 220)"> <rect width="385" height="140" rx="16" fill="#ffffff08" stroke="#e879f940" stroke-width="1"/> <text x="20" y="30" font-family="sans-serif" font-weight="bold" font-size="18" fill="#e879f9">EXTERNAL OPERATORS (Y-AXIS)</text> <text x="20" y="55" font-family="sans-serif" font-size="13" fill="#94a3b8">Affects the output values directly. Intuitive behavior.</text> <!-- Parameter a --> <circle cx="35" cy="85" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="35" y="90" text-anchor="middle" font-family="serif" font-weight="bold" font-size="14" fill="#e879f9">a</text> <text x="55" y="85" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Vertical Dilation &amp; Reflection</text> <text x="55" y="100" font-family="sans-serif" font-size="11" fill="#94a3b8">|a| &gt; 1: Stretch | |a| &lt; 1: Compress | a &lt; 0: Flip over X</text> <!-- Parameter k --> <circle cx="35" cy="120" r="12" fill="#10b98120" stroke="#10b981" stroke-width="2"/> <text x="35" y="125" text-anchor="middle" font-family="serif" font-weight="bold" font-size="14" fill="#10b981">k</text> <text x="55" y="120" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Vertical Translation (Shift)</text> <text x="55" y="135" font-family="sans-serif" font-size="11" fill="#94a3b8">+k: Moves UP | -k: Moves DOWN</text> </g> <!-- Right Column: Internal (Input) --> <g transform="translate(465, 220)"> <rect width="385" height="140" rx="16" fill="#ffffff08" stroke="#38bdf840" stroke-width="1"/> <text x="20" y="30" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">INTERNAL OPERATORS (X-AXIS)</text> <text x="20" y="55" font-family="sans-serif" font-size="13" fill="#94a3b8">Affects input before function evaluation. Inverse behavior.</text> <!-- Parameter b --> <circle cx="35" cy="85" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="35" y="90" text-anchor="middle" font-family="serif" font-weight="bold" font-size="14" fill="#38bdf8">b</text> <text x="55" y="85" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Horizontal Dilation &amp; Reflection</text> <text x="55" y="100" font-family="sans-serif" font-size="11" fill="#94a3b8">|b| &gt; 1: Compress | |b| &lt; 1: Stretch | b &lt; 0: Flip over Y</text> <!-- Parameter h --> <circle cx="35" cy="120" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <text x="35" y="125" text-anchor="middle" font-family="serif" font-weight="bold" font-size="14" fill="#f59e0b">h</text> <text x="55" y="120" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">Horizontal Translation (Shift)</text> <text x="55" y="135" font-family="sans-serif" font-size="11" fill="#94a3b8">(x - 3): Moves RIGHT | (x + 3): Moves LEFT</text> </g> <!-- Bottom Visual Comparison --> <g transform="translate(50, 380)"> <rect width="800" height="150" rx="16" fill="#ffffff05" stroke="#ffffff10" stroke-width="1"/> <!-- Mini Graph --> <g transform="translate(60, 75)"> <!-- Axes --> <line x1="-40" y1="0" x2="180" y2="0" stroke="#94a3b8" stroke-width="1" stroke-dasharray="2,2"/> <line x1="0" y1="-50" x2="0" y2="50" stroke="#94a3b8" stroke-width="1" stroke-dasharray="2,2"/> <!-- Parent Function (x^2) --> <path d="M -30 45 Q 0 0 30 45" fill="none" stroke="#94a3b8" stroke-width="2" opacity="0.5"/> <text x="35" y="55" font-family="serif" font-size="10" fill="#94a3b8">f(x) = x²</text> <!-- Transformed Function --> <path d="M 70 25 Q 100 -20 130 25" fill="none" stroke="#f59e0b" stroke-width="3" filter="url(#glow)"/> <circle cx="100" cy="-20" r="4" fill="#10b981"/> <text x="110" y="-25" font-family="serif" font-size="12" font-weight="bold" fill="#f8fafc">g(x) = -0.5(x - 100)² + 20</text> <!-- Arrows --> <path d="M 5 0 L 90 0" fill="none" stroke="#f59e0b" stroke-width="1" marker-end="url(#arrow)"/> <path d="M 100 0 L 100 -15" fill="none" stroke="#10b981" stroke-width="1" marker-end="url(#arrow)"/> </g> <!-- Summary Text --> <g transform="translate(350, 30)"> <text x="0" y="0" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">THE COUNTER-INTUITIVE PRINCIPLE</text> <text x="0" y="25" font-family="sans-serif" font-size="13" fill="#94a3b8" width="400"> Internal changes (inside the parentheses) act <tspan fill="#f59e0b" font-weight="bold">inversely</tspan> to the operation. </text> <rect x="0" y="45" width="420" height="60" rx="8" fill="#00000030"/> <text x="15" y="65" font-family="sans-serif" font-size="12" fill="#f8fafc">• Adding <tspan fill="#f59e0b">h</tspan> moves the graph <tspan font-weight="bold">Left</tspan>, Subtracting moves it <tspan font-weight="bold">Right</tspan>.</text> <text x="15" y="85" font-family="sans-serif" font-size="12" fill="#f8fafc">• Multiplying by <tspan fill="#38bdf8">b &gt; 1</tspan> <tspan font-weight="bold">Shrinks</tspan> the graph horizontally.</text> </g> </g> <!-- Markers --> <defs> <marker id="arrow" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"> <path d="M 0 0 L 10 5 L 0 10 z" fill="context-fill" /> </marker> </defs> </svg>Function Transformations image 1Function Transformations - College Algebra - image 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/function-transformations/svg/1Function Transformations diagram 1Function Transformations - College Algebra - diagram 1https://www.getlykke.com/explore/public/college-algebra-24ddef04-2a28-48d8-bab2-8ab5d7d2b5a7/media/function-transformations/svg/2Function Transformations diagram 2Function Transformations - College Algebra - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">RATIONAL EXPONENTS &amp; RADICALS</text> <rect x="350" y="65" width="200" height="2" fill="url(#accentGrad)"/> <text x="450" y="88" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2">THE UNIFICATION OF POWERS AND ROOTS</text> <!-- Central Theorem Card --> <rect x="230" y="120" width="440" height="130" rx="20" fill="#ffffff10" stroke="#ffffff20" stroke-width="1"/> <text x="450" y="150" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#38bdf8">THE RATIONAL EXPONENT THEOREM</text> <!-- Math Formula: a^(m/n) = n-root(a^m) --> <g font-family="serif" fill="#f59e0b" filter="url(#glow)"> <text x="360" y="205" font-size="48">a</text> <text x="385" y="185" font-size="22">m/n</text> <text x="435" y="205" font-size="42" fill="#f8fafc">=</text> <text x="485" y="185" font-size="20">n</text> <path d="M 500 210 L 510 210 L 525 170 L 590 170" fill="none" stroke="#f59e0b" stroke-width="3"/> <text x="530" y="205" font-size="40">a</text> <text x="555" y="185" font-size="20">m</text> </g> <text x="450" y="235" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8">Where n &gt; 0 and a is a real number</text> <!-- Left Panel: Notation Comparison --> <rect x="40" y="270" width="390" height="250" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="65" y="305" font-family="sans-serif" font-weight="bold" font-size="18" fill="#e879f9">Laws of Exponents</text> <g font-family="sans-serif" font-size="13"> <!-- Header --> <text x="65" y="335" fill="#94a3b8" font-weight="bold">Property</text> <text x="200" y="335" fill="#94a3b8" font-weight="bold">Rational Notation</text> <line x1="65" y1="345" x2="410" y2="345" stroke="#ffffff20" stroke-width="1"/> <!-- Row 1 --> <text x="65" y="375" fill="#f8fafc">Product</text> <text x="200" y="375" fill="#f8fafc">a¹/ⁿ · b¹/ⁿ = (ab)¹/ⁿ</text> <!-- Row 2 --> <text x="65" y="415" fill="#f8fafc">Quotient</text> <text x="200" y="415" fill="#f8fafc">a¹/ⁿ / b¹/ⁿ = (a/b)¹/ⁿ</text> <!-- Row 3 --> <text x="65" y="455" fill="#f8fafc">Power</text> <text x="200" y="455" fill="#f8fafc">(a¹/ⁿ)¹/ᵐ = a¹/ⁿᵐ</text> <!-- Row 4 --> <text x="65" y="495" fill="#f8fafc">Negative</text> <text x="200" y="495" fill="#f8fafc">a⁻¹/ⁿ = 1 / a¹/ⁿ</text> </g> <!-- Right Panel: Solving Pipeline --> <rect x="470" y="270" width="390" height="250" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="495" y="305" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">The Solving Pipeline</text> <g font-family="sans-serif"> <!-- Step 1 --> <circle cx="510" cy="345" r="12" fill="#38bdf8"/> <text x="510" y="350" text-anchor="middle" font-size="12" font-weight="bold" fill="#0f172a">1</text> <text x="535" y="342" font-size="14" font-weight="bold" fill="#f8fafc">ISOLATE</text> <text x="535" y="358" font-size="12" fill="#94a3b8">Move the radical to one side of the equation.</text> <!-- Step 2 --> <circle cx="510" cy="390" r="12" fill="#38bdf8"/> <text x="510" y="395" text-anchor="middle" font-size="12" font-weight="bold" fill="#0f172a">2</text> <text x="535" y="387" font-size="14" font-weight="bold" fill="#f8fafc">RAISE</text> <text x="535" y="403" font-size="12" fill="#94a3b8">Raise both sides to the power of the index.</text> <!-- Step 3 --> <circle cx="510" cy="435" r="12" fill="#38bdf8"/> <text x="510" y="440" text-anchor="middle" font-size="12" font-weight="bold" fill="#0f172a">3</text> <text x="535" y="432" font-size="14" font-weight="bold" fill="#f8fafc">SOLVE</text> <text x="535" y="448" font-size="12" fill="#94a3b8">Solve the resulting linear or quadratic eq.</text> <!-- Step 4 --> <circle cx="510" cy="480" r="12" fill="#f59e0b"/> <text x="510" y="485" text-anchor="middle" font-size="12" font-weight="bold" fill="#0f172a">4</text> <text x="535" y="477" font-size="14" font-weight="bold" fill="#f8fafc">VERIFY</text> <text x="535" y="493" font-size="12" fill="#94a3b8">Check for extraneous solutions (false roots).</text> </g> <!-- Decorative Accents --> <path d="M 40 100 L 200 100" stroke="url(#accentGrad)" stroke-width="1" stroke-dasharray="4 4"/> <path d="M 700 100 L 860 100" stroke="url(#accentGrad)" stroke-width="1" stroke-dasharray="4 4"/> <circle cx="40" cy="100" r="3" fill="#38bdf8"/> <circle cx="860" cy="100" r="3" fill="#e879f9"/> <!-- Small Info Tags --> <rect x="750" y="20" width="110" height="24" rx="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="805" y="36" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="bold" fill="#38bdf8">ALGEBRA II / STEM</text> </svg>Rational Exponents and Radicals image 1Rational Exponents and Radicals - College Algebra - image 1https://www.getlykke.com/explore/public/pedagogical-overview-of-openstax-college-algebra-1e489698-049b-41e4-aece-129b8441d18d2026-04-20T04:39:10.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="-0.5">THE ARCHITECTURE OF OPEN KNOWLEDGE</text> <text x="450" y="75" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="16" font-weight="600" letter-spacing="2">OER FRAMEWORKS &amp; QUALITY ASSURANCE</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" opacity="0.5"/> <!-- Left Panel: The 5R Framework --> <rect x="30" y="110" width="260" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="50" y="145" fill="#f59e0b" font-family="sans-serif" font-size="18" font-weight="bold">THE 5R PERMISSIONS</text> <g transform="translate(50, 170)"> <!-- R1 --> <circle cx="15" cy="15" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="15" y="20" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="12" font-weight="bold">1</text> <text x="40" y="15" fill="#f8fafc" font-family="sans-serif" font-size="15" font-weight="bold">RETAIN</text> <text x="40" y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">Make, own, and control copies.</text> <!-- R2 --> <g transform="translate(0, 55)"> <circle cx="15" cy="15" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="15" y="20" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="12" font-weight="bold">2</text> <text x="40" y="15" fill="#f8fafc" font-family="sans-serif" font-size="15" font-weight="bold">REUSE</text> <text x="40" y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">Use in class, website, or video.</text> </g> <!-- R3 --> <g transform="translate(0, 110)"> <circle cx="15" cy="15" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="15" y="20" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="12" font-weight="bold">3</text> <text x="40" y="15" fill="#f8fafc" font-family="sans-serif" font-size="15" font-weight="bold">REVISE</text> <text x="40" y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">Adapt, adjust, or modify content.</text> </g> <!-- R4 --> <g transform="translate(0, 165)"> <circle cx="15" cy="15" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="15" y="20" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="12" font-weight="bold">4</text> <text x="40" y="15" fill="#f8fafc" font-family="sans-serif" font-size="15" font-weight="bold">REMIX</text> <text x="40" y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">Combine with other materials.</text> </g> <!-- R5 --> <g transform="translate(0, 220)"> <circle cx="15" cy="15" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="15" y="20" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="12" font-weight="bold">5</text> <text x="40" y="15" fill="#f8fafc" font-family="sans-serif" font-size="15" font-weight="bold">REDISTRIBUTE</text> <text x="40" y="32" fill="#94a3b8" font-family="sans-serif" font-size="11">Share copies with others.</text> </g> </g> <!-- Middle Panel: Peer Review Pipeline --> <rect x="310" y="110" width="280" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="330" y="145" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="bold">QUALITY PIPELINE</text> <g transform="translate(330, 170)"> <!-- Step 1 --> <rect width="240" height="50" rx="8" fill="#ffffff10" stroke="#e879f9" stroke-dasharray="4 2"/> <text x="10" y="22" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">1. SME Recruitment</text> <text x="10" y="38" fill="#94a3b8" font-family="sans-serif" font-size="11">Verified credentialed experts.</text> <!-- Arrow --> <path d="M120 50 L120 65" stroke="#e879f9" stroke-width="2" marker-end="url(#arrowhead)"/> <!-- Step 2 --> <g transform="translate(0, 75)"> <rect width="240" height="50" rx="8" fill="#ffffff10" stroke="#e879f9"/> <text x="10" y="22" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">2. Blind Peer Review</text> <text x="10" y="38" fill="#94a3b8" font-family="sans-serif" font-size="11">Anonymized pedagogical audit.</text> </g> <!-- Step 3 --> <g transform="translate(0, 150)"> <rect width="240" height="50" rx="8" fill="#ffffff10" stroke="#e879f9"/> <text x="10" y="22" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">3. DEI &amp; Context Audit</text> <text x="10" y="38" fill="#94a3b8" font-family="sans-serif" font-size="11">Global inclusivity check.</text> </g> <!-- Step 4 --> <g transform="translate(0, 225)"> <rect width="240" height="50" rx="8" fill="#ffffff10" stroke="#e879f9" stroke-width="2"/> <text x="10" y="22" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="bold">4. Mathematical Verification</text> <text x="10" y="38" fill="#94a3b8" font-family="sans-serif" font-size="11">Independent check-author solving.</text> </g> <!-- Formula Box --> <g transform="translate(0, 300)"> <rect width="240" height="45" rx="8" fill="#38bdf815" stroke="#38bdf850"/> <text x="120" y="28" text-anchor="middle" fill="#38bdf8" font-family="serif" font-size="16" font-style="italic">P(error) = pⁿ &lt; 0.3%</text> </g> </g> <!-- Right Panel: Continuous Integration --> <rect x="610" y="110" width="260" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="630" y="145" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="bold">LIVING DOCUMENT</text> <g transform="translate(740, 280)"> <!-- Circular Workflow --> <circle r="80" fill="none" stroke="#38bdf830" stroke-width="1" stroke-dasharray="5 5"/> <circle r="40" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text y="5" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">GOLD</text> <text y="20" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">MASTER</text> <!-- Feedback Nodes --> <g transform="rotate(-60) translate(80, 0)"> <circle r="15" fill="#1e1b4b" stroke="#38bdf8" stroke-width="2"/> <path d="M-5 0 L5 0 M0 -5 L0 5" stroke="#38bdf8" stroke-width="2"/> </g> <text x="740" y="200" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">Errata Submission</text> <g transform="rotate(60) translate(80, 0)"> <circle r="15" fill="#1e1b4b" stroke="#38bdf8" stroke-width="2"/> <path d="M-5 -2 L0 3 L5 -2" fill="none" stroke="#38bdf8" stroke-width="2"/> </g> <text x="740" y="375" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="12" font-weight="bold">SME Verification</text> <g transform="rotate(180) translate(80, 0)"> <circle r="15" fill="#1e1b4b" stroke="#38bdf8" stroke-width="2"/> <path d="M-4 -4 L4 4 M-4 4 L4 -4" stroke="#38bdf8" stroke-width="2"/> </g> <text x="645" y="285" text-anchor="end" fill="#94a3b8" font-family="sans-serif" font-size="11">Continuous</text> <text x="645" y="300" text-anchor="end" fill="#94a3b8" font-family="sans-serif" font-size="11">Updates</text> </g> <text x="740" y="440" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">Unlike static print editions,</text> <text x="740" y="458" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="12" font-style="italic">OER evolves in real-time.</text> <!-- Footer --> <rect x="30" y="540" width="840" height="1" fill="#ffffff20"/> <text x="30" y="555" fill="#64748b" font-family="sans-serif" font-size="10">OPENSTAX COLLEGE ALGEBRA 2E • TECHNICAL INFRASTRUCTURE OVERVIEW • CC BY 4.0</text> </svg>Open Educational Resources and Peer Review image 1Open Educational Resources and Peer Review - Pedagogical Overview of OpenStax College Algebra 2e - image 1https://www.getlykke.com/explore/public/pedagogical-overview-of-openstax-college-algebra-1e489698-049b-41e4-aece-129b8441d18d/media/oer-and-peer-review/svg/1Open Educational Resources and Peer Review diagram 1Open Educational Resources and Peer Review - Pedagogical Overview of OpenStax College Algebra 2e - diagram 1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2.5" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" text-anchor="middle" letter-spacing="1">MODULAR COURSE ARCHITECTURE</text> <text x="450" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle" font-style="italic">Deconstructing the Pedagogical Monolith into Interoperable Knowledge Units</text> <rect x="400" y="100" width="100" height="4" rx="2" fill="#f59e0b"/> <!-- Left Side: The Monolith --> <rect x="40" y="130" width="380" height="200" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#94a3b8">TRADITIONAL MONOLITH</text> <!-- Monolith Graphic --> <rect x="70" y="180" width="120" height="130" rx="4" fill="#334155" stroke="#475569"/> <line x1="70" y1="210" x2="190" y2="210" stroke="#475569" stroke-width="1"/> <line x1="70" y1="240" x2="190" y2="240" stroke="#475569" stroke-width="1"/> <line x1="70" y1="270" x2="190" y2="270" stroke="#475569" stroke-width="1"/> <text x="130" y="250" font-family="serif" font-size="40" fill="#1e293b" text-anchor="middle" font-weight="bold">TOME</text> <g font-family="sans-serif" font-size="12" fill="#94a3b8"> <text x="210" y="195">• Rigid Linear Pathing (A → B)</text> <text x="210" y="220">• Fixed Sequence Editions</text> <text x="210" y="245">• Implicit Prerequisites</text> <text x="210" y="270">• Proprietary / Locked Ecosystem</text> <text x="210" y="295">• "One-Size-Fits-All" Model</text> </g> <!-- Right Side: The Modular DAG --> <rect x="480" y="130" width="380" height="200" rx="16" fill="#ffffff10" stroke="#38bdf844"/> <text x="500" y="160" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">MODULAR ECOSYSTEM</text> <!-- DAG Visualization --> <g transform="translate(510, 180)"> <!-- Nodes --> <circle cx="20" cy="60" r="12" fill="#38bdf8" filter="url(#glow)"/> <circle cx="80" cy="20" r="12" fill="#e879f9" filter="url(#glow)"/> <circle cx="80" cy="100" r="12" fill="#f59e0b" filter="url(#glow)"/> <circle cx="140" cy="60" r="12" fill="#38bdf8" filter="url(#glow)"/> <!-- Connections --> <path d="M 32 55 L 68 25" stroke="#ffffff44" stroke-width="2" fill="none"/> <path d="M 32 65 L 68 95" stroke="#ffffff44" stroke-width="2" fill="none"/> <path d="M 92 25 L 128 55" stroke="#ffffff44" stroke-width="2" fill="none"/> <path d="M 92 95 L 128 65" stroke="#ffffff44" stroke-width="2" fill="none"/> </g> <g font-family="sans-serif" font-size="12" fill="#f8fafc"> <text x="680" y="195">• Directed Acyclic Graph (DAG)</text> <text x="680" y="220">• Surgical Remediation</text> <text x="680" y="245">• Instructor-Led Reordering</text> <text x="680" y="270">• Open / Interoperable (OER)</text> <text x="680" y="295">• Continuous Update Cycle</text> </g> <!-- Bottom Section: The Functional Core --> <text x="40" y="375" font-family="sans-serif" font-weight="700" font-size="20" fill="#f8fafc">THE FUNCTIONAL CORE</text> <line x1="40" y1="385" x2="860" y2="385" stroke="#ffffff15" stroke-width="1"/> <!-- Module 1 --> <rect x="40" y="405" width="195" height="120" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="65" cy="430" r="10" fill="#38bdf8"/> <text x="85" y="435" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Linear Functions</text> <text x="60" y="465" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="60" dy="0">Foundations of rate of</tspan> <tspan x="60" dy="16">change and proportional</tspan> <tspan x="60" dy="16">reasoning.</tspan> </text> <!-- Module 2 --> <rect x="251" y="405" width="195" height="120" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <rect x="270" y="420" width="18" height="18" rx="4" fill="#e879f9"/> <text x="296" y="435" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Polynomials</text> <text x="271" y="465" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="271" dy="0">Higher-degree relations</tspan> <tspan x="271" dy="16">and complex asymptotic</tspan> <tspan x="271" dy="16">behaviors.</tspan> </text> <!-- Module 3 --> <rect x="462" y="405" width="195" height="120" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <path d="M 480 435 L 490 420 L 500 435 Z" fill="#f59e0b"/> <text x="507" y="435" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Exponentials</text> <text x="482" y="465" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="482" dy="0">Modeling growth, decay,</tspan> <tspan x="482" dy="16">and logarithmic inverse</tspan> <tspan x="482" dy="16">operations.</tspan> </text> <!-- Module 4 --> <rect x="673" y="405" width="187" height="120" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <path d="M 690 420 H 705 V 435 H 690 Z" fill="#10b981"/> <text x="715" y="435" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">Systems</text> <text x="693" y="465" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="693" dy="0">Multi-variable modeling</tspan> <tspan x="693" dy="16">and optimization of</tspan> <tspan x="693" dy="16">complex inequalities.</tspan> </text> <!-- Footer / Metadata --> <text x="860" y="545" font-family="monospace" font-size="10" fill="#475569" text-anchor="end">ALGEBRA_2E // MODULAR_CORE_v2.0</text> <circle cx="40" cy="542" r="3" fill="#38bdf8"/> <text x="50" y="545" font-family="sans-serif" font-size="10" fill="#475569">DYNAMIC SYSTEM STATUS: ACTIVE</text> </svg>Modular Course Structure image 1Modular Course Structure - Pedagogical Overview of OpenStax College Algebra 2e - image 1https://www.getlykke.com/explore/public/pedagogical-overview-of-openstax-college-algebra-1e489698-049b-41e4-aece-129b8441d18d/media/modular-course-design/svg/1Modular Course Structure diagram 1Modular Course Structure - Pedagogical Overview of OpenStax College Algebra 2e - diagram 1https://www.getlykke.com/explore/public/pedagogical-overview-of-openstax-college-algebra-1e489698-049b-41e4-aece-129b8441d18d/media/modular-course-design/svg/2Modular Course Structure diagram 2Modular Course Structure - Pedagogical Overview of OpenStax College Algebra 2e - diagram 2https://www.getlykke.com/explore/public/pedagogical-overview-of-openstax-college-algebra-1e489698-049b-41e4-aece-129b8441d18d/media/modular-course-design/svg/3Modular Course Structure diagram 3Modular Course Structure - Pedagogical Overview of OpenStax College Algebra 2e - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.02em">DEI FRAMEWORK <tspan fill="#38bdf8" font-weight="300">| ARCHITECTING EQUITY</tspan></text> <line x1="40" y1="80" x2="860" y2="80" stroke="url(#accentGrad)" stroke-width="2" opacity="0.5"/> <!-- Left Column: The Three Pillars --> <rect x="40" y="110" width="380" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">CORE PILLARS</text> <!-- Pillar 1: Diversity --> <circle cx="80" cy="185" r="20" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <path d="M72 185h16M80 177v16" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"/> <text x="115" y="180" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">DIVERSITY</text> <text x="115" y="198" font-family="sans-serif" font-size="12" fill="#94a3b8">Representation of identities &amp; contexts.</text> <!-- Pillar 2: Equity --> <circle cx="80" cy="250" r="20" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <path d="M70 255h20M75 245h10" stroke="#e879f9" stroke-width="2" stroke-linecap="round"/> <text x="115" y="245" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">EQUITY</text> <text x="115" y="263" font-family="sans-serif" font-size="12" fill="#94a3b8">Structural pathways for equal outcomes.</text> <!-- Pillar 3: Inclusion --> <circle cx="80" cy="315" r="20" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <circle cx="80" cy="315" r="8" stroke="#f59e0b" fill="none" stroke-width="2"/> <text x="115" y="310" font-family="sans-serif" font-weight="700" font-size="15" fill="#f8fafc">INCLUSION</text> <text x="115" y="328" font-family="sans-serif" font-size="12" fill="#94a3b8">Active engagement &amp; cultural awareness.</text> <!-- Right Column: Comparison Table --> <rect x="440" y="110" width="420" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="460" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">FRAMEWORK EVOLUTION</text> <g font-family="sans-serif" font-size="11" font-weight="600"> <text x="580" y="170" fill="#94a3b8">TRADITIONAL</text> <text x="730" y="170" fill="#f8fafc">DEI-ENHANCED (OER)</text> </g> <line x1="460" y1="180" x2="840" y2="180" stroke="#ffffff10"/> <!-- Row 1 --> <text x="460" y="205" font-family="sans-serif" font-size="12" fill="#94a3b8">Content Origin</text> <text x="580" y="205" font-family="sans-serif" font-size="12" fill="#f8fafc" opacity="0.6">Eurocentric</text> <text x="730" y="205" font-family="sans-serif" font-size="12" fill="#38bdf8">Global / Relatable</text> <!-- Row 2 --> <text x="460" y="240" font-family="sans-serif" font-size="12" fill="#94a3b8">Accessibility</text> <text x="580" y="240" font-family="sans-serif" font-size="12" fill="#f8fafc" opacity="0.6">Reactive (Post-hoc)</text> <text x="730" y="240" font-family="sans-serif" font-size="12" fill="#38bdf8">Proactive (UDL)</text> <!-- Row 3 --> <text x="460" y="275" font-family="sans-serif" font-size="12" fill="#94a3b8">Cost Barrier</text> <text x="580" y="275" font-family="sans-serif" font-size="12" fill="#f8fafc" opacity="0.6">$100 - $300 USD</text> <text x="730" y="275" font-family="sans-serif" font-size="12" fill="#f59e0b">$0 (Open Access)</text> <!-- Row 4 --> <text x="460" y="310" font-family="sans-serif" font-size="12" fill="#94a3b8">Feedback Loop</text> <text x="580" y="310" font-family="sans-serif" font-size="12" fill="#f8fafc" opacity="0.6">5-7 Year Cycle</text> <text x="730" y="310" font-family="sans-serif" font-size="12" fill="#38bdf8">Continuous Updates</text> <!-- Bottom Section: The Math of DEI --> <rect x="40" y="410" width="820" height="120" rx="16" fill="#ffffff12" stroke="#38bdf840"/> <!-- Formula --> <g transform="translate(60, 440)"> <text x="0" y="20" font-family="serif" font-style="italic" font-size="24" fill="#f8fafc">V(P) → min</text> <text x="0" y="50" font-family="sans-serif" font-size="12" fill="#94a3b8">Minimize variance in performance</text> <text x="180" y="20" font-family="serif" font-style="italic" font-size="24" fill="#f8fafc">μ(P) ≥ C</text> <text x="180" y="50" font-family="sans-serif" font-size="12" fill="#94a3b8">Maintain or increase mean success</text> </g> <!-- LFHC Visual --> <g transform="translate(480, 430)"> <path d="M0 70 L120 70 L120 10" fill="none" stroke="#e879f9" stroke-width="3" stroke-dasharray="4 2"/> <path d="M0 70 L120 10" fill="none" stroke="#38bdf8" stroke-width="4"/> <text x="0" y="85" font-family="sans-serif" font-weight="700" font-size="12" fill="#38bdf8">LOW FLOOR</text> <text x="130" y="20" font-family="sans-serif" font-weight="700" font-size="12" fill="#e879f9">HIGH CEILING</text> <text x="130" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Accessible entry points with</text> <text x="130" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8">unlimited growth potential.</text> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="40" fill="url(#accentGrad)" opacity="0.1" filter="url(#glow)"/> <path d="M820 480l20-20 20 20-20 20z" fill="#f59e0b" opacity="0.2"/> </svg>Diversity, Equity, and Inclusion (DEI) Framework image 1Diversity, Equity, and Inclusion (DEI) Framework - Pedagogical Overview of OpenStax College Algebra 2e - image 1https://www.getlykke.com/explore/public/pedagogical-overview-of-openstax-college-algebra-1e489698-049b-41e4-aece-129b8441d18d/media/dei-framework/svg/1Diversity, Equity, and Inclusion (DEI) Framework diagram 1Diversity, Equity, and Inclusion (DEI) Framework - Pedagogical Overview of OpenStax College Algebra 2e - diagram 1https://www.getlykke.com/explore/public/pedagogical-overview-of-openstax-college-algebra-1e489698-049b-41e4-aece-129b8441d18d/media/dei-framework/svg/2Diversity, Equity, and Inclusion (DEI) Framework diagram 2Diversity, Equity, and Inclusion (DEI) Framework - Pedagogical Overview of OpenStax College Algebra 2e - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Elements --> <circle cx="850" cy="50" r="100" fill="#38bdf8" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#e879f9" fill-opacity="0.05"/> <!-- Header Section --> <text x="450" y="50" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" text-anchor="middle" letter-spacing="1">CONCEPTUAL ALGEBRA</text> <text x="450" y="75" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" text-anchor="middle" letter-spacing="3">THE ARCHITECTURE OF MATHEMATICAL LOGIC</text> <rect x="400" y="85" width="100" height="3" fill="url(#accentGrad)" rx="1.5"/> <!-- Left Panel: Procedural vs Conceptual --> <rect x="40" y="110" width="380" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">Procedural Fluency</text> <text x="60" y="165" font-family="sans-serif" font-size="13" fill="#94a3b8">The "How": Rote execution of rules.</text> <circle cx="75" cy="200" r="15" fill="#f59e0b22" stroke="#f59e0b" stroke-width="1"/> <path d="M 70 200 L 80 200 M 75 195 L 75 205" stroke="#f59e0b" stroke-width="2"/> <text x="100" y="204" font-family="sans-serif" font-size="12" fill="#f8fafc">Memorizing formulas &amp; steps</text> <circle cx="75" cy="240" r="15" fill="#f59e0b22" stroke="#f59e0b" stroke-width="1"/> <path d="M 70 240 L 80 240" stroke="#f59e0b" stroke-width="2"/> <text x="100" y="244" font-family="sans-serif" font-size="12" fill="#f8fafc">Short-term retention for exams</text> <!-- Right Panel: Conceptual Mastery --> <rect x="480" y="110" width="380" height="180" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="500" y="140" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">Conceptual Mastery</text> <text x="500" y="165" font-family="sans-serif" font-size="13" fill="#94a3b8">The "Why": Understanding structures.</text> <circle cx="515" cy="200" r="15" fill="#38bdf822" stroke="#38bdf8" stroke-width="1"/> <path d="M 510 205 L 515 195 L 520 205" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="540" y="204" font-family="sans-serif" font-size="12" fill="#f8fafc">Deconstructing functional models</text> <circle cx="515" cy="240" r="15" fill="#38bdf822" stroke="#38bdf8" stroke-width="1"/> <path d="M 510 240 Q 515 230 520 240" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="540" y="244" font-family="sans-serif" font-size="12" fill="#f8fafc">Long-term mental framework</text> <!-- Center: The Modeling Pipeline --> <text x="450" y="330" font-family="sans-serif" font-size="20" font-weight="700" fill="#f8fafc" text-anchor="middle">THE MODELING PIPELINE</text> <!-- Pipeline Steps --> <g transform="translate(50, 350)"> <!-- Step 1 --> <rect x="0" y="0" width="140" height="80" rx="12" fill="#ffffff08" stroke="#e879f9" stroke-dasharray="4 2"/> <text x="70" y="30" font-family="sans-serif" font-size="14" font-weight="700" fill="#e879f9" text-anchor="middle">OBSERVE</text> <text x="70" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Identify Variables</text> <!-- Arrow --> <path d="M 150 40 L 180 40" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrowhead)"/> <!-- Step 2 --> <rect x="190" y="0" width="140" height="80" rx="12" fill="#ffffff08" stroke="#38bdf8"/> <text x="260" y="30" font-family="sans-serif" font-size="14" font-weight="700" fill="#38bdf8" text-anchor="middle">FORMULATE</text> <text x="260" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Build the Equation</text> <!-- Arrow --> <path d="M 340 40 L 370 40" stroke="#94a3b8" stroke-width="2"/> <!-- Step 3 --> <rect x="380" y="0" width="140" height="80" rx="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <text x="450" y="30" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc" text-anchor="middle">COMPUTE</text> <text x="450" y="55" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Solve Structure</text> <!-- Arrow --> <path d="M 530 40 L 560 40" stroke="#94a3b8" stroke-width="2"/> <!-- Step 4 --> <rect x="570" y="0" width="140" height="80" rx="12" fill="#ffffff08" stroke="#f59e0b"/> <text x="640" y="30" font-family="sans-serif" font-size="14" font-weight="700" fill="#f59e0b" text-anchor="middle">INTERPRET</text> <text x="640" y="55" font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle">Translate Results</text> <!-- Arrow --> <path d="M 720 40 L 750 40" stroke="#94a3b8" stroke-width="2"/> <!-- Step 5 --> <rect x="760" y="0" width="40" height="80" rx="12" fill="#ffffff08" stroke="#22c55e"/> <text x="780" y="45" font-family="sans-serif" font-size="14" font-weight="700" fill="#22c55e" text-anchor="middle" transform="rotate(-90 780 45)">VALIDATE</text> </g> <!-- Bottom Section: Practical Domains --> <rect x="40" y="460" width="820" height="70" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="60" y="500" font-family="sans-serif" font-size="14" font-weight="700" fill="#94a3b8">APPLICATIONS:</text> <g transform="translate(180, 485)"> <rect width="120" height="24" rx="12" fill="#38bdf815" stroke="#38bdf833"/> <text x="60" y="16" font-family="sans-serif" font-size="11" fill="#38bdf8" text-anchor="middle">ENGINEERING</text> </g> <g transform="translate(320, 485)"> <rect width="120" height="24" rx="12" fill="#e879f915" stroke="#e879f933"/> <text x="60" y="16" font-family="sans-serif" font-size="11" fill="#e879f9" text-anchor="middle">DATA SCIENCE</text> </g> <g transform="translate(460, 485)"> <rect width="120" height="24" rx="12" fill="#f59e0b15" stroke="#f59e0b33"/> <text x="60" y="16" font-family="sans-serif" font-size="11" fill="#f59e0b" text-anchor="middle">ECONOMICS</text> </g> <g transform="translate(600, 485)"> <rect width="120" height="24" rx="12" fill="#22c55e15" stroke="#22c55e33"/> <text x="60" y="16" font-family="sans-serif" font-size="11" fill="#22c55e" text-anchor="middle">SIGNAL PROC.</text> </g> <!-- Decorative Formula --> <text x="840" y="440" font-family="serif" font-style="italic" font-size="24" fill="#ffffff11" text-anchor="end">f(x) = mx + b</text> <!-- Arrowhead marker definition --> <defs> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#94a3b8" /> </marker> </defs> </svg>Conceptual Algebra and Practical Application image 1Conceptual Algebra and Practical Application - Pedagogical Overview of OpenStax College Algebra 2e - image 1https://www.getlykke.com/explore/public/pedagogical-overview-of-openstax-college-algebra-1e489698-049b-41e4-aece-129b8441d18d/media/algebraic-principles-application/svg/1Conceptual Algebra and Practical Application diagram 1Conceptual Algebra and Practical Application - Pedagogical Overview of OpenStax College Algebra 2e - diagram 1https://www.getlykke.com/explore/public/pedagogical-overview-of-openstax-college-algebra-1e489698-049b-41e4-aece-129b8441d18d/media/algebraic-principles-application/svg/2Conceptual Algebra and Practical Application diagram 2Conceptual Algebra and Practical Application - Pedagogical Overview of OpenStax College Algebra 2e - diagram 2https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b2026-04-20T04:38:40.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" text-anchor="middle" letter-spacing="2">TECHNICAL WRITING</text> <text x="450" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle" font-style="italic">The Operating System of Professional Communication</text> <rect x="350" y="85" width="200" height="2" fill="url(#accentGrad)" rx="1"/> <!-- Central Bridge Concept --> <g transform="translate(50, 120)"> <rect width="800" height="140" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <!-- SME Node --> <circle cx="100" cy="70" r="35" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <path d="M 85 70 L 115 70 M 100 55 L 100 85" stroke="#38bdf8" stroke-width="2"/> <text x="100" y="120" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc" text-anchor="middle">SME</text> <text x="100" y="135" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">High Entropy Data</text> <!-- The Bridge (Writer) --> <path d="M 150 70 Q 400 20 650 70" fill="none" stroke="#f59e0b" stroke-width="3" stroke-dasharray="8 4" filter="url(#glow)"/> <rect x="340" y="45" width="120" height="50" rx="8" fill="#f59e0b" filter="url(#glow)"/> <text x="400" y="70" font-family="sans-serif" font-size="14" font-weight="bold" fill="#0f172a" text-anchor="middle" dominant-baseline="middle">THE WRITER</text> <text x="400" y="110" font-family="sans-serif" font-size="12" fill="#f8fafc" text-anchor="middle">Cognitive Bridge</text> <!-- User Node --> <circle cx="700" cy="70" r="35" fill="#1e293b" stroke="#e879f9" stroke-width="2"/> <circle cx="700" cy="65" r="10" stroke="#e879f9" fill="none" stroke-width="2"/> <path d="M 685 85 Q 700 75 715 85" stroke="#e879f9" fill="none" stroke-width="2"/> <text x="700" y="120" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc" text-anchor="middle">END USER</text> <text x="700" y="135" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Functional Application</text> </g> <!-- Left Panel: Comparison --> <g transform="translate(50, 290)"> <rect width="385" height="230" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="20" y="35" font-family="sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">Academic vs. Technical</text> <g transform="translate(20, 60)"> <!-- Row 1 --> <text y="15" font-family="sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">GOAL</text> <text x="120" y="15" font-family="sans-serif" font-size="12" fill="#f8fafc">Argue a Thesis</text> <text x="260" y="15" font-family="sans-serif" font-size="12" fill="#f59e0b">Enable a Task</text> <line x1="0" y1="25" x2="345" y2="25" stroke="#ffffff10"/> <!-- Row 2 --> <text y="50" font-family="sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">TONE</text> <text x="120" y="50" font-family="sans-serif" font-size="12" fill="#f8fafc">Reflective</text> <text x="260" y="50" font-family="sans-serif" font-size="12" fill="#f59e0b">Objective</text> <line x1="0" y1="60" x2="345" y2="60" stroke="#ffffff10"/> <!-- Row 3 --> <text y="85" font-family="sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">STRUCTURE</text> <text x="120" y="85" font-family="sans-serif" font-size="12" fill="#f8fafc">Linear</text> <text x="260" y="85" font-family="sans-serif" font-size="12" fill="#f59e0b">Modular</text> <line x1="0" y1="95" x2="345" y2="95" stroke="#ffffff10"/> <!-- Row 4 --> <text y="120" font-family="sans-serif" font-size="12" font-weight="bold" fill="#94a3b8">VISUALS</text> <text x="120" y="120" font-family="sans-serif" font-size="12" fill="#f8fafc">Secondary</text> <text x="260" y="120" font-family="sans-serif" font-size="12" fill="#f59e0b">Primary</text> </g> <rect x="20" y="195" width="345" height="25" rx="4" fill="#38bdf820"/> <text x="192" y="212" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8" text-anchor="middle">UTILITY PRINCIPLE: Value = Speed of Application</text> </g> <!-- Right Panel: Audience Matrix --> <g transform="translate(465, 290)"> <rect width="385" height="230" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="20" y="35" font-family="sans-serif" font-size="18" font-weight="bold" fill="#e879f9">The Audience Matrix</text> <!-- Quadrant Grid --> <g transform="translate(30, 60)"> <!-- Expert --> <rect width="155" height="65" rx="8" fill="#ffffff08"/> <text x="10" y="20" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">EXPERTS</text> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Need: Raw data, specs</text> <text x="10" y="55" font-family="sans-serif" font-size="11" fill="#38bdf8">Strategy: Use Jargon</text> <!-- Technician --> <rect x="170" width="155" height="65" rx="8" fill="#ffffff08"/> <text x="180" y="20" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">TECHNICIANS</text> <text x="180" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">Need: Troubleshooting</text> <text x="180" y="55" font-family="sans-serif" font-size="11" fill="#38bdf8">Strategy: Procedures</text> <!-- Executive --> <rect y="80" width="155" height="65" rx="8" fill="#ffffff08"/> <text x="10" y="100" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">EXECUTIVES</text> <text x="10" y="120" font-family="sans-serif" font-size="11" fill="#94a3b8">Need: ROI, Timelines</text> <text x="10" y="135" font-family="sans-serif" font-size="11" fill="#38bdf8">Strategy: Summaries</text> <!-- Laypeople --> <rect x="170" y="80" width="155" height="65" rx="8" fill="#ffffff08"/> <text x="180" y="100" font-family="sans-serif" font-size="13" font-weight="bold" fill="#f8fafc">LAYPEOPLE</text> <text x="180" y="120" font-family="sans-serif" font-size="11" fill="#94a3b8">Need: Ease of use</text> <text x="180" y="135" font-family="sans-serif" font-size="11" fill="#38bdf8">Strategy: Analogies</text> </g> <!-- Readability Metric --> <g transform="translate(30, 210)"> <circle cx="5" cy="-5" r="3" fill="#e879f9"/> <text x="15" y="0" font-family="sans-serif" font-size="11" fill="#94a3b8">Metric: Flesch-Kincaid Grade Level Algorithm</text> </g> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="20" fill="none" stroke="#38bdf8" stroke-width="1" opacity="0.3"/> <circle cx="860" cy="60" r="15" fill="none" stroke="#e879f9" stroke-width="1" opacity="0.3"/> <path d="M 40 40 L 60 40 M 50 30 L 50 50" stroke="#f59e0b" stroke-width="1" opacity="0.5"/> </svg>Introduction to Technical Writing image 1Introduction to Technical Writing - Technical Writing - image 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/introduction-to-technical-writing/svg/1Introduction to Technical Writing diagram 1Introduction to Technical Writing - Technical Writing - diagram 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/introduction-to-technical-writing/svg/2Introduction to Technical Writing diagram 2Introduction to Technical Writing - Technical Writing - diagram 2https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/introduction-to-technical-writing/svg/3Introduction to Technical Writing diagram 3Introduction to Technical Writing - Technical Writing - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Header --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-1">PROFESSIONAL COMMUNICATION <tspan fill="#38bdf8">PROTOCOLS</tspan></text> <line x1="40" y1="80" x2="860" y2="80" stroke="url(#accentGrad)" stroke-width="2" opacity="0.5"/> <text x="40" y="105" font-family="sans-serif" font-size="14" fill="#94a3b8" font-weight="500">A STRATEGIC FRAMEWORK FOR TECHNICAL &amp; ORGANIZATIONAL EXCHANGE</text> <!-- Left Column: Audience Analysis --> <rect x="40" y="140" width="400" height="380" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="175" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">AUDIENCE ANALYSIS</text> <text x="60" y="195" font-family="sans-serif" font-size="12" fill="#94a3b8">Tailoring complexity based on expertise and role.</text> <!-- Audience Cards --> <g transform="translate(60, 220)"> <!-- Expert --> <rect width="360" height="60" rx="8" fill="#38bdf815" stroke="#38bdf840"/> <circle cx="30" cy="30" r="15" fill="#38bdf8"/> <path d="M25 30 L35 30 M30 25 L30 35" stroke="white" stroke-width="2"/> <text x="60" y="25" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">EXPERTS</text> <text x="60" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">High Detail: Formulas, Raw Data, Jargon</text> <!-- Technician --> <g transform="translate(0, 70)"> <rect width="360" height="60" rx="8" fill="#4ade8015" stroke="#4ade8040"/> <circle cx="30" cy="30" r="15" fill="#4ade80"/> <rect x="25" y="25" width="10" height="10" stroke="white" fill="none" stroke-width="2"/> <text x="60" y="25" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">TECHNICIANS</text> <text x="60" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Practical: Schematics, Procedures, "How-to"</text> </g> <!-- Executive --> <g transform="translate(0, 140)"> <rect width="360" height="60" rx="8" fill="#f59e0b15" stroke="#f59e0b40"/> <circle cx="30" cy="30" r="15" fill="#f59e0b"/> <path d="M25 35 L30 25 L35 35" stroke="white" fill="none" stroke-width="2"/> <text x="60" y="25" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">EXECUTIVES</text> <text x="60" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">Strategic: ROI, Summaries, Bottom Line</text> </g> <!-- Nonspecialist --> <g transform="translate(0, 210)"> <rect width="360" height="60" rx="8" fill="#e879f915" stroke="#e879f940"/> <circle cx="30" cy="30" r="15" fill="#e879f9"/> <circle cx="30" cy="30" r="6" stroke="white" fill="none" stroke-width="2"/> <text x="60" y="25" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">NONSPECIALISTS</text> <text x="60" y="42" font-family="sans-serif" font-size="11" fill="#94a3b8">General: Plain Language, Analogies</text> </g> </g> <!-- Right Column: Velocity vs Formality --> <rect x="460" y="140" width="400" height="230" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="175" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">CHANNEL VELOCITY</text> <!-- Velocity Graph --> <g transform="translate(490, 210)"> <line x1="0" y1="120" x2="340" y2="120" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <text x="0" y="140" font-family="sans-serif" font-size="10" fill="#94a3b8">HIGH VELOCITY (Instant)</text> <text x="340" y="140" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="end">HIGH LATENCY (Formal)</text> <!-- Data Points --> <circle cx="40" cy="100" r="6" fill="#e879f9" filter="url(#glow)"/> <text x="40" y="85" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">SMS/Slack</text> <circle cx="140" cy="70" r="6" fill="#38bdf8" filter="url(#glow)"/> <text x="140" y="55" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Email</text> <circle cx="240" cy="40" r="6" fill="#4ade80" filter="url(#glow)"/> <text x="240" y="25" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Memos</text> <circle cx="320" cy="10" r="6" fill="#f59e0b" filter="url(#glow)"/> <text x="320" y="-5" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle">Reports</text> <path d="M40 100 L140 70 L240 40 L320 10" fill="none" stroke="#ffffff20" stroke-dasharray="4"/> </g> <!-- Bottom Right: Netiquette --> <rect x="460" y="390" width="400" height="130" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="480" y="420" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">NETIQUETTE &amp; PERMANENCE</text> <g transform="translate(480, 440)"> <rect width="8" height="8" x="0" y="5" fill="#e879f9"/> <text x="20" y="14" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="600">Digital Footprint:</text> <text x="125" y="14" font-family="sans-serif" font-size="12" fill="#94a3b8">Every message is a permanent record.</text> <rect width="8" height="8" x="0" y="30" fill="#38bdf8"/> <text x="20" y="39" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="600">Contextual Awareness:</text> <text x="155" y="39" font-family="sans-serif" font-size="12" fill="#94a3b8">Platform culture matters.</text> <rect width="8" height="8" x="0" y="55" fill="#4ade80"/> <text x="20" y="64" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="600">Conflict Resolution:</text> <text x="140" y="64" font-family="sans-serif" font-size="12" fill="#94a3b8">Move "flames" to synchronous calls.</text> </g> <!-- Decorative Arrow Marker --> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="5" orientation="auto"> <path d="M0,0 L10,5 L0,10 Z" fill="#94a3b8" /> </marker> </defs> <!-- Footer Branding --> <text x="860" y="545" font-family="sans-serif" font-size="10" fill="#ffffff30" text-anchor="end">COMMUNICATION_PROTOCOL_V2.0 // INTERNAL_WIKI_GRAPHICS</text> </svg>Professional Communication Formats image 1Professional Communication Formats - Technical Writing - image 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/professional-communication-formats/svg/1Professional Communication Formats diagram 1Professional Communication Formats - Technical Writing - diagram 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/professional-communication-formats/svg/2Professional Communication Formats diagram 2Professional Communication Formats - Technical Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#ffffff15"/> <stop offset="100%" stop-color="#ffffff05"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="0.5"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="1">AUDIENCE ANALYSIS &amp; ADAPTATION</text> <text x="450" y="75" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#94a3b8" font-style="italic">Translating Subject Matter Expertise into Functional Knowledge</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <!-- The Taxonomy of Readers Section --> <text x="40" y="130" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">I. THE TAXONOMY OF READERS</text> <!-- Expert Card --> <rect x="40" y="145" width="200" height="180" rx="12" fill="url(#cardGrad)" stroke="#f59e0b" stroke-width="1" stroke-opacity="0.5"/> <circle cx="140" cy="180" r="20" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <path d="M 132 180 L 148 180 M 140 172 L 140 188" stroke="#f59e0b" stroke-width="2"/> <!-- Simple Atom/Scope Icon --> <text x="140" y="215" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#f59e0b">EXPERTS</text> <text x="140" y="235" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#cbd5e1">High Knowledge Base</text> <text x="55" y="260" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8"> <tspan x="55" dy="12">• Raw Data &amp; Formulas</tspan> <tspan x="55" dy="12">• Theoretical Depth</tspan> <tspan x="55" dy="12">• Peer-Review Level</tspan> </text> <!-- Technician Card --> <rect x="250" y="145" width="200" height="180" rx="12" fill="url(#cardGrad)" stroke="#38bdf8" stroke-width="1" stroke-opacity="0.5"/> <circle cx="350" cy="180" r="20" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <path d="M 342 175 L 358 185 M 342 185 L 358 175" stroke="#38bdf8" stroke-width="2"/> <!-- Simple Tool Icon --> <text x="350" y="215" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#38bdf8">TECHNICIANS</text> <text x="350" y="235" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#cbd5e1">Practical Application</text> <text x="265" y="260" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8"> <tspan x="265" dy="12">• Clear Procedures</tspan> <tspan x="265" dy="12">• Troubleshooting Tables</tspan> <tspan x="265" dy="12">• "How-to" Focus</tspan> </text> <!-- Executive Card --> <rect x="460" y="145" width="200" height="180" rx="12" fill="url(#cardGrad)" stroke="#e879f9" stroke-width="1" stroke-opacity="0.5"/> <circle cx="560" cy="180" r="20" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <rect x="552" y="172" width="16" height="16" fill="none" stroke="#e879f9" stroke-width="2"/> <!-- Simple Chart Icon --> <text x="560" y="215" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#e879f9">EXECUTIVES</text> <text x="560" y="235" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#cbd5e1">Decision-Making</text> <text x="475" y="260" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8"> <tspan x="475" dy="12">• High-Level Summaries</tspan> <tspan x="475" dy="12">• ROI &amp; Risk Assessment</tspan> <tspan x="475" dy="12">• Bottom-line Impact</tspan> </text> <!-- Nonspecialist Card --> <rect x="670" y="145" width="200" height="180" rx="12" fill="url(#cardGrad)" stroke="#4ade80" stroke-width="1" stroke-opacity="0.5"/> <circle cx="770" cy="180" r="20" fill="#4ade8020" stroke="#4ade80" stroke-width="1.5"/> <circle cx="770" cy="176" r="6" fill="none" stroke="#4ade80" stroke-width="2"/> <path d="M 760 190 Q 770 185 780 190" fill="none" stroke="#4ade80" stroke-width="2"/> <!-- Simple User Icon --> <text x="770" y="215" text-anchor="middle" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#4ade80">NONSPECIALISTS</text> <text x="770" y="235" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" fill="#cbd5e1">General Usage</text> <text x="685" y="260" font-family="Arial, sans-serif" font-size="10" fill="#94a3b8"> <tspan x="685" dy="12">• Plain Language</tspan> <tspan x="685" dy="12">• Analogies &amp; Definitions</tspan> <tspan x="685" dy="12">• Accessibility First</tspan> </text> <!-- Adaptation Mechanics Section --> <text x="40" y="365" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#38bdf8">II. ADAPTATION MECHANICS</text> <!-- Signal-to-Noise Ratio (SNR) --> <rect x="40" y="380" width="410" height="150" rx="12" fill="#ffffff08" stroke="#ffffff20"/> <text x="60" y="405" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Information Filtering (SNR)</text> <!-- Funnel Graphic --> <path d="M 60 420 L 140 420 L 110 480 L 90 480 Z" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="100" y="415" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#94a3b8">RAW DATA</text> <circle cx="100" cy="495" r="5" fill="#38bdf8" filter="url(#glow)"/> <text x="100" y="515" text-anchor="middle" font-family="Arial, sans-serif" font-size="9" fill="#38bdf8">SIGNAL</text> <text x="160" y="435" font-family="Arial, sans-serif" font-size="11" fill="#cbd5e1" width="250"> <tspan x="160" dy="0">Maximizing the Signal-to-Noise Ratio:</tspan> <tspan x="160" dy="15" fill="#94a3b8">Experts need the "Noise" (Methodology)</tspan> <tspan x="160" dy="15" fill="#94a3b8">Executives need only the "Signal" (Results)</tspan> <tspan x="160" dy="25" fill="#f59e0b" font-weight="bold">Goal: Minimize Cognitive Load</tspan> </text> <!-- Jargon Translation Theorem --> <rect x="460" y="380" width="410" height="150" rx="12" fill="#ffffff08" stroke="#ffffff20"/> <text x="480" y="405" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">The Jargon Translation Theorem</text> <rect x="480" y="420" width="370" height="50" rx="8" fill="#00000040"/> <text x="665" y="450" text-anchor="middle" font-family="Courier New, monospace" font-size="14" fill="#e879f9" font-weight="bold"> If Expertise (E) &lt; Threshold: T → D </text> <text x="480" y="490" font-family="Arial, sans-serif" font-size="11" fill="#94a3b8"> <tspan x="480" dy="0">Replace Technical Term (T) with a Functional</tspan> <tspan x="480" dy="15">Definition (D) or Analogy (A) to bridge the</tspan> <tspan x="480" dy="15">conceptual gap for nonspecialist readers.</tspan> </text> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#38bdf8" stroke-width="0.5" stroke-dasharray="2 2"/> <circle cx="850" cy="50" r="20" fill="none" stroke="#e879f9" stroke-width="0.5" stroke-dasharray="4 4"/> <path d="M 880 540 L 890 550 M 870 550 L 890 530" stroke="#ffffff20" stroke-width="1"/> </svg>Audience Analysis and Adaptation image 1Audience Analysis and Adaptation - Technical Writing - image 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/audience-analysis/svg/1Audience Analysis and Adaptation diagram 1Audience Analysis and Adaptation - Technical Writing - diagram 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/audience-analysis/svg/2Audience Analysis and Adaptation diagram 2Audience Analysis and Adaptation - Technical Writing - diagram 2https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/audience-analysis/svg/3Audience Analysis and Adaptation diagram 3Audience Analysis and Adaptation - Technical Writing - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Subtle Grid Lines --> <path d="M 50 0 L 50 560 M 850 0 L 850 560" stroke="#ffffff05" stroke-width="1"/> <path d="M 0 100 L 900 100 M 0 460 L 900 460" stroke="#ffffff05" stroke-width="1"/> <!-- Header --> <text x="50" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">PROPOSALS &amp; THE TECHNICAL REPORT PROCESS</text> <text x="50" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">A STRATEGIC FRAMEWORK FOR PROBLEM-SOLUTION ALIGNMENT</text> <rect x="50" y="95" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Left Column: Taxonomy --> <rect x="50" y="120" width="260" height="320" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="70" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">1. TAXONOMY</text> <!-- Solicited --> <g transform="translate(70, 175)"> <rect width="220" height="100" rx="8" fill="#ffffff05"/> <circle cx="20" cy="25" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <path d="M 16 25 L 24 25 M 20 21 L 20 29" stroke="#38bdf8" stroke-width="2"/> <text x="40" y="25" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Solicited (RFP/RFQ)</text> <text x="15" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8"> <tspan x="15" dy="1.2em">• Direct response to client need</tspan> <tspan x="15" dy="1.2em">• Focus: Compliance &amp; Methodology</tspan> <tspan x="15" dy="1.2em">• Lower risk; budget is allocated</tspan> </text> </g> <!-- Unsolicited --> <g transform="translate(70, 290)"> <rect width="220" height="100" rx="8" fill="#ffffff05"/> <circle cx="20" cy="25" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <path d="M 15 25 Q 20 15 25 25" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="40" y="25" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Unsolicited</text> <text x="15" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8"> <tspan x="15" dy="1.2em">• Identifying "latent" pain points</tspan> <tspan x="15" dy="1.2em">• Focus: Persuasion &amp; ROI</tspan> <tspan x="15" dy="1.2em">• Higher risk; "Cold call" approach</tspan> </text> </g> <!-- Center Column: The Decision Engine --> <rect x="320" y="120" width="260" height="320" rx="16" fill="#ffffff12" stroke="#ffffff20"/> <text x="450" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9" text-anchor="middle">2. THE GO/NO-GO GATE</text> <!-- Decision Diamond --> <g transform="translate(450, 240)"> <path d="M 0 -50 L 60 0 L 0 50 L -60 0 Z" fill="#1e1b4b" stroke="#e879f9" stroke-width="2" filter="glow"/> <text y="5" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc" text-anchor="middle">FEASIBILITY</text> </g> <!-- Decision Factors --> <g font-family="sans-serif" font-size="11" fill="#94a3b8" text-anchor="middle"> <text x="450" y="320">Weighted Scoring Model</text> <rect x="380" y="335" width="140" height="6" rx="3" fill="#ffffff10"/> <rect x="380" y="335" width="90" height="6" rx="3" fill="#e879f9"/> <g transform="translate(350, 360)"> <rect width="200" height="60" rx="8" fill="#00000030"/> <text x="100" y="20" fill="#f8fafc" font-weight="600">Technical Expertise</text> <text x="100" y="38" font-size="10">Bandwidth &amp; Resources</text> <text x="100" y="50" font-size="10">Financial Stability</text> </g> </g> <!-- Right Column: Compliance & Scope --> <rect x="590" y="120" width="260" height="320" rx="16" fill="#ffffff08" stroke="#ffffff10"/> <text x="610" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">3. COMPLIANCE</text> <g transform="translate(610, 175)"> <path d="M 0 0 L 220 0" stroke="#ffffff10" stroke-width="1"/> <text x="0" y="25" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Technical Compliance</text> <text x="0" y="45" font-family="sans-serif" font-size="11" fill="#94a3b8" line-height="1.4"> <tspan x="0" dy="1.2em">Strict adherence to RFP "Source of Truth."</tspan> <tspan x="0" dy="1.2em">Non-compliance = Disqualification.</tspan> </text> <rect x="0" y="100" width="220" height="120" rx="8" fill="#f43f5e10" stroke="#f43f5e30"/> <text x="110" y="125" font-family="sans-serif" font-weight="700" font-size="13" fill="#f43f5e" text-anchor="middle">SCOPE CREEP WARNING</text> <path d="M 90 145 L 130 145 M 100 155 L 120 155" stroke="#f43f5e" stroke-width="2" stroke-linecap="round"/> <text x="110" y="180" font-family="sans-serif" font-size="11" fill="#f8fafc" text-anchor="middle"> <tspan x="110" dy="0">Define boundaries clearly.</tspan> <tspan x="110" dy="1.4em">What is EXCLUDED is as vital</tspan> <tspan x="110" dy="1.4em">as what is INCLUDED.</tspan> </text> </g> <!-- Bottom Bar: Process Flow --> <g transform="translate(50, 475)"> <rect width="800" height="60" rx="30" fill="#ffffff05" stroke="#ffffff10"/> <path d="M 150 30 L 650 30" stroke="#ffffff10" stroke-dasharray="4 4"/> <!-- Step 1 --> <circle cx="100" cy="30" r="18" fill="#38bdf8"/> <text x="100" y="35" font-family="sans-serif" font-weight="800" font-size="14" fill="#0f172a" text-anchor="middle">1</text> <text x="100" y="58" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">IDENTIFY NEED</text> <!-- Step 2 --> <circle cx="300" cy="30" r="18" fill="#38bdf8"/> <text x="300" y="35" font-family="sans-serif" font-weight="800" font-size="14" fill="#0f172a" text-anchor="middle">2</text> <text x="300" y="58" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">FEASIBILITY</text> <!-- Step 3 --> <circle cx="500" cy="30" r="18" fill="#38bdf8"/> <text x="500" y="35" font-family="sans-serif" font-weight="800" font-size="14" fill="#0f172a" text-anchor="middle">3</text> <text x="500" y="58" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">DRAFTING</text> <!-- Step 4 --> <circle cx="700" cy="30" r="18" fill="#e879f9"/> <text x="700" y="35" font-family="sans-serif" font-weight="800" font-size="14" fill="#0f172a" text-anchor="middle">4</text> <text x="700" y="58" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">SUBMISSION</text> </g> <!-- Decorative Corner Accents --> <circle cx="870" cy="30" r="40" fill="none" stroke="#38bdf810" stroke-width="2"/> <circle cx="870" cy="30" r="25" fill="none" stroke="#e879f910" stroke-width="2"/> </svg>Proposals and the Technical Report Process image 1Proposals and the Technical Report Process - Technical Writing - image 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/proposals-and-technical-reports/svg/1Proposals and the Technical Report Process diagram 1Proposals and the Technical Report Process - Technical Writing - diagram 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/proposals-and-technical-reports/svg/2Proposals and the Technical Report Process diagram 2Proposals and the Technical Report Process - Technical Writing - diagram 2https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/proposals-and-technical-reports/svg/3Proposals and the Technical Report Process diagram 3Proposals and the Technical Report Process - Technical Writing - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">INFORMATION LITERACY</text> <text x="40" y="85" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8">The Signal Processing Layer of Technical Research</text> <rect x="40" y="105" width="120" height="4" rx="2" fill="url(#accentGrad)"/> <!-- Main Timeline Visual --> <g transform="translate(40, 140)"> <rect width="820" height="220" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="20" y="30" font-family="sans-serif" font-weight="600" font-size="14" fill="#38bdf8" letter-spacing="1">THE INFORMATION TIMELINE</text> <!-- Timeline Path --> <path d="M 60 140 Q 200 80 410 140 T 760 140" fill="none" stroke="#ffffff20" stroke-width="2" stroke-dasharray="8 4"/> <!-- Phase 1: Immediate --> <circle cx="60" cy="140" r="8" fill="#f43f5e" filter="url(#glow)"/> <text x="60" y="170" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc" text-anchor="middle">IMMEDIATE</text> <text x="60" y="185" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Social Media / News</text> <text x="60" y="115" font-family="sans-serif" font-size="10" fill="#f43f5e" text-anchor="middle" font-weight="bold">HIGH SPEED</text> <!-- Phase 2: Contextual --> <circle cx="293" cy="110" r="8" fill="#f59e0b" filter="url(#glow)"/> <text x="293" y="170" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc" text-anchor="middle">CONTEXTUAL</text> <text x="293" y="185" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Trade Journals</text> <!-- Phase 3: Analytical --> <circle cx="526" cy="110" r="8" fill="#10b981" filter="url(#glow)"/> <text x="526" y="170" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc" text-anchor="middle">ANALYTICAL</text> <text x="526" y="185" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Peer-Reviewed Journals</text> <path d="M 500 80 L 550 80 L 525 50 Z" fill="#10b981" opacity="0.4"/> <!-- Quality Gate Icon --> <!-- Phase 4: Definitive --> <circle cx="760" cy="140" r="8" fill="#38bdf8" filter="url(#glow)"/> <text x="760" y="170" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f8fafc" text-anchor="middle">DEFINITIVE</text> <text x="760" y="185" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Books / Encyclopedias</text> <text x="760" y="115" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="middle" font-weight="bold">HIGH VERACITY</text> </g> <!-- Taxonomy Cards --> <g transform="translate(40, 380)"> <!-- Primary --> <rect x="0" y="0" width="260" height="150" rx="12" fill="#ffffff10" stroke="#38bdf840"/> <circle cx="30" cy="30" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="26" y="34" font-family="sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">1</text> <text x="55" y="35" font-family="sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">Primary Sources</text> <text x="20" y="65" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Ground Truth"</text> <text x="20" y="90" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Lab Results &amp; Raw Data</text> <text x="20" y="110" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Original Interviews</text> <text x="20" y="130" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Patents &amp; Minutes</text> <!-- Secondary --> <rect x="280" y="0" width="260" height="150" rx="12" fill="#ffffff10" stroke="#e879f940"/> <circle cx="310" cy="30" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="306" y="34" font-family="sans-serif" font-size="12" fill="#e879f9" font-weight="bold">2</text> <text x="335" y="35" font-family="sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">Secondary Sources</text> <text x="300" y="65" font-family="sans-serif" font-size="12" fill="#94a3b8">Expert Synthesis</text> <text x="300" y="90" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Review Articles</text> <text x="300" y="110" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Technical Reports</text> <text x="300" y="130" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Textbooks</text> <!-- Tertiary --> <rect x="560" y="0" width="260" height="150" rx="12" fill="#ffffff10" stroke="#f59e0b40"/> <circle cx="590" cy="30" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <text x="586" y="34" font-family="sans-serif" font-size="12" fill="#f59e0b" font-weight="bold">3</text> <text x="615" y="35" font-family="sans-serif" font-size="16" font-weight="bold" fill="#f8fafc">Tertiary Sources</text> <text x="580" y="65" font-family="sans-serif" font-size="12" fill="#94a3b8">Initial Backgrounding</text> <text x="580" y="90" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Encyclopedias</text> <text x="580" y="110" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Library Catalogs</text> <text x="580" y="130" font-family="sans-serif" font-size="11" fill="#cbd5e1">• Wikipedia</text> </g> <!-- Peer Review Badge --> <g transform="translate(680, 40)"> <rect width="180" height="70" rx="8" fill="#10b98115" stroke="#10b981" stroke-width="1"/> <text x="90" y="25" font-family="sans-serif" font-size="10" font-weight="bold" fill="#10b981" text-anchor="middle">GOLD STANDARD</text> <text x="90" y="45" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc" text-anchor="middle">Peer Review</text> <text x="90" y="60" font-family="sans-serif" font-size="9" fill="#94a3b8" text-anchor="middle">Double-Blind Quality Control</text> </g> <!-- Decorative Signal Wave --> <g transform="translate(400, 40)" opacity="0.3"> <path d="M 0 20 L 10 5 L 20 25 L 30 10 L 40 20 L 100 20" fill="none" stroke="#38bdf8" stroke-width="2"> <animate attributeName="stroke-dasharray" from="0,150" to="150,0" dur="3s" repeatCount="indefinite" /> </path> <text x="0" y="45" font-family="sans-serif" font-size="8" fill="#38bdf8">SIGNAL PROCESSING</text> </g> </svg>Information Literacy and Research image 1Information Literacy and Research - Technical Writing - image 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/information-literacy-and-research/svg/1Information Literacy and Research diagram 1Information Literacy and Research - Technical Writing - diagram 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/information-literacy-and-research/svg/2Information Literacy and Research diagram 2Information Literacy and Research - Technical Writing - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">WORKPLACE DOCUMENTATION &amp; REPORTING</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="2">THE ORGANIZATIONAL NERVOUS SYSTEM</text> <line x1="350" y1="90" x2="550" y2="90" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Central Hub Metaphor --> <circle cx="450" cy="280" r="60" fill="#ffffff08" stroke="#38bdf8" stroke-width="1" stroke-dasharray="5 5"/> <circle cx="450" cy="280" r="40" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="450" y="275" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">SME</text> <path d="M 430 285 L 470 285" stroke="#f59e0b" stroke-width="2"/> <text x="450" y="300" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">KNOWLEDGE</text> <!-- Connection Lines --> <path d="M 280 200 Q 450 150 450 220" fill="none" stroke="#ffffff15" stroke-width="2" stroke-dasharray="4 4"/> <path d="M 620 200 Q 450 150 450 220" fill="none" stroke="#ffffff15" stroke-width="2" stroke-dasharray="4 4"/> <path d="M 450 340 L 450 420" fill="none" stroke="#ffffff15" stroke-width="2" stroke-dasharray="4 4"/> <!-- Left Card: Progress Reports --> <rect x="40" y="120" width="320" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <rect x="40" y="120" width="320" height="45" rx="16" fill="#38bdf820"/> <text x="60" y="150" font-family="sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">Progress Reports</text> <text x="290" y="150" font-family="sans-serif" font-size="10" fill="#38bdf8" text-anchor="end">TEMPORAL LOOP</text> <!-- Timeline Steps --> <g transform="translate(60, 185)"> <circle cx="10" cy="10" r="8" fill="#22c55e"/> <text x="30" y="15" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Completed Work</text> <text x="30" y="30" font-family="sans-serif" font-size="11" fill="#94a3b8">Institutional memory &amp; archiving</text> <circle cx="10" cy="60" r="8" fill="#f59e0b"/> <text x="30" y="65" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Work in Progress</text> <text x="30" y="80" font-family="sans-serif" font-size="11" fill="#94a3b8">Current active sprints &amp; deltas</text> <circle cx="10" cy="110" r="8" fill="#38bdf8"/> <text x="30" y="115" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Future Work</text> <text x="30" y="130" font-family="sans-serif" font-size="11" fill="#94a3b8">Resource allocation &amp; trajectory</text> <rect x="0" y="160" width="280" height="40" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="185" font-family="sans-serif" font-size="12" fill="#f8fafc">RAG Status:</text> <circle cx="100" cy="181" r="6" fill="#22c55e"/> <circle cx="120" cy="181" r="6" fill="#f59e0b" opacity="0.3"/> <circle cx="140" cy="181" r="6" fill="#ef4444" opacity="0.3"/> <text x="160" y="185" font-family="sans-serif" font-size="11" fill="#94a3b8">On Track</text> </g> <!-- Right Card: Incident Reports --> <rect x="540" y="120" width="320" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <rect x="540" y="120" width="320" height="45" rx="16" fill="#e879f920"/> <text x="560" y="150" font-family="sans-serif" font-weight="bold" font-size="18" fill="#e879f9">Incident Reporting</text> <text x="840" y="150" font-family="sans-serif" font-size="10" fill="#e879f9" text-anchor="end">FORENSIC PRECISION</text> <g transform="translate(560, 185)"> <text x="0" y="15" font-family="sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">The Objectivity Theorem</text> <rect x="0" y="30" width="280" height="2" fill="#ffffff10"/> <!-- Comparison --> <g transform="translate(0, 50)"> <rect x="0" y="0" width="135" height="60" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="20" font-family="sans-serif" font-weight="bold" font-size="12" fill="#38bdf8">OBSERVATION</text> <text x="10" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">"The server rack</text> <text x="10" y="52" font-family="sans-serif" font-size="11" fill="#94a3b8">was emitting smoke."</text> <rect x="145" y="0" width="135" height="60" rx="8" fill="#ef444410" stroke="#ef444430"/> <text x="155" y="20" font-family="sans-serif" font-weight="bold" font-size="12" fill="#ef4444">INFERENCE</text> <text x="155" y="40" font-family="sans-serif" font-size="11" fill="#94a3b8">"The server rack</text> <text x="155" y="52" font-family="sans-serif" font-size="11" fill="#94a3b8">was poorly made."</text> </g> <text x="0" y="140" font-family="sans-serif" font-size="12" fill="#f8fafc" font-style="italic">"Forensic documentation provides a</text> <text x="0" y="155" font-family="sans-serif" font-size="12" fill="#f8fafc" font-style="italic">factual record for legal scrutiny."</text> <!-- Magnifying Glass Icon --> <circle cx="250" cy="145" r="15" fill="none" stroke="#e879f9" stroke-width="2"/> <line x1="262" y1="157" x2="275" y2="170" stroke="#e879f9" stroke-width="3" stroke-linecap="round"/> </g> <!-- Bottom Section: Audience Adaptation --> <rect x="40" y="430" width="820" height="100" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="460" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f59e0b">Audience Adaptation: The Bridge</text> <g transform="translate(60, 480)"> <!-- SME --> <rect x="0" y="0" width="240" height="35" rx="8" fill="#ffffff05"/> <circle cx="20" cy="17" r="10" fill="#38bdf8"/> <text x="40" y="22" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">ENGINEERS (SMEs)</text> <text x="150" y="22" font-family="sans-serif" font-size="11" fill="#94a3b8">High Granularity</text> <!-- Managers --> <rect x="260" y="0" width="240" height="35" rx="8" fill="#ffffff05"/> <circle cx="280" cy="17" r="10" fill="#e879f9"/> <text x="300" y="22" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">PROJECT MANAGERS</text> <text x="430" y="22" font-family="sans-serif" font-size="11" fill="#94a3b8">Milestones</text> <!-- Stakeholders --> <rect x="520" y="0" width="240" height="35" rx="8" fill="#ffffff05"/> <circle cx="540" cy="17" r="10" fill="#f59e0b"/> <text x="560" y="22" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">STAKEHOLDERS</text> <text x="680" y="22" font-family="sans-serif" font-size="11" fill="#94a3b8">ROI &amp; Reassurance</text> </g> <!-- Decorative Elements --> <circle cx="850" cy="50" r="30" fill="#38bdf8" opacity="0.1"/> <circle cx="50" cy="510" r="20" fill="#e879f9" opacity="0.1"/> <path d="M 880 540 L 840 540 L 880 500 Z" fill="#f59e0b" opacity="0.2"/> </svg>Workplace Documentation and Reporting image 1Workplace Documentation and Reporting - Technical Writing - image 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/workplace-documentation-and-reporting/svg/1Workplace Documentation and Reporting diagram 1Workplace Documentation and Reporting - Technical Writing - diagram 1https://www.getlykke.com/explore/public/technical-writing-fad6a22a-e276-4a4f-ad6d-c3d059a20b0b/media/workplace-documentation-and-reporting/svg/2Workplace Documentation and Reporting diagram 2Workplace Documentation and Reporting - Technical Writing - diagram 2https://www.getlykke.com/explore/public/english-composition-ii-rhetorical-methodsbased-c87ac465-c2d1-41bc-ba5c-60b9f0e872e82026-04-20T04:38:00.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Decor --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <line x1="450" y1="120" x2="450" y2="420" stroke="#ffffff15" stroke-width="2" stroke-dasharray="8 4"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="-0.5">RHETORICAL ANALYSIS</text> <text x="450" y="80" text-anchor="middle" font-family="sans-serif" font-weight="400" font-size="16" fill="#38bdf8" letter-spacing="2">TOULMIN VS. ROGERIAN MODELS</text> <rect x="400" y="95" width="100" height="4" rx="2" fill="#f59e0b"/> <!-- Left Panel: Toulmin --> <g transform="translate(40, 120)"> <rect width="380" height="300" rx="16" fill="#ffffff08" stroke="#38bdf840" stroke-width="1"/> <text x="20" y="40" font-family="sans-serif" font-weight="700" font-size="22" fill="#38bdf8">The Toulmin Model</text> <text x="20" y="65" font-family="sans-serif" font-size="13" fill="#94a3b8">Focus: Logical Rigor &amp; Structural Integrity</text> <!-- Toulmin Icon (Geometric/Blueprint) --> <g transform="translate(300, 20)"> <rect x="0" y="0" width="40" height="40" fill="none" stroke="#38bdf8" stroke-width="2"/> <path d="M0 40 L40 0 M0 20 L20 40 M20 0 L40 20" stroke="#38bdf8" stroke-width="1" opacity="0.5"/> </g> <!-- Components --> <g transform="translate(20, 90)"> <rect width="340" height="35" rx="6" fill="#ffffff10"/> <text x="10" y="22" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">CLAIM &amp; DATA</text> <text x="330" y="22" text-anchor="end" font-family="sans-serif" font-size="11" fill="#94a3b8">The Position + Evidence</text> <rect y="45" width="340" height="35" rx="6" fill="#ffffff10"/> <text x="10" y="67" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">WARRANT &amp; BACKING</text> <text x="330" y="67" text-anchor="end" font-family="sans-serif" font-size="11" fill="#94a3b8">The Logic + Support</text> <rect y="90" width="340" height="35" rx="6" fill="#ffffff10"/> <text x="10" y="112" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">QUALIFIER &amp; REBUTTAL</text> <text x="330" y="112" text-anchor="end" font-family="sans-serif" font-size="11" fill="#94a3b8">Limits + Counter-arguments</text> </g> <text x="20" y="260" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"Real-world arguments are based on probability,"</text> <text x="20" y="278" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"not absolute certainty." — Stephen Toulmin</text> </g> <!-- Right Panel: Rogerian --> <g transform="translate(480, 120)"> <rect width="380" height="300" rx="16" fill="#ffffff08" stroke="#e879f940" stroke-width="1"/> <text x="20" y="40" font-family="sans-serif" font-weight="700" font-size="22" fill="#e879f9">The Rogerian Model</text> <text x="20" y="65" font-family="sans-serif" font-size="13" fill="#94a3b8">Focus: Empathy &amp; Conflict Resolution</text> <!-- Rogerian Icon (Circles/Bridge) --> <g transform="translate(300, 20)"> <circle cx="15" cy="20" r="12" fill="none" stroke="#e879f9" stroke-width="2"/> <circle cx="25" cy="20" r="12" fill="none" stroke="#e879f9" stroke-width="2"/> </g> <!-- Components --> <g transform="translate(20, 90)"> <rect width="340" height="35" rx="6" fill="#ffffff10"/> <text x="10" y="22" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">COMMON GROUND</text> <text x="330" y="22" text-anchor="end" font-family="sans-serif" font-size="11" fill="#94a3b8">Shared Values &amp; Goals</text> <rect y="45" width="340" height="35" rx="6" fill="#ffffff10"/> <text x="10" y="67" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">NEUTRAL CONTEXT</text> <text x="330" y="67" text-anchor="end" font-family="sans-serif" font-size="11" fill="#94a3b8">Fair Representation of Others</text> <rect y="90" width="340" height="35" rx="6" fill="#ffffff10"/> <text x="10" y="112" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">MUTUAL BENEFIT</text> <text x="330" y="112" text-anchor="end" font-family="sans-serif" font-size="11" fill="#94a3b8">The "Win-Win" Outcome</text> </g> <text x="20" y="260" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"The goal is not to win, but to establish"</text> <text x="20" y="278" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"a bridge of understanding." — Carl Rogers</text> </g> <!-- Bottom Section: The 4 Pillars --> <g transform="translate(40, 440)"> <text x="0" y="-10" font-family="sans-serif" font-weight="700" font-size="14" fill="#f59e0b">THE FOUR PILLARS OF PERSUASION</text> <!-- Ethos --> <g transform="translate(0, 5)"> <rect width="195" height="80" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="30" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">ETHOS</text> <text x="15" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Credibility &amp; Character</text> <circle cx="170" cy="30" r="8" fill="#38bdf8" opacity="0.3"/> </g> <!-- Pathos --> <g transform="translate(208, 5)"> <rect width="195" height="80" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="30" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">PATHOS</text> <text x="15" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Emotional Resonance</text> <path d="M165 35 L175 35 L170 25 Z" fill="#e879f9" opacity="0.3"/> </g> <!-- Logos --> <g transform="translate(416, 5)"> <rect width="195" height="80" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="30" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">LOGOS</text> <text x="15" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">Logical Consistency</text> <rect x="162" y="22" width="16" height="16" fill="#38bdf8" opacity="0.3"/> </g> <!-- Kairos --> <g transform="translate(624, 5)"> <rect width="195" height="80" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <text x="15" y="30" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">KAIROS</text> <text x="15" y="50" font-family="sans-serif" font-size="11" fill="#94a3b8">The Opportune Moment</text> <path d="M162 30 A8 8 0 1 0 178 30 A8 8 0 1 0 162 30" fill="none" stroke="#f59e0b" stroke-width="2" opacity="0.5"/> <line x1="170" y1="30" x2="170" y2="25" stroke="#f59e0b" stroke-width="2"/> </g> </g> <!-- Decorative Accents --> <circle cx="850" cy="50" r="30" fill="#f59e0b" opacity="0.05"/> <circle cx="50" cy="510" r="40" fill="#38bdf8" opacity="0.05"/> </svg>Rhetorical Analysis: Toulmin and Rogerian Models image 1Rhetorical Analysis: Toulmin and Rogerian Models - English Composition II: Rhetorical Methods–Based - image 1https://www.getlykke.com/explore/public/english-composition-ii-rhetorical-methodsbased-c87ac465-c2d1-41bc-ba5c-60b9f0e872e8/media/rhetorical-analysis-models/svg/1Rhetorical Analysis: Toulmin and Rogerian Models diagram 1Rhetorical Analysis: Toulmin and Rogerian Models - English Composition II: Rhetorical Methods–Based - diagram 1https://www.getlykke.com/explore/public/english-composition-ii-rhetorical-methodsbased-c87ac465-c2d1-41bc-ba5c-60b9f0e872e8/media/rhetorical-analysis-models/svg/2Rhetorical Analysis: Toulmin and Rogerian Models diagram 2Rhetorical Analysis: Toulmin and Rogerian Models - English Composition II: Rhetorical Methods–Based - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="1">THE ARCHITECTURE OF INQUIRY</text> <text x="450" y="75" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="500">RESEARCH METHODOLOGY &amp; PROPOSAL FRAMEWORKS</text> <rect x="350" y="85" width="200" height="2" fill="url(#accentGrad)"/> <!-- Left Panel: The FINER Framework --> <rect x="40" y="110" width="260" height="410" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="60" y="140" fill="#38bdf8" font-family="sans-serif" font-weight="700" font-size="18">FINER CRITERIA</text> <text x="60" y="160" fill="#94a3b8" font-family="sans-serif" font-size="11">Evaluating Question Viability</text> <g transform="translate(60, 185)"> <!-- F --> <circle cx="15" cy="15" r="15" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1.5"/> <text x="15" y="20" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="bold" font-size="14">F</text> <text x="40" y="12" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Feasible</text> <text x="40" y="26" fill="#94a3b8" font-family="sans-serif" font-size="11">Resources, Time, Expertise</text> <!-- I --> <circle cx="15" cy="55" r="15" fill="#38bdf820" stroke="#38bdf8" stroke-width="1.5"/> <text x="15" y="60" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="14">I</text> <text x="40" y="52" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Interesting</text> <text x="40" y="66" fill="#94a3b8" font-family="sans-serif" font-size="11">Engages the Community</text> <!-- N --> <circle cx="15" cy="95" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="1.5"/> <text x="15" y="100" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="14">N</text> <text x="40" y="92" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Novel</text> <text x="40" y="106" fill="#94a3b8" font-family="sans-serif" font-size="11">Fills a Literature Gap</text> <!-- E --> <circle cx="15" cy="135" r="15" fill="#10b98120" stroke="#10b981" stroke-width="1.5"/> <text x="15" y="140" text-anchor="middle" fill="#10b981" font-family="sans-serif" font-weight="bold" font-size="14">E</text> <text x="40" y="132" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Ethical</text> <text x="40" y="146" fill="#94a3b8" font-family="sans-serif" font-size="11">IRB &amp; Subject Protection</text> <!-- R --> <circle cx="15" cy="175" r="15" fill="#f43f5e20" stroke="#f43f5e" stroke-width="1.5"/> <text x="15" y="180" text-anchor="middle" fill="#f43f5e" font-family="sans-serif" font-weight="bold" font-size="14">R</text> <text x="40" y="172" fill="#f8fafc" font-family="sans-serif" font-weight="600" font-size="13">Relevant</text> <text x="40" y="186" fill="#94a3b8" font-family="sans-serif" font-size="11">The "So What?" Factor</text> </g> <!-- Center Panel: Researchability Equation --> <rect x="320" y="110" width="260" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="450" y="140" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="700" font-size="18">RESEARCHABILITY (R)</text> <g transform="translate(450, 200)" filter="url(#glow)"> <text text-anchor="middle" fill="#f8fafc" font-family="serif" font-style="italic" font-size="28"> R = <tspan fill="#e879f9">N</tspan> · log(<tspan fill="#38bdf8">E</tspan>) / <tspan fill="#f43f5e">S²</tspan> </text> </g> <g transform="translate(340, 240)" font-family="sans-serif" font-size="10"> <text x="0" y="0" fill="#e879f9">N = Novelty</text> <text x="80" y="0" fill="#38bdf8">E = Evidence</text> <text x="160" y="0" fill="#f43f5e">S = Scope</text> <text x="0" y="20" fill="#94a3b8" font-style="italic">As Scope (S) increases, Researchability drops exponentially.</text> </g> <!-- Right Panel: Evidence Taxonomy --> <rect x="600" y="110" width="260" height="180" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="620" y="140" fill="#10b981" font-family="sans-serif" font-weight="700" font-size="18">EVIDENCE TAXONOMY</text> <rect x="615" y="160" width="110" height="110" rx="8" fill="#38bdf815" stroke="#38bdf830"/> <text x="670" y="180" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="12">PRIMARY</text> <text x="670" y="200" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10">Raw Artifacts</text> <text x="670" y="215" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Lab Results</text> <text x="670" y="228" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Diaries</text> <text x="670" y="241" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Field Notes</text> <rect x="735" y="160" width="110" height="110" rx="8" fill="#e879f915" stroke="#e879f930"/> <text x="790" y="180" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="12">SECONDARY</text> <text x="790" y="200" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="10">Interpretation</text> <text x="790" y="215" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Meta-Analysis</text> <text x="790" y="228" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Textbooks</text> <text x="790" y="241" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">Journal Reviews</text> <!-- Bottom Panel: Inquiry-Based Writing --> <rect x="320" y="310" width="540" height="210" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="340" y="340" fill="#f59e0b" font-family="sans-serif" font-weight="700" font-size="18">INQUIRY-BASED WRITING LADDER</text> <!-- Ladder Steps --> <g transform="translate(340, 365)"> <!-- Level 1 --> <rect x="0" y="100" width="160" height="30" rx="4" fill="#ffffff10"/> <text x="10" y="120" fill="#f8fafc" font-family="sans-serif" font-weight="bold" font-size="12">1. DESCRIPTIVE</text> <text x="170" y="120" fill="#94a3b8" font-family="sans-serif" font-size="11">"What happened?" — Summarizing known facts.</text> <!-- Level 2 --> <rect x="0" y="60" width="160" height="30" rx="4" fill="#38bdf820"/> <text x="10" y="80" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="12">2. ANALYTICAL</text> <text x="170" y="80" fill="#94a3b8" font-family="sans-serif" font-size="11">"Why it happened?" — Identifying patterns &amp; causes.</text> <!-- Level 3 --> <rect x="0" y="20" width="160" height="30" rx="4" fill="#e879f920"/> <text x="10" y="40" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="12">3. ARGUMENTATIVE</text> <text x="170" y="40" fill="#94a3b8" font-family="sans-serif" font-size="11">"How to understand it?" — Proposing new interpretations.</text> <!-- Connecting Line --> <path d="M 80,100 L 80,90 M 80,60 L 80,50" stroke="#ffffff30" stroke-width="2" stroke-dasharray="4"/> </g> <!-- Decorative Icons --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="10"/> <path d="M 40,520 Q 450,560 860,520" fill="none" stroke="url(#accentGrad)" stroke-width="1" opacity="0.3"/> </svg>Research Methodology and Proposals image 1Research Methodology and Proposals - English Composition II: Rhetorical Methods–Based - image 1https://www.getlykke.com/explore/public/english-composition-ii-rhetorical-methodsbased-c87ac465-c2d1-41bc-ba5c-60b9f0e872e8/media/research-methodology-proposals/svg/1Research Methodology and Proposals diagram 1Research Methodology and Proposals - English Composition II: Rhetorical Methods–Based - diagram 1https://www.getlykke.com/explore/public/english-composition-ii-rhetorical-methodsbased-c87ac465-c2d1-41bc-ba5c-60b9f0e872e8/media/research-methodology-proposals/svg/2Research Methodology and Proposals diagram 2Research Methodology and Proposals - English Composition II: Rhetorical Methods–Based - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="60" font-family="Inter, system-ui, sans-serif" font-weight="800" font-size="32" fill="#f8fafc">Thesis Statement Formulation</text> <text x="40" y="88" font-family="Inter, system-ui, sans-serif" font-size="16" fill="#94a3b8" letter-spacing="1">THE INTELLECTUAL CONTRACT &amp; ARCHITECTURAL BLUEPRINT</text> <rect x="40" y="105" width="120" height="4" rx="2" fill="url(#accentGrad)"/> <!-- Left Column: The Goldilocks Zone --> <rect x="40" y="135" width="400" height="385" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="65" y="170" font-family="Inter, sans-serif" font-weight="bold" font-size="18" fill="#f59e0b">The Goldilocks Zone of Discourse</text> <text x="65" y="192" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">A thesis must exist between the unarguable and the purely subjective.</text> <!-- Comparison Cards --> <!-- Fact --> <rect x="65" y="215" width="350" height="80" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="90" cy="240" r="12" fill="#475569"/> <text x="86" y="245" fill="white" font-family="sans-serif" font-weight="bold" font-size="14">!</text> <text x="115" y="238" font-family="Inter, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Level 1: Objective Fact</text> <text x="115" y="255" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">"The Great Depression began in 1929."</text> <text x="115" y="272" font-family="Inter, sans-serif" font-size="11" font-style="italic" fill="#64748b">Too Cold: No room for interpretation.</text> <!-- Opinion --> <rect x="65" y="305" width="350" height="80" rx="12" fill="#ffffff05" stroke="#ffffff10"/> <circle cx="90" cy="330" r="12" fill="#be123c"/> <path d="M 85 330 L 95 330 M 90 325 L 90 335" stroke="white" stroke-width="2" transform="rotate(45 90 330)"/> <text x="115" y="328" font-family="Inter, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Level 2: Subjective Opinion</text> <text x="115" y="345" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">"The 1930s was the most boring decade."</text> <text x="115" y="362" font-family="Inter, sans-serif" font-size="11" font-style="italic" fill="#64748b">Too Hot: Lacks logical rigor or evidence.</text> <!-- Debatable Claim --> <rect x="65" y="395" width="350" height="105" rx="12" fill="#f59e0b15" stroke="#f59e0b40"/> <circle cx="90" cy="420" r="12" fill="#f59e0b"/> <path d="M 85 420 L 95 420 M 90 415 L 90 425" stroke="white" stroke-width="2"/> <text x="115" y="418" font-family="Inter, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Level 3: Debatable Claim</text> <text x="115" y="435" font-family="Inter, sans-serif" font-size="12" fill="#f8fafc" width="220">"Protectionist trade policies were the primary cause of the Depression's length."</text> <text x="115" y="480" font-family="Inter, sans-serif" font-weight="bold" font-size="11" fill="#f59e0b">JUST RIGHT: Requires evidence &amp; defense.</text> <!-- Right Column: Evolution Pipeline --> <text x="470" y="155" font-family="Inter, sans-serif" font-weight="bold" font-size="18" fill="#38bdf8">Stochastic Refinement Pipeline</text> <!-- Step 1 --> <circle cx="485" cy="200" r="15" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <text x="481" y="205" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="12">01</text> <line x1="485" y1="215" x2="485" y2="265" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <text x="515" y="195" font-family="Inter, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Initial Inquiry</text> <text x="515" y="212" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">Broad interest: "How does social media affect health?"</text> <!-- Step 2 --> <circle cx="485" cy="280" r="15" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <text x="479" y="285" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="12">02</text> <line x1="485" y1="295" x2="485" y2="345" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <text x="515" y="275" font-family="Inter, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Tentative Claim</text> <text x="515" y="292" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">Preliminary answer: "It has a negative impact on teens."</text> <!-- Step 3 --> <circle cx="485" cy="360" r="15" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <text x="479" y="365" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="12">03</text> <line x1="485" y1="375" x2="485" y2="425" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <text x="515" y="355" font-family="Inter, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Working Thesis</text> <text x="515" y="372" font-family="Inter, sans-serif" font-size="12" fill="#94a3b8">Adding nuance: "Algorithmic promotion affects body image."</text> <!-- Step 4 --> <circle cx="485" cy="440" r="18" fill="#38bdf8"/> <text x="477" y="445" fill="#0f172a" font-family="sans-serif" font-weight="bold" font-size="12">04</text> <text x="515" y="435" font-family="Inter, sans-serif" font-weight="bold" font-size="14" fill="#f8fafc">Final Thesis</text> <text x="515" y="452" font-family="Inter, sans-serif" font-size="12" fill="#38bdf8" font-weight="bold">Polished, defensible, and structurally sound claim.</text> <!-- Footer Info Boxes --> <rect x="470" y="485" width="195" height="35" rx="8" fill="#e879f910" stroke="#e879f930"/> <text x="480" y="507" font-family="Inter, sans-serif" font-weight="bold" font-size="11" fill="#e879f9">FALSIFIABILITY TEST</text> <text x="595" y="507" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8">Can it be argued against?</text> <rect x="675" y="485" width="185" height="35" rx="8" fill="#38bdf810" stroke="#38bdf830"/> <text x="685" y="507" font-family="Inter, sans-serif" font-weight="bold" font-size="11" fill="#38bdf8">SCOPE OPTIMIZATION</text> <text x="800" y="507" font-family="Inter, sans-serif" font-size="10" fill="#94a3b8">Not too broad/narrow.</text> <!-- Decorative Blueprint Elements --> <path d="M 850 50 L 880 50 L 880 80" fill="none" stroke="#ffffff20" stroke-width="2"/> <circle cx="865" cy="65" r="3" fill="#e879f9"/> <line x1="40" y1="540" x2="860" y2="540" stroke="#ffffff10" stroke-width="1"/> <text x="815" y="535" font-family="monospace" font-size="10" fill="#475569">v1.0_REF_2024</text> </svg>Thesis Statement Formulation image 1Thesis Statement Formulation - English Composition II: Rhetorical Methods–Based - image 1https://www.getlykke.com/explore/public/english-composition-ii-rhetorical-methodsbased-c87ac465-c2d1-41bc-ba5c-60b9f0e872e8/media/thesis-statement-formulation/svg/1Thesis Statement Formulation diagram 1Thesis Statement Formulation - English Composition II: Rhetorical Methods–Based - diagram 1https://www.getlykke.com/explore/public/english-composition-ii-rhetorical-methodsbased-c87ac465-c2d1-41bc-ba5c-60b9f0e872e8/media/thesis-statement-formulation/svg/2Thesis Statement Formulation diagram 2Thesis Statement Formulation - English Composition II: Rhetorical Methods–Based - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="dots" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff10"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dots)"/> <!-- Decorative Header Elements --> <path d="M50 80 L850 80" stroke="#334155" stroke-width="1"/> <circle cx="50" cy="80" r="4" fill="#38bdf8"/> <circle cx="850" cy="80" r="4" fill="#e879f9"/> <!-- Title Section --> <text x="450" y="50" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" text-anchor="middle" letter-spacing="1">SOURCE INTEGRATION</text> <text x="450" y="72" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" text-anchor="middle" text-transform="uppercase">The Taxonomy of Evidence &amp; The Burkean Parlor</text> <!-- Central Metaphor: The Burkean Parlor --> <rect x="250" y="100" width="400" height="40" rx="20" fill="#ffffff08" stroke="#334155"/> <text x="450" y="125" font-family="sans-serif" font-size="14" fill="#f59e0b" text-anchor="middle" font-style="italic">"The writer enters a room where a complex conversation is already in progress..."</text> <!-- Main Taxonomy Cards --> <!-- Card 1: Quoting --> <g transform="translate(50, 160)"> <rect width="250" height="320" rx="16" fill="#ffffff10" stroke="#38bdf833" stroke-width="2"/> <rect width="250" height="60" rx="16" fill="#38bdf815"/> <text x="125" y="38" font-family="sans-serif" font-size="20" font-weight="700" fill="#38bdf8" text-anchor="middle">QUOTING</text> <!-- Icon: Brackets --> <text x="125" y="100" font-family="serif" font-size="40" fill="#38bdf8" text-anchor="middle" filter="url(#glow)">" "</text> <text x="125" y="140" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc" text-anchor="middle">High Fidelity Reproduction</text> <text x="125" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">Literal transcription of source text.</text> <line x1="40" y1="185" x2="210" y2="185" stroke="#334155"/> <text x="30" y="215" font-family="sans-serif" font-size="12" font-weight="700" fill="#38bdf8">SCOPE:</text> <text x="30" y="232" font-family="sans-serif" font-size="13" fill="#f8fafc">Micro (Sentence/Phrase)</text> <text x="30" y="265" font-family="sans-serif" font-size="12" font-weight="700" fill="#38bdf8">USE CASE:</text> <text x="30" y="282" font-family="sans-serif" font-size="13" fill="#f8fafc">Technical definitions, unique</text> <text x="30" y="297" font-family="sans-serif" font-size="13" fill="#f8fafc">phrasing, or "hard evidence."</text> </g> <!-- Card 2: Paraphrasing --> <g transform="translate(325, 160)"> <rect width="250" height="320" rx="16" fill="#ffffff10" stroke="#f59e0b33" stroke-width="2"/> <rect width="250" height="60" rx="16" fill="#f59e0b15"/> <text x="125" y="38" font-family="sans-serif" font-size="20" font-weight="700" fill="#f59e0b" text-anchor="middle">PARAPHRASING</text> <!-- Icon: Translation --> <g transform="translate(110, 80) scale(0.8)" fill="none" stroke="#f59e0b" stroke-width="3"> <path d="M10 20 L30 20 M20 10 L20 30" stroke-linecap="round"/> <path d="M5 5 Q20 0 35 5" stroke-dasharray="2 2"/> <circle cx="20" cy="20" r="18" stroke-opacity="0.3"/> </g> <text x="125" y="140" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc" text-anchor="middle">Semantic Translation</text> <text x="125" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">Restating ideas in original voice.</text> <line x1="40" y1="185" x2="210" y2="185" stroke="#334155"/> <text x="30" y="215" font-family="sans-serif" font-size="12" font-weight="700" fill="#f59e0b">SCOPE:</text> <text x="30" y="232" font-family="sans-serif" font-size="13" fill="#f8fafc">Meso (Sentence/Paragraph)</text> <text x="30" y="265" font-family="sans-serif" font-size="12" font-weight="700" fill="#f59e0b">USE CASE:</text> <text x="30" y="282" font-family="sans-serif" font-size="13" fill="#f8fafc">Explaining complex ideas while</text> <text x="30" y="297" font-family="sans-serif" font-size="13" fill="#f8fafc">maintaining authorial agency.</text> </g> <!-- Card 3: Summarizing --> <g transform="translate(600, 160)"> <rect width="250" height="320" rx="16" fill="#ffffff10" stroke="#e879f933" stroke-width="2"/> <rect width="250" height="60" rx="16" fill="#e879f915"/> <text x="125" y="38" font-family="sans-serif" font-size="20" font-weight="700" fill="#e879f9" text-anchor="middle">SUMMARIZING</text> <!-- Icon: Funnel --> <path d="M110 80 L140 80 L130 110 L120 110 Z" fill="#e879f9" fill-opacity="0.5" filter="url(#glow)"/> <rect x="115" y="75" width="20" height="4" rx="2" fill="#e879f9"/> <text x="125" y="140" font-family="sans-serif" font-size="14" font-weight="600" fill="#f8fafc" text-anchor="middle">Macro-Level Overview</text> <text x="125" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8" text-anchor="middle">Condensing large bodies of work.</text> <line x1="40" y1="185" x2="210" y2="185" stroke="#334155"/> <text x="30" y="215" font-family="sans-serif" font-size="12" font-weight="700" fill="#e879f9">SCOPE:</text> <text x="30" y="232" font-family="sans-serif" font-size="13" fill="#f8fafc">Macro (Chapter/Book)</text> <text x="30" y="265" font-family="sans-serif" font-size="12" font-weight="700" fill="#e879f9">USE CASE:</text> <text x="30" y="282" font-family="sans-serif" font-size="13" fill="#f8fafc">Providing background context or</text> <text x="30" y="297" font-family="sans-serif" font-size="13" fill="#f8fafc">broad theoretical foundations.</text> </g> <!-- Fidelity Spectrum Axis --> <g transform="translate(50, 510)"> <defs> <linearGradient id="spectrum" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="50%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> </defs> <rect width="800" height="4" rx="2" fill="url(#spectrum)" fill-opacity="0.4"/> <text x="0" y="25" font-family="sans-serif" font-size="11" font-weight="700" fill="#38bdf8">100% FIDELITY</text> <text x="400" y="25" font-family="sans-serif" font-size="11" font-weight="700" fill="#94a3b8" text-anchor="middle">SEMANTIC MEANING</text> <text x="800" y="25" font-family="sans-serif" font-size="11" font-weight="700" fill="#e879f9" text-anchor="end">CONCEPTUAL OVERVIEW</text> <circle cx="0" cy="2" r="5" fill="#38bdf8"/> <circle cx="800" cy="2" r="5" fill="#e879f9"/> </g> <!-- Authorial Agency Thread --> <path d="M50 145 Q 450 130 850 145" fill="none" stroke="#f8fafc" stroke-width="1.5" stroke-dasharray="5 5" opacity="0.3"/> <text x="450" y="142" font-family="sans-serif" font-size="10" fill="#f8fafc" text-anchor="middle" opacity="0.6" text-transform="uppercase">The Primary Thread: Authorial Agency</text> <!-- Corner Accents --> <rect x="0" y="0" width="40" height="40" fill="none" stroke="#334155" stroke-width="2" stroke-dasharray="80 80" transform="translate(10,10)"/> <rect x="0" y="0" width="40" height="40" fill="none" stroke="#334155" stroke-width="2" stroke-dasharray="80 80" transform="translate(850,510) rotate(180)"/> </svg>Source Integration: Quoting and Paraphrasing image 1Source Integration: Quoting and Paraphrasing - English Composition II: Rhetorical Methods–Based - image 1https://www.getlykke.com/explore/public/english-composition-ii-rhetorical-methodsbased-c87ac465-c2d1-41bc-ba5c-60b9f0e872e8/media/source-integration-techniques/svg/1Source Integration: Quoting and Paraphrasing diagram 1Source Integration: Quoting and Paraphrasing - English Composition II: Rhetorical Methods–Based - diagram 1https://www.getlykke.com/explore/public/english-composition-ii-rhetorical-methodsbased-c87ac465-c2d1-41bc-ba5c-60b9f0e872e8/media/source-integration-techniques/svg/2Source Integration: Quoting and Paraphrasing diagram 2Source Integration: Quoting and Paraphrasing - English Composition II: Rhetorical Methods–Based - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="mlaGrad" x1="0" x2="1" y1="0" y2="0"> <stop offset="0%" stop-color="#e879f922"/> <stop offset="100%" stop-color="#e879f905"/> </linearGradient> <linearGradient id="apaGrad" x1="0" x2="1" y1="0" y2="0"> <stop offset="0%" stop-color="#38bdf805"/> <stop offset="100%" stop-color="#38bdf822"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <!-- Decorative Grid --> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="1">CITATION STANDARDS</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="2">THE ARCHITECTURE OF ACADEMIC DISCOURSE</text> <rect x="400" y="95" width="100" height="2" fill="#f59e0b"/> <!-- Philosophy Hub --> <g transform="translate(450, 140)"> <rect x="-380" y="0" width="760" height="60" rx="30" fill="#ffffff08" stroke="#ffffff15"/> <g transform="translate(-260, 30)"> <circle r="12" fill="#f59e0b" fill-opacity="0.2" stroke="#f59e0b" stroke-width="2"/> <text x="20" y="5" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">ATTRIBUTION</text> </g> <g transform="translate(0, 30)"> <circle r="12" fill="#e879f9" fill-opacity="0.2" stroke="#e879f9" stroke-width="2"/> <text x="20" y="5" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">VERIFICATION</text> </g> <g transform="translate(180, 30)"> <circle r="12" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8" stroke-width="2"/> <text x="20" y="5" fill="#f8fafc" font-family="sans-serif" font-size="13" font-weight="600">CONTEXTUALIZATION</text> </g> </g> <!-- MLA Section (Left) --> <g transform="translate(40, 220)"> <rect width="400" height="300" rx="16" fill="url(#mlaGrad)" stroke="#e879f933" stroke-width="1"/> <text x="20" y="35" fill="#e879f9" font-family="sans-serif" font-size="22" font-weight="700">MLA STYLE</text> <text x="20" y="55" fill="#94a3b8" font-family="sans-serif" font-size="12" font-weight="500">HUMANITIES &amp; LITERATURE</text> <!-- MLA Logic --> <g transform="translate(20, 85)"> <rect width="360" height="40" rx="8" fill="#ffffff08"/> <text x="15" y="25" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">Focus: Author-Page System</text> <text x="345" y="25" text-anchor="end" fill="#e879f9" font-family="sans-serif" font-size="12">(García Márquez 42)</text> </g> <!-- Container Concept Visual --> <text x="20" y="155" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">The "Container" Logic</text> <g transform="translate(20, 170)"> <rect x="0" y="0" width="120" height="80" rx="4" fill="#e879f911" stroke="#e879f9" stroke-dasharray="4 2"/> <text x="60" y="45" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-size="11">SOURCE</text> <path d="M 130 40 L 160 40" stroke="#94a3b8" stroke-width="2" marker-end="url(#arrow)"/> <rect x="170" y="-10" width="160" height="100" rx="4" fill="#e879f922" stroke="#e879f9" stroke-width="2"/> <text x="250" y="45" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="11" font-weight="bold">CONTAINER</text> <text x="250" y="65" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="9">(Journal, Anthology, Website)</text> </g> <text x="20" y="280" fill="#94a3b8" font-family="sans-serif" font-size="11" font-style="italic">Prioritizes the location within stable texts.</text> </g> <!-- APA Section (Right) --> <g transform="translate(460, 220)"> <rect width="400" height="300" rx="16" fill="url(#apaGrad)" stroke="#38bdf833" stroke-width="1"/> <text x="20" y="35" fill="#38bdf8" font-family="sans-serif" font-size="22" font-weight="700">APA STYLE</text> <text x="20" y="55" fill="#94a3b8" font-family="sans-serif" font-size="12" font-weight="500">SOCIAL SCIENCES &amp; STEM</text> <!-- APA Logic --> <g transform="translate(20, 85)"> <rect width="360" height="40" rx="8" fill="#ffffff08"/> <text x="15" y="25" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">Focus: Author-Date System</text> <text x="345" y="25" text-anchor="end" fill="#38bdf8" font-family="sans-serif" font-size="12">(Smith, 2024)</text> </g> <!-- Currency Visual --> <text x="20" y="155" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">Priority: Data Currency</text> <g transform="translate(20, 170)"> <line x1="0" y1="40" x2="340" y2="40" stroke="#38bdf8" stroke-width="2" stroke-dasharray="8 4"/> <circle cx="40" cy="40" r="6" fill="#1e1b4b" stroke="#38bdf8" stroke-width="2"/> <text x="40" y="65" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">1990</text> <circle cx="170" cy="40" r="6" fill="#1e1b4b" stroke="#38bdf8" stroke-width="2"/> <text x="170" y="65" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10">2010</text> <circle cx="300" cy="40" r="10" fill="#38bdf8" filter="url(#glow)"/> <text x="300" y="65" text-anchor="middle" fill="#38bdf8" font-family="sans-serif" font-size="11" font-weight="bold">2024</text> <path d="M 290 10 L 310 10 L 300 30 Z" fill="#f59e0b"/> <text x="300" y="0" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-size="10" font-weight="bold">NEWEST DATA</text> </g> <text x="20" y="280" fill="#94a3b8" font-family="sans-serif" font-size="11" font-style="italic">Emphasizes the age of research for reproducibility.</text> </g> <!-- Footer Elements --> <circle cx="450" cy="530" r="4" fill="#f59e0b"/> <circle cx="430" cy="530" r="4" fill="#ffffff22"/> <circle cx="470" cy="530" r="4" fill="#ffffff22"/> <!-- Decorative elements --> <path d="M 850 50 L 880 80 M 860 50 L 890 80" stroke="#ffffff11" stroke-width="4"/> <circle cx="30" cy="50" r="15" fill="none" stroke="#ffffff11" stroke-width="2"/> </svg>Citation Standards: MLA and APA image 1Citation Standards: MLA and APA - English Composition II: Rhetorical Methods–Based - image 1https://www.getlykke.com/explore/public/english-composition-ii-rhetorical-methodsbased-c87ac465-c2d1-41bc-ba5c-60b9f0e872e8/media/citation-standards-mla-apa/svg/1Citation Standards: MLA and APA diagram 1Citation Standards: MLA and APA - English Composition II: Rhetorical Methods–Based - diagram 1https://www.getlykke.com/explore/public/english-composition-ii-rhetorical-methodsbased-c87ac465-c2d1-41bc-ba5c-60b9f0e872e8/media/citation-standards-mla-apa/svg/2Citation Standards: MLA and APA diagram 2Citation Standards: MLA and APA - English Composition II: Rhetorical Methods–Based - diagram 2https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb0518612026-04-20T04:36:19.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="slinky-grad" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="33%" stop-color="#38bdf8"/> <stop offset="66%" stop-color="#e879f9"/> <stop offset="100%" stop-color="#10b981"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">THE WRITING PROCESS</text> <text x="40" y="75" font-family="sans-serif" font-weight="400" font-size="16" fill="#94a3b8">A Recursive Journey: From Creative Entropy to Surgical Precision</text> <rect x="40" y="90" width="120" height="4" fill="#38bdf8" rx="2"/> <!-- Comparison Panel (Top Right) --> <rect x="560" y="30" width="300" height="110" rx="16" fill="#ffffff10" stroke="#ffffff20"/> <text x="580" y="55" font-family="sans-serif" font-weight="700" font-size="14" fill="#f8fafc">THE PARADIGM SHIFT</text> <text x="580" y="80" font-family="sans-serif" font-size="12" fill="#94a3b8">Linear Model: Static, Unidirectional</text> <path d="M 780 76 L 830 76" stroke="#ef4444" stroke-width="2" marker-end="url(#arrow)"/> <text x="580" y="100" font-family="sans-serif" font-size="12" fill="#38bdf8">Recursive Model: Dynamic, Cyclical</text> <path d="M 780 96 C 790 86, 820 86, 830 96 S 800 106, 790 96" fill="none" stroke="#38bdf8" stroke-width="2"/> <!-- Main Slinky Path (The Core Visual) --> <g transform="translate(50, 180)"> <!-- Shadow/Path Trace --> <path d="M 50 100 C 50 0, 150 0, 150 100 S 250 200, 250 100 S 350 0, 350 100 S 450 200, 450 100 S 550 0, 550 100 S 650 200, 650 100 S 750 0, 750 100" fill="none" stroke="#ffffff10" stroke-width="40" stroke-linecap="round"/> <!-- The Slinky Coil --> <path d="M 50 100 C 50 0, 150 0, 150 100 S 250 200, 250 100 S 350 0, 350 100 S 450 200, 450 100 S 550 0, 550 100 S 650 200, 650 100 S 750 0, 750 100" fill="none" stroke="url(#slinky-grad)" stroke-width="8" stroke-dasharray="1, 15" stroke-linecap="round" filter="url(#glow)"/> <!-- Loop Back Indicators --> <path d="M 250 120 Q 200 160, 150 120" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4" marker-end="url(#arrow-head)"/> <path d="M 450 120 Q 400 160, 350 120" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4" marker-end="url(#arrow-head)"/> <path d="M 650 120 Q 600 160, 550 120" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4" marker-end="url(#arrow-head)"/> </g> <!-- Phase Cards --> <!-- 1. Prewriting --> <rect x="40" y="380" width="190" height="140" rx="12" fill="#ffffff08" stroke="#f59e0b44"/> <circle cx="70" cy="410" r="15" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <path d="M 65 405 L 75 415 M 75 405 L 65 415" stroke="#f59e0b" stroke-width="2"/> <text x="95" y="415" font-family="sans-serif" font-weight="700" font-size="16" fill="#f59e0b">PREWRITING</text> <text x="60" y="445" font-family="sans-serif" font-size="12" fill="#f8fafc">Creative Entropy</text> <text x="60" y="465" font-family="sans-serif" font-size="11" fill="#94a3b8">• Brainstorming</text> <text x="60" y="480" font-family="sans-serif" font-size="11" fill="#94a3b8">• Cluster Mapping</text> <text x="60" y="495" font-family="sans-serif" font-size="11" fill="#94a3b8">• Freewriting</text> <!-- 2. Drafting --> <rect x="250" y="380" width="190" height="140" rx="12" fill="#ffffff08" stroke="#38bdf844"/> <circle cx="280" cy="410" r="15" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <rect x="275" y="405" width="10" height="10" fill="none" stroke="#38bdf8" stroke-width="2"/> <text x="305" y="415" font-family="sans-serif" font-weight="700" font-size="16" fill="#38bdf8">DRAFTING</text> <text x="270" y="445" font-family="sans-serif" font-size="12" fill="#f8fafc">Synthesis</text> <text x="270" y="465" font-family="sans-serif" font-size="11" fill="#94a3b8">• Building Structure</text> <text x="270" y="480" font-family="sans-serif" font-size="11" fill="#94a3b8">• Connecting Ideas</text> <text x="270" y="495" font-family="sans-serif" font-size="11" fill="#94a3b8">• Discovery Writing</text> <!-- 3. Revising --> <rect x="460" y="380" width="190" height="140" rx="12" fill="#ffffff08" stroke="#e879f944"/> <circle cx="490" cy="410" r="15" fill="#e879f922" stroke="#e879f9" stroke-width="2"/> <path d="M 485 410 A 5 5 0 1 1 495 410" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="515" y="415" font-family="sans-serif" font-weight="700" font-size="16" fill="#e879f9">REVISING</text> <text x="480" y="445" font-family="sans-serif" font-size="12" fill="#f8fafc">Refinement</text> <text x="480" y="465" font-family="sans-serif" font-size="11" fill="#94a3b8">• Global Changes</text> <text x="480" y="480" font-family="sans-serif" font-size="11" fill="#94a3b8">• Argument Strength</text> <text x="480" y="495" font-family="sans-serif" font-size="11" fill="#94a3b8">• Structural Reorg</text> <!-- 4. Editing --> <rect x="670" y="380" width="190" height="140" rx="12" fill="#ffffff08" stroke="#10b98144"/> <circle cx="700" cy="410" r="15" fill="#10b98122" stroke="#10b981" stroke-width="2"/> <path d="M 695 415 L 705 405" stroke="#10b981" stroke-width="2"/> <text x="725" y="415" font-family="sans-serif" font-weight="700" font-size="16" fill="#10b981">EDITING</text> <text x="690" y="445" font-family="sans-serif" font-size="12" fill="#f8fafc">Precision</text> <text x="690" y="465" font-family="sans-serif" font-size="11" fill="#94a3b8">• Sentence Flow</text> <text x="690" y="480" font-family="sans-serif" font-size="11" fill="#94a3b8">• Grammar/Syntax</text> <text x="690" y="495" font-family="sans-serif" font-size="11" fill="#94a3b8">• Final Polish</text> <!-- Markers --> <marker id="arrow-head" markerWidth="10" markerHeight="10" refX="5" refY="5" orient="auto"> <path d="M 0 0 L 5 5 L 0 10" fill="none" stroke="#94a3b8" stroke-width="1"/> </marker> <!-- Quote/Principle --> <text x="450" y="545" font-family="sans-serif" font-style="italic" font-size="13" fill="#94a3b8" text-anchor="middle">"Writing is not merely a way to record thoughts, but a way to discover them."</text> <!-- Decorative "Slinky Principle" Label --> <g transform="translate(100, 200) rotate(-15)"> <text x="0" y="0" font-family="sans-serif" font-weight="900" font-size="10" fill="#ffffff20" letter-spacing="2">THE SLINKY PRINCIPLE</text> </g> </svg>The Writing Process Overview image 1The Writing Process Overview - Online Writing Lab - image 1https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb051861/media/the-writing-process-overview/svg/1The Writing Process Overview diagram 1The Writing Process Overview - Online Writing Lab - diagram 1https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb051861/media/the-writing-process-overview/svg/2The Writing Process Overview diagram 2The Writing Process Overview - Online Writing Lab - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background and Grid --> <rect width="900" height="560" fill="url(#bg)"/> <g stroke="#ffffff08" stroke-width="1"> <path d="M0 40h900M0 80h900M0 120h900M0 160h900M0 200h900M0 240h900M0 280h900M0 320h900M0 360h900M0 400h900M0 440h900M0 480h900M0 520h900"/> <path d="M40 0v560M80 0v560M120 0v560M160 0v560M200 0v560M240 0v560M280 0v560M320 0v560M360 0v560M400 0v560M440 0v560M480 0v560M520 0v560M560 0v560M600 0v560M640 0v560M680 0v560M720 0v560M760 0v560M800 0v560M840 0v560"/> </g> <!-- Header Section --> <text x="40" y="60" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">PREWRITING &amp; IDEA GENERATION</text> <text x="40" y="85" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">THE NON-LINEAR ARCHITECTURE OF THOUGHT</text> <rect x="40" y="105" width="120" height="4" fill="url(#accentGrad)" rx="2"/> <!-- Main Concept: The Slinky Metaphor --> <rect x="40" y="130" width="410" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">The Recursive Loop (The Slinky®)</text> <text x="60" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">Writing is not a straight line, but a forward-moving coil.</text> <!-- Slinky Illustration --> <g transform="translate(80, 240)" fill="none" stroke-width="3"> <path d="M0 0c20-40 60-40 80 0s-60 40-80 0" stroke="#38bdf833"/> <path d="M40 0c20-40 60-40 80 0s-60 40-80 0" stroke="#38bdf866"/> <path d="M80 0c20-40 60-40 80 0s-60 40-80 0" stroke="#38bdf899"/> <path d="M120 0c20-40 60-40 80 0s-60 40-80 0" stroke="#38bdf8"/> <path d="M160 0c20-40 60-40 80 0s-60 40-80 0" stroke="#e879f9" filter="url(#glow)"/> <!-- Arrow --> <path d="M250 0h60" stroke="#f8fafc" stroke-dasharray="4 2"/> <path d="M305 -5l10 5l-10 5" fill="#f8fafc"/> </g> <text x="60" y="340" font-family="sans-serif" font-size="12" fill="#f8fafc" font-weight="600">RECURSIVE PROGRESSION</text> <text x="280" y="340" font-family="sans-serif" font-size="11" fill="#94a3b8">Iteration leads to refinement</text> <!-- Comparison: Generative vs Evaluative --> <rect x="470" y="130" width="390" height="240" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="490" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Cognitive Decoupling</text> <!-- Generative Side --> <rect x="490" y="185" width="170" height="160" rx="8" fill="#38bdf810" stroke="#38bdf830"/> <text x="500" y="205" font-family="sans-serif" font-weight="700" font-size="13" fill="#38bdf8">GENERATIVE</text> <text x="500" y="225" font-family="sans-serif" font-size="11" fill="#f8fafc">Divergent Thinking</text> <circle cx="510" cy="255" r="3" fill="#38bdf8"/> <text x="520" y="259" font-family="sans-serif" font-size="11" fill="#94a3b8">Quantity over quality</text> <circle cx="510" cy="275" r="3" fill="#38bdf8"/> <text x="520" y="279" font-family="sans-serif" font-size="11" fill="#94a3b8">Bypass inner critic</text> <circle cx="510" cy="295" r="3" fill="#38bdf8"/> <text x="520" y="299" font-family="sans-serif" font-size="11" fill="#94a3b8">Raw conceptual ore</text> <!-- Evaluative Side --> <rect x="670" y="185" width="170" height="160" rx="8" fill="#e879f910" stroke="#e879f930"/> <text x="680" y="205" font-family="sans-serif" font-weight="700" font-size="13" fill="#e879f9">EVALUATIVE</text> <text x="680" y="225" font-family="sans-serif" font-size="11" fill="#f8fafc">Convergent Thinking</text> <circle cx="690" cy="255" r="3" fill="#e879f9"/> <text x="700" y="259" font-family="sans-serif" font-size="11" fill="#94a3b8">Clarity and logic</text> <circle cx="690" cy="275" r="3" fill="#e879f9"/> <text x="700" y="279" font-family="sans-serif" font-size="11" fill="#94a3b8">Strict constraints</text> <circle cx="690" cy="295" r="3" fill="#e879f9"/> <text x="700" y="299" font-family="sans-serif" font-size="11" fill="#94a3b8">Polishing the metal</text> <!-- Bottom Section: Methodologies --> <text x="40" y="410" font-family="sans-serif" font-weight="700" font-size="20" fill="#f8fafc">Core Methodologies</text> <!-- Freewriting Card --> <rect x="40" y="430" width="410" height="100" rx="12" fill="#ffffff0a" stroke="#ffffff15"/> <path d="M60 455l20 0l5 15l10-30l10 40l10-25l10 0" stroke="#38bdf8" fill="none" stroke-width="2"/> <text x="140" y="460" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">01. Freewriting</text> <text x="140" y="480" font-family="sans-serif" font-size="12" fill="#94a3b8">Stochastic generation. Maintain velocity to</text> <text x="140" y="495" font-family="sans-serif" font-size="12" fill="#94a3b8">achieve flow state and lower entry barriers.</text> <rect x="140" y="508" width="60" height="14" rx="4" fill="#38bdf820"/> <text x="145" y="519" font-family="sans-serif" font-size="9" font-weight="bold" fill="#38bdf8">VELOCITY</text> <!-- Mapping Card --> <rect x="470" y="430" width="390" height="100" rx="12" fill="#ffffff0a" stroke="#ffffff15"/> <!-- Node Icon --> <circle cx="510" cy="480" r="6" stroke="#e879f9" stroke-width="2" fill="none"/> <circle cx="535" cy="460" r="4" fill="#e879f9"/> <circle cx="535" cy="500" r="4" fill="#e879f9"/> <line x1="516" y1="476" x2="531" y2="464" stroke="#e879f9" stroke-width="1"/> <line x1="516" y1="484" x2="531" y2="496" stroke="#e879f9" stroke-width="1"/> <text x="560" y="460" font-family="sans-serif" font-weight="700" font-size="16" fill="#f8fafc">02. Concept Mapping</text> <text x="560" y="480" font-family="sans-serif" font-size="12" fill="#94a3b8">Visual synthesis of nodes and edges.</text> <text x="560" y="495" font-family="sans-serif" font-size="12" fill="#94a3b8">Identifies the topology of an argument.</text> <rect x="560" y="508" width="60" height="14" rx="4" fill="#e879f920"/> <text x="565" y="519" font-family="sans-serif" font-size="9" font-weight="bold" fill="#e879f9">STRUCTURE</text> <!-- Decorative corner element --> <path d="M860 40l20 0l0 20" fill="none" stroke="#f59e0b" stroke-width="2"/> <circle cx="880" cy="40" r="3" fill="#f59e0b"/> </svg>Prewriting and Idea Generation image 1Prewriting and Idea Generation - Online Writing Lab - image 1https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb051861/media/prewriting-strategies/svg/1Prewriting and Idea Generation diagram 1Prewriting and Idea Generation - Online Writing Lab - diagram 1https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb051861/media/prewriting-strategies/svg/2Prewriting and Idea Generation diagram 2Prewriting and Idea Generation - Online Writing Lab - diagram 2https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb051861/media/prewriting-strategies/svg/3Prewriting and Idea Generation diagram 3Prewriting and Idea Generation - Online Writing Lab - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-size="32" font-weight="800" fill="#f8fafc" letter-spacing="1">ASSIGNMENT ANALYSIS &amp; TOPIC NARROWING</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" letter-spacing="2">PHASE 01: THE RHETORICAL COMPILER</text> <line x1="350" y1="85" x2="550" y2="85" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 2"/> <!-- Left Section: Rhetorical Triad --> <text x="60" y="125" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">I. THE RHETORICAL TRIAD</text> <!-- Purpose Card --> <rect x="50" y="140" width="320" height="85" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <circle cx="85" cy="182" r="20" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <circle cx="85" cy="182" r="4" fill="#38bdf8"/> <text x="120" y="175" font-family="sans-serif" font-size="16" font-weight="700" fill="#f8fafc">PURPOSE</text> <text x="120" y="192" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Why" — Objective Function (Persuade/Inform)</text> <!-- Audience Card --> <rect x="50" y="240" width="320" height="85" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <path d="M75 285 Q85 265 95 285" fill="none" stroke="#f59e0b" stroke-width="2"/> <circle cx="85" cy="270" r="6" fill="none" stroke="#f59e0b" stroke-width="2"/> <text x="120" y="275" font-family="sans-serif" font-size="16" font-weight="700" fill="#f8fafc">AUDIENCE</text> <text x="120" y="292" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Who" — Knowledge Threshold &amp; Abstraction</text> <!-- Voice Card --> <rect x="50" y="340" width="320" height="85" rx="16" fill="#ffffff10" stroke="#ffffff15"/> <path d="M70 382 L75 372 L85 392 L90 382 L100 382" fill="none" stroke="#e879f9" stroke-width="2"/> <text x="120" y="375" font-family="sans-serif" font-size="16" font-weight="700" fill="#f8fafc">VOICE</text> <text x="120" y="392" font-family="sans-serif" font-size="12" fill="#94a3b8">The "How" — Register, Tone, &amp; Ethos</text> <!-- Right Section: The Hand Fan / Funnel --> <text x="500" y="125" font-family="sans-serif" font-size="18" font-weight="700" fill="#f59e0b">II. TOPIC NARROWING (THE FAN)</text> <!-- Funnel/Fan Visualization --> <g transform="translate(500, 150)"> <!-- Level 1: Global --> <path d="M0 0 L340 0 L310 60 L30 60 Z" fill="#ffffff08" stroke="#ffffff20"/> <text x="170" y="35" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">GLOBAL TOPIC (Too Broad)</text> <text x="350" y="35" font-family="sans-serif" font-size="11" fill="#94a3b8">e.g., "Climate Change"</text> <!-- Level 2: Category --> <path d="M30 70 L310 70 L270 130 L70 130 Z" fill="#ffffff12" stroke="#ffffff20"/> <text x="170" y="105" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">SUB-CATEGORY</text> <text x="350" y="105" font-family="sans-serif" font-size="11" fill="#94a3b8">e.g., "Ocean Acidification"</text> <!-- Level 3: Niche --> <path d="M70 140 L270 140 L220 200 L120 200 Z" fill="#38bdf820" stroke="#38bdf840"/> <text x="170" y="175" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="700" fill="#f8fafc">SPECIFIC NICHE</text> <text x="350" y="175" font-family="sans-serif" font-size="11" fill="#94a3b8">e.g., "Impact on Coral Reefs"</text> <!-- Level 4: Thesis --> <path d="M120 210 L220 210 L170 270 Z" fill="#f59e0b40" stroke="#f59e0b" filter="url(#glow)"/> <text x="170" y="245" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="800" fill="#f59e0b">THESIS RIB</text> <text x="180" y="295" font-family="sans-serif" font-size="11" fill="#f8fafc" font-style="italic">"The economic impact of coral bleaching on Caribbean tourism (2010-2020)"</text> </g> <!-- Bottom Panel: Logic Check --> <rect x="50" y="450" width="800" height="80" rx="16" fill="#00000040" stroke="#38bdf830"/> <text x="75" y="475" font-family="monospace" font-size="13" fill="#38bdf8">if capacity &lt; 0.8: </text> <text x="215" y="475" font-family="monospace" font-size="13" fill="#f8fafc">return "REJECT: Scope Creep Detected"</text> <text x="75" y="495" font-family="monospace" font-size="13" fill="#38bdf8">elif capacity &gt; 2.5: </text> <text x="235" y="495" font-family="monospace" font-size="13" fill="#f8fafc">return "CAUTION: Topic too thin"</text> <!-- Success Metric Badge --> <rect x="680" y="465" width="150" height="50" rx="10" fill="#10b98120" stroke="#10b981"/> <text x="755" y="485" text-anchor="middle" font-family="sans-serif" font-size="10" font-weight="700" fill="#10b981">SUCCESS METRIC</text> <text x="755" y="502" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="800" fill="#f8fafc">OPTIMAL ALIGNMENT</text> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="850" cy="50" r="15" fill="none" stroke="#ffffff05" stroke-width="4"/> </svg>Assignment Analysis and Topic Narrowing image 1Assignment Analysis and Topic Narrowing - Online Writing Lab - image 1https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb051861/media/assignment-analysis-and-topic-narrowing/svg/1Assignment Analysis and Topic Narrowing diagram 1Assignment Analysis and Topic Narrowing - Online Writing Lab - diagram 1https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb051861/media/assignment-analysis-and-topic-narrowing/svg/2Assignment Analysis and Topic Narrowing diagram 2Assignment Analysis and Topic Narrowing - Online Writing Lab - diagram 2<svg viewBox="0 0 900 560" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="32" font-weight="800" letter-spacing="-0.025em">THE ACADEMIC PROTOCOL</text> <text x="450" y="85" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="400" letter-spacing="0.05em">HIGH-FIDELITY SCHOLARLY TRANSMISSION MODEL</text> <rect x="400" y="95" width="100" height="4" rx="2" fill="url(#accentGrad)"/> <!-- Main Signal Flow Line --> <path d="M 100 280 L 800 280" stroke="#ffffff10" stroke-width="2" stroke-dasharray="8 4"/> <circle cx="450" cy="280" r="180" fill="none" stroke="#38bdf815" stroke-width="1"/> <circle cx="450" cy="280" r="220" fill="none" stroke="#e879f910" stroke-width="1"/> <!-- Left Card: The Rhetorical Situation (Input) --> <rect x="50" y="140" width="220" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="70" y="175" fill="#38bdf8" font-family="sans-serif" font-size="18" font-weight="700">Rhetorical Situation</text> <g transform="translate(70, 205)"> <circle cx="10" cy="0" r="4" fill="#f59e0b"/> <text x="25" y="5" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">Exigence</text> <text x="25" y="22" fill="#94a3b8" font-family="sans-serif" font-size="11">The catalyst for writing</text> <circle cx="10" cy="50" r="4" fill="#f59e0b"/> <text x="25" y="55" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">Constraints</text> <text x="25" y="72" fill="#94a3b8" font-family="sans-serif" font-size="11">Rubrics, medium, rules</text> <circle cx="10" cy="100" r="4" fill="#f59e0b"/> <text x="25" y="105" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">The Signal</text> <text x="25" y="122" fill="#94a3b8" font-family="sans-serif" font-size="11">Writer-based prose</text> </g> <!-- Center: The Academic Voice Filter --> <rect x="320" y="120" width="260" height="320" rx="20" fill="#ffffff10" stroke="#38bdf840" stroke-width="2"/> <rect x="320" y="120" width="260" height="50" rx="20" fill="#38bdf820"/> <text x="450" y="152" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="18" font-weight="800">ACADEMIC VOICE</text> <!-- Protocol Components --> <g transform="translate(345, 200)"> <rect width="210" height="60" rx="8" fill="#0f172a60" stroke="#ffffff10"/> <text x="15" y="25" fill="#e879f9" font-family="sans-serif" font-size="13" font-weight="700">OBJECTIVITY</text> <text x="15" y="45" fill="#94a3b8" font-family="sans-serif" font-size="11">Minimize Subjective Bias (S)</text> <rect y="75" width="210" height="60" rx="8" fill="#0f172a60" stroke="#ffffff10"/> <text x="15" y="100" fill="#38bdf8" font-family="sans-serif" font-size="13" font-weight="700">AUTHORITY</text> <text x="15" y="120" fill="#94a3b8" font-family="sans-serif" font-size="11">Evidence-based Scaffolding (A)</text> <rect y="150" width="210" height="60" rx="8" fill="#0f172a60" stroke="#ffffff10"/> <text x="15" y="175" fill="#f59e0b" font-family="sans-serif" font-size="13" font-weight="700">PRECISION</text> <text x="15" y="195" fill="#94a3b8" font-family="sans-serif" font-size="11">Lexical Accuracy &amp; Clarity (C)</text> </g> <!-- Right Card: The Receiver Model (Output) --> <rect x="630" y="140" width="220" height="280" rx="16" fill="#ffffff08" stroke="#ffffff15" stroke-width="1"/> <text x="650" y="175" fill="#e879f9" font-family="sans-serif" font-size="18" font-weight="700">The Receiver</text> <g transform="translate(650, 205)"> <path d="M 0 0 L 180 0" stroke="#ffffff20" stroke-width="1"/> <text x="0" y="25" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">Intelligent Non-Expert</text> <text x="0" y="42" fill="#94a3b8" font-family="sans-serif" font-size="11">High logic, low domain context</text> <text x="0" y="85" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">Reader-Based Prose</text> <text x="0" y="102" fill="#94a3b8" font-family="sans-serif" font-size="11">Optimized for cognitive load</text> <!-- Target Icon --> <circle cx="90" cy="160" r="30" fill="none" stroke="#e879f930" stroke-width="2"/> <circle cx="90" cy="160" r="20" fill="none" stroke="#e879f960" stroke-width="2"/> <circle cx="90" cy="160" r="5" fill="#e879f9" filter="url(#glow)"/> </g> <!-- Bottom: Mathematical Representation --> <rect x="250" y="470" width="400" height="60" rx="30" fill="#0f172a" stroke="url(#accentGrad)" stroke-width="1.5"/> <text x="450" y="505" text-anchor="middle" fill="#f8fafc" font-family="monospace" font-size="22"> E = <tspan fill="#38bdf8">C</tspan> · <tspan fill="#38bdf8">A</tspan> / (<tspan fill="#e879f9">S</tspan> + 1) </text> <text x="450" y="522" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="10" letter-spacing="0.1em">EFFECTIVENESS = (CLARITY × AUTHORITY) / (SUBJECTIVITY + 1)</text> <!-- Connecting Arrows --> <path d="M 270 280 L 310 280" stroke="#38bdf8" stroke-width="2" fill="none" marker-end="url(#arrow)"/> <path d="M 580 280 L 620 280" stroke="#e879f9" stroke-width="2" fill="none" marker-end="url(#arrow)"/> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="5" orientation="auto"> <path d="M0,0 L10,5 L0,10 Z" fill="#38bdf8" /> </marker> </defs> <!-- Decorative Corner Elements --> <circle cx="30" cy="30" r="20" fill="#38bdf810"/> <circle cx="870" cy="530" r="40" fill="#e879f905"/> <path d="M 850 30 L 880 30 M 865 15 L 865 45" stroke="#ffffff20" stroke-width="2"/> </svg>Audience Awareness and Academic Voice image 1Audience Awareness and Academic Voice - Online Writing Lab - image 1https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb051861/media/audience-and-voice/svg/1Audience Awareness and Academic Voice diagram 1Audience Awareness and Academic Voice - Online Writing Lab - diagram 1https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb051861/media/audience-and-voice/svg/2Audience Awareness and Academic Voice diagram 2Audience Awareness and Academic Voice - Online Writing Lab - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="blur"/> <feComposite in="SourceGraphic" in2="blur" operator="over"/> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Slinky Path (The Recursive Loop) --> <path d="M 50 280 Q 100 100 150 280 T 250 280 T 350 280 T 450 280 T 550 280 T 650 280 T 750 280 T 850 280" fill="none" stroke="#38bdf822" stroke-width="60" stroke-linecap="round"/> <path d="M 50 280 C 80 150, 120 150, 150 280 S 220 410, 250 280 S 320 150, 350 280 S 420 410, 450 280 S 520 150, 550 280 S 620 410, 650 280 S 720 150, 750 280 S 820 410, 850 280" fill="none" stroke="#38bdf844" stroke-width="2" stroke-dasharray="8 4"/> <!-- Header --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">THE ARCHITECTURE OF COMPOSITION</text> <text x="450" y="75" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">Writing as a Recursive, Non-Linear Cognitive Process</text> <!-- Section 1: Pre-Drafting (The Pivot) --> <rect x="40" y="110" width="200" height="160" rx="16" fill="#ffffff10" stroke="#38bdf8" stroke-width="1"/> <circle cx="140" cy="145" r="20" fill="#38bdf822" stroke="#38bdf8" stroke-width="2"/> <!-- Hand Fan Icon --> <path d="M 140 155 L 125 135 M 140 155 L 140 130 M 140 155 L 155 135" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="140" y="185" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">1. THE PIVOT POINT</text> <text x="55" y="210" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="55" dy="0">Narrowing the scope from</tspan> <tspan x="55" dy="16">broad subject to specific</tspan> <tspan x="55" dy="16">researchable inquiry.</tspan> </text> <text x="140" y="255" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#38bdf8">TOPIC FEASIBILITY</text> <!-- Section 2: Drafting (The Blueprint) --> <rect x="255" y="320" width="200" height="160" rx="16" fill="#ffffff10" stroke="#f59e0b" stroke-width="1"/> <circle cx="355" cy="355" r="20" fill="#f59e0b22" stroke="#f59e0b" stroke-width="2"/> <!-- DAG Icon --> <circle cx="355" cy="345" r="3" fill="#f59e0b"/> <circle cx="345" cy="365" r="3" fill="#f59e0b"/> <circle cx="365" cy="365" r="3" fill="#f59e0b"/> <path d="M 355 348 L 348 362 M 355 348 L 362 362" stroke="#f59e0b" stroke-width="1.5"/> <text x="355" y="395" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">2. THE BLUEPRINT</text> <text x="270" y="420" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="270" dy="0">Algorithmic structuring.</tspan> <tspan x="270" dy="16">Ensuring every claim acts</tspan> <tspan x="270" dy="16">as a pillar for the thesis.</tspan> </text> <text x="355" y="465" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#f59e0b">LOGICAL FLOW (DAG)</text> <!-- Section 3: Revising (Macro) --> <rect x="470" y="110" width="200" height="160" rx="16" fill="#ffffff10" stroke="#e879f9" stroke-width="1"/> <circle cx="570" cy="145" r="20" fill="#e879f922" stroke="#e879f9" stroke-width="2"/> <!-- Macro Icon --> <rect x="560" y="135" width="20" height="20" stroke="#e879f9" fill="none" stroke-width="2"/> <path d="M 560 145 L 580 145 M 570 135 L 570 155" stroke="#e879f9" stroke-width="1"/> <text x="570" y="185" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">3. REVISING</text> <text x="485" y="210" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="485" dy="0">Global adjustments to</tspan> <tspan x="485" dy="16">argument, organization,</tspan> <tspan x="485" dy="16">and evidence strength.</tspan> </text> <text x="570" y="255" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#e879f9">MACRO-STRUCTURE</text> <!-- Section 4: Editing (Micro) --> <rect x="685" y="320" width="200" height="160" rx="16" fill="#ffffff10" stroke="#2dd4bf" stroke-width="1"/> <circle cx="785" cy="355" r="20" fill="#2dd4bf22" stroke="#2dd4bf" stroke-width="2"/> <!-- Pen Icon --> <path d="M 778 365 L 792 345" stroke="#2dd4bf" stroke-width="3" stroke-linecap="round"/> <text x="785" y="395" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="16" fill="#f8fafc">4. EDITING</text> <text x="700" y="420" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="700" dy="0">Sentence-level polish.</tspan> <tspan x="700" dy="16">Grammar, syntax, and</tspan> <tspan x="700" dy="16">academic tone precision.</tspan> </text> <text x="785" y="465" text-anchor="middle" font-family="sans-serif" font-size="11" font-weight="bold" fill="#2dd4bf">MICRO-PRECISION</text> <!-- Central Metaphor Label --> <g filter="url(#glow)"> <rect x="340" y="265" width="220" height="30" rx="15" fill="#1e1b4b" stroke="#38bdf8" stroke-width="1"/> <text x="450" y="285" text-anchor="middle" font-family="sans-serif" font-size="13" font-weight="bold" fill="#38bdf8">THE SLINKY® METAPHOR</text> </g> <!-- Footer Stats/Notes --> <line x1="40" y1="510" x2="860" y2="510" stroke="#ffffff22" stroke-width="1"/> <text x="40" y="535" font-family="sans-serif" font-size="11" fill="#64748b">RECURSIVE LOOP: Each stage informs and reshapes the others.</text> <text x="860" y="535" text-anchor="end" font-family="sans-serif" font-size="11" fill="#64748b">WRITING AS THINKING v1.0</text> </svg>Drafting, Revising, and Editing image 1Drafting, Revising, and Editing - Online Writing Lab - image 1https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb051861/media/drafting-revising-and-editing/svg/1Drafting, Revising, and Editing diagram 1Drafting, Revising, and Editing - Online Writing Lab - diagram 1https://www.getlykke.com/explore/public/online-writing-lab-5f0d98fb-87e2-439f-abc2-dde0bb051861/media/drafting-revising-and-editing/svg/2Drafting, Revising, and Editing diagram 2Drafting, Revising, and Editing - Online Writing Lab - diagram 2https://www.getlykke.com/explore/public/english-composition-i-680eff28-9027-4c2c-bee0-1d67658f0b2e2026-04-20T04:35:48.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="40" y="50" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc">FOUNDATIONS OF RHETORIC &amp; COMPOSITION</text> <text x="40" y="75" font-family="sans-serif" font-size="14" fill="#94a3b8" letter-spacing="1">LANGUAGE AS A PRECISION OPERATING SYSTEM</text> <rect x="40" y="88" width="820" height="1" fill="url(#accentGrad)" fill-opacity="0.5"/> <!-- Left Panel: The Rhetorical Situation (Context API) --> <rect x="40" y="110" width="410" height="410" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE RHETORICAL SITUATION</text> <text x="60" y="160" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Metadata" of Communication</text> <!-- Pentagon Diagram --> <g transform="translate(245, 320)"> <!-- Connecting Lines --> <path d="M 0,-110 L 105,-34 L 65,90 L -65,90 L -105,-34 Z" fill="none" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4 4"/> <line x1="0" y1="0" x2="0" y2="-110" stroke="#f59e0b" stroke-width="1.5" opacity="0.6"/> <line x1="0" y1="0" x2="105" y2="-34" stroke="#f59e0b" stroke-width="1.5" opacity="0.6"/> <line x1="0" y1="0" x2="65" y2="90" stroke="#f59e0b" stroke-width="1.5" opacity="0.6"/> <line x1="0" y1="0" x2="-65" y2="90" stroke="#f59e0b" stroke-width="1.5" opacity="0.6"/> <line x1="0" y1="0" x2="-105" y2="-34" stroke="#f59e0b" stroke-width="1.5" opacity="0.6"/> <!-- Nodes --> <circle cx="0" cy="0" r="40" fill="#1e293b" stroke="#38bdf8" stroke-width="2"/> <text text-anchor="middle" y="5" font-family="sans-serif" font-weight="bold" font-size="11" fill="#f8fafc">MESSAGE</text> <text text-anchor="middle" y="18" font-family="sans-serif" font-size="9" fill="#38bdf8">PAYLOAD</text> <!-- Top: Author --> <circle cx="0" cy="-110" r="30" fill="#0f172a" stroke="#f59e0b" stroke-width="2"/> <text text-anchor="middle" y="-107" font-family="sans-serif" font-weight="bold" font-size="10" fill="#f8fafc">AUTHOR</text> <text text-anchor="middle" y="-96" font-family="sans-serif" font-size="8" fill="#94a3b8">ETHOS</text> <!-- Right Top: Audience --> <circle cx="105" cy="-34" r="30" fill="#0f172a" stroke="#f59e0b" stroke-width="2"/> <text text-anchor="middle" x="105" y="-31" font-family="sans-serif" font-weight="bold" font-size="10" fill="#f8fafc">AUDIENCE</text> <text text-anchor="middle" x="105" y="-20" font-family="sans-serif" font-size="8" fill="#94a3b8">SCHEMA</text> <!-- Right Bottom: Purpose --> <circle cx="65" cy="90" r="30" fill="#0f172a" stroke="#f59e0b" stroke-width="2"/> <text text-anchor="middle" x="65" y="93" font-family="sans-serif" font-weight="bold" font-size="10" fill="#f8fafc">PURPOSE</text> <text text-anchor="middle" x="65" y="104" font-family="sans-serif" font-size="8" fill="#94a3b8">GOAL</text> <!-- Left Bottom: Context --> <circle cx="-65" cy="90" r="30" fill="#0f172a" stroke="#f59e0b" stroke-width="2"/> <text text-anchor="middle" x="-65" y="93" font-family="sans-serif" font-weight="bold" font-size="10" fill="#f8fafc">CONTEXT</text> <text text-anchor="middle" x="-65" y="104" font-family="sans-serif" font-size="8" fill="#94a3b8">ENVIRONMENT</text> <!-- Left Top: Exigence --> <circle cx="-105" cy="-34" r="30" fill="#0f172a" stroke="#e879f9" stroke-width="2" filter="url(#glow)"/> <text text-anchor="middle" x="-105" y="-31" font-family="sans-serif" font-weight="bold" font-size="10" fill="#f8fafc">EXIGENCE</text> <text text-anchor="middle" x="-105" y="-20" font-family="sans-serif" font-size="8" fill="#e879f9">THE SPARK</text> </g> <!-- Right Top Panel: Persuasion Stack --> <rect x="470" y="110" width="390" height="195" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="490" y="140" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">THE PERSUASION STACK</text> <!-- Stack Layers --> <g transform="translate(490, 160)"> <rect width="350" height="35" rx="6" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="15" y="22" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">ETHOS</text> <text x="335" y="22" text-anchor="end" font-family="sans-serif" font-size="11" fill="#f59e0b">Credibility &amp; Character</text> <rect y="45" width="350" height="35" rx="6" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="15" y="67" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">LOGOS</text> <text x="335" y="67" text-anchor="end" font-family="sans-serif" font-size="11" fill="#38bdf8">Logic, Data &amp; Structure</text> <rect y="90" width="350" height="35" rx="6" fill="#e879f920" stroke="#e879f9" stroke-width="1"/> <text x="15" y="112" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">PATHOS</text> <text x="335" y="112" text-anchor="end" font-family="sans-serif" font-size="11" fill="#e879f9">Emotional Resonance</text> </g> <!-- Right Bottom Panel: SQ3R Pipeline --> <rect x="470" y="325" width="390" height="195" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="490" y="355" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">INGESTION PIPELINE (SQ3R)</text> <!-- Pipeline Steps --> <g transform="translate(490, 385)"> <!-- Step 1 --> <circle cx="20" cy="20" r="18" fill="#38bdf8"/> <text text-anchor="middle" x="20" y="25" font-family="sans-serif" font-weight="bold" font-size="14" fill="#0f172a">S</text> <text x="50" y="18" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">SURVEY</text> <text x="50" y="32" font-family="sans-serif" font-size="10" fill="#94a3b8">Map the architecture</text> <!-- Step 2 --> <circle cx="20" cy="75" r="18" fill="#38bdf8" opacity="0.8"/> <text text-anchor="middle" x="20" y="80" font-family="sans-serif" font-weight="bold" font-size="14" fill="#0f172a">Q</text> <text x="50" y="73" font-family="sans-serif" font-weight="bold" font-size="12" fill="#f8fafc">QUESTION</text> <text x="50" y="87" font-family="sans-serif" font-size="10" fill="#94a3b8">Prime for retrieval</text> <!-- Step 3-5 (Condensed) --> <g transform="translate(200, 0)"> <rect x="0" y="0" width="150" height="110" rx="8" fill="#ffffff05" stroke="#ffffff10"/> <text x="10" y="25" font-family="sans-serif" font-weight="bold" font-size="11" fill="#f59e0b">3. READ</text> <text x="10" y="55" font-family="sans-serif" font-weight="bold" font-size="11" fill="#f59e0b">4. RECITE</text> <text x="10" y="85" font-family="sans-serif" font-weight="bold" font-size="11" fill="#f59e0b">5. REVIEW</text> <text x="75" y="25" font-family="sans-serif" font-size="10" fill="#94a3b8">Active decryption</text> <text x="75" y="55" font-family="sans-serif" font-size="10" fill="#94a3b8">Lossless compression</text> <text x="75" y="85" font-family="sans-serif" font-size="10" fill="#94a3b8">Reinforce schema</text> </g> <!-- Connection dots --> <circle cx="20" cy="47" r="2" fill="#38bdf8" opacity="0.4"/> <circle cx="20" cy="54" r="2" fill="#38bdf8" opacity="0.4"/> </g> <!-- Footer Info --> <text x="40" y="545" font-family="sans-serif" font-size="10" fill="#475569">93% of employers prioritize critical thinking and communication over specific majors (Hart Research Associates)</text> </svg>Foundations of Rhetoric and Composition image 1Foundations of Rhetoric and Composition - English Composition I - image 1https://www.getlykke.com/explore/public/english-composition-i-680eff28-9027-4c2c-bee0-1d67658f0b2e/media/foundations-of-rhetoric-and-composition/svg/1Foundations of Rhetoric and Composition diagram 1Foundations of Rhetoric and Composition - English Composition I - diagram 1https://www.getlykke.com/explore/public/english-composition-i-680eff28-9027-4c2c-bee0-1d67658f0b2e/media/foundations-of-rhetoric-and-composition/svg/2Foundations of Rhetoric and Composition diagram 2Foundations of Rhetoric and Composition - English Composition I - diagram 2https://www.getlykke.com/explore/public/english-composition-i-680eff28-9027-4c2c-bee0-1d67658f0b2e/media/foundations-of-rhetoric-and-composition/svg/3Foundations of Rhetoric and Composition diagram 3Foundations of Rhetoric and Composition - English Composition I - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background Layer --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Decorative Shapes --> <circle cx="850" cy="50" r="100" fill="#e879f9" fill-opacity="0.05"/> <circle cx="50" cy="510" r="80" fill="#38bdf8" fill-opacity="0.05"/> <!-- Header --> <text x="450" y="55" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" text-anchor="middle" letter-spacing="1">THE MODERN TALENT ARCHITECTURE</text> <text x="450" y="80" font-family="sans-serif" font-size="14" fill="#94a3b8" text-anchor="middle" font-style="italic">Employer Priorities and the Decoupling of Major vs. Career</text> <!-- Left Panel: The Statistic --> <rect x="30" y="110" width="250" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="50" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">THE SKILL SUPREMACY</text> <text x="155" y="220" font-family="sans-serif" font-weight="900" font-size="72" fill="#f59e0b" text-anchor="middle" filter="url(#glow)">95%</text> <text x="155" y="245" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc" text-anchor="middle">OF EMPLOYERS AGREE</text> <rect x="50" y="270" width="210" height="2" fill="#ffffff15"/> <text x="50" y="300" font-family="sans-serif" font-size="13" fill="#cbd5e1"> <tspan x="50" dy="1.4em">Capacity to think critically</tspan> <tspan x="50" dy="1.4em">and solve complex problems</tspan> <tspan x="50" dy="1.4em" font-weight="bold" fill="#f8fafc">is more important than</tspan> <tspan x="50" dy="1.4em">the undergraduate major.</tspan> </text> <text x="50" y="420" font-family="sans-serif" font-weight="700" font-size="14" fill="#e879f9">RESILIENCE vs. CHURNING</text> <text x="50" y="445" font-family="sans-serif" font-size="12" fill="#94a3b8"> <tspan x="50" dy="1.4em">Specialized majors offer low</tspan> <tspan x="50" dy="1.4em">resilience in declining fields.</tspan> <tspan x="50" dy="1.4em">Cross-cutting skills provide</tspan> <tspan x="50" dy="1.4em" fill="#38bdf8" font-weight="bold">PORTABILITY across industries.</tspan> </text> <!-- Center Panel: The T-Shaped Professional --> <rect x="300" y="110" width="300" height="420" rx="16" fill="#ffffff12" stroke="#ffffff20"/> <text x="450" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#f8fafc" text-anchor="middle">THE T-SHAPED MODEL</text> <!-- T-Shape Graphic --> <!-- Horizontal Bar --> <rect x="330" y="180" width="240" height="45" rx="8" fill="#38bdf8" fill-opacity="0.2" stroke="#38bdf8" stroke-width="2"/> <text x="450" y="208" font-family="sans-serif" font-weight="700" font-size="14" fill="#38bdf8" text-anchor="middle">CROSS-CUTTING SKILLS (The Ceiling)</text> <!-- Vertical Bar --> <rect x="425" y="225" width="50" height="200" rx="8" fill="#e879f9" fill-opacity="0.2" stroke="#e879f9" stroke-width="2"/> <text x="450" y="445" font-family="sans-serif" font-weight="700" font-size="14" fill="#e879f9" text-anchor="middle">MAJOR (The Baseline)</text> <!-- Skill Labels around T --> <g font-family="sans-serif" font-size="11" fill="#f8fafc" font-weight="600"> <text x="335" y="170">ETHICAL DECISION-MAKING</text> <text x="465" y="170" text-anchor="end">INFORMATION LITERACY</text> <text x="335" y="245">INTERCULTURAL</text> <text x="485" y="245">QUANTITATIVE</text> </g> <!-- Right Panel: Innovation Loop --> <rect x="620" y="110" width="250" height="420" rx="16" fill="#ffffff08" stroke="#ffffff15"/> <text x="640" y="145" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">INNOVATION LOOP</text> <!-- Loop Steps --> <g transform="translate(640, 180)"> <!-- Step 1 --> <circle cx="15" cy="10" r="12" fill="#f59e0b"/> <text x="15" y="14" font-family="sans-serif" font-weight="800" font-size="10" fill="#0f172a" text-anchor="middle">1</text> <text x="40" y="10" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">IDENTIFICATION</text> <text x="40" y="25" font-family="sans-serif" font-size="11" fill="#94a3b8">Critical Inquiry &amp; Research</text> <!-- Step 2 --> <circle cx="15" cy="60" r="12" fill="#f59e0b"/> <text x="15" y="64" font-family="sans-serif" font-weight="800" font-size="10" fill="#0f172a" text-anchor="middle">2</text> <text x="40" y="60" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">CONTEXTUALIZATION</text> <text x="40" y="75" font-family="sans-serif" font-size="11" fill="#94a3b8">Systems Thinking &amp; Analysis</text> <!-- Step 3 --> <circle cx="15" cy="110" r="12" fill="#f59e0b"/> <text x="15" y="114" font-family="sans-serif" font-weight="800" font-size="10" fill="#0f172a" text-anchor="middle">3</text> <text x="40" y="110" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">SYNTHESIS</text> <text x="40" y="125" font-family="sans-serif" font-size="11" fill="#94a3b8">Creative Integration of Ideas</text> <!-- Step 4 --> <circle cx="15" cy="160" r="12" fill="#f59e0b"/> <text x="15" y="164" font-family="sans-serif" font-weight="800" font-size="10" fill="#0f172a" text-anchor="middle">4</text> <text x="40" y="160" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">PERSUASION</text> <text x="40" y="175" font-family="sans-serif" font-size="11" fill="#94a3b8">Strategic Communication</text> <!-- Step 5 --> <circle cx="15" cy="210" r="12" fill="#f59e0b"/> <text x="15" y="214" font-family="sans-serif" font-weight="800" font-size="10" fill="#0f172a" text-anchor="middle">5</text> <text x="40" y="210" font-family="sans-serif" font-weight="700" font-size="13" fill="#f8fafc">ITERATION</text> <text x="40" y="225" font-family="sans-serif" font-size="11" fill="#94a3b8">Reflective Practice &amp; Revision</text> <!-- Connecting Line --> <line x1="15" y1="22" x2="15" y2="48" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4"/> <line x1="15" y1="72" x2="15" y2="98" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4"/> <line x1="15" y1="122" x2="15" y2="148" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4"/> <line x1="15" y1="172" x2="15" y2="198" stroke="#ffffff20" stroke-width="2" stroke-dasharray="4"/> </g> <!-- Footer Theorem --> <rect x="640" y="440" width="210" height="70" rx="8" fill="#00000030" stroke="#f59e0b20"/> <text x="650" y="460" font-family="serif" font-size="11" fill="#f59e0b" font-style="italic">Theorem of Skill Portability:</text> <text x="650" y="480" font-family="serif" font-size="13" fill="#f8fafc">V(t) = Sₜ(e⁻λᵗ) + S꜀(t)</text> <text x="650" y="498" font-family="sans-serif" font-size="9" fill="#94a3b8">Value = Technical Baseline + Cognitive Growth</text> <!-- Bottom Accents --> <rect x="30" y="545" width="840" height="4" rx="2" fill="#ffffff10"/> <rect x="30" y="545" width="400" height="4" rx="2" fill="#38bdf8"/> </svg>Employer Priorities and Cross-Cutting Skills image 1Employer Priorities and Cross-Cutting Skills - English Composition I - image 1https://www.getlykke.com/explore/public/english-composition-i-680eff28-9027-4c2c-bee0-1d67658f0b2e/media/employer-priorities-and-cross-cutting-skills/svg/1Employer Priorities and Cross-Cutting Skills diagram 1Employer Priorities and Cross-Cutting Skills - English Composition I - diagram 1https://www.getlykke.com/explore/public/english-composition-i-680eff28-9027-4c2c-bee0-1d67658f0b2e/media/employer-priorities-and-cross-cutting-skills/svg/2Employer Priorities and Cross-Cutting Skills diagram 2Employer Priorities and Cross-Cutting Skills - English Composition I - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#f59e0b"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header Section --> <text x="450" y="50" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">ACADEMIC LITERACY &amp; ESSAY ARCHITECTURE</text> <rect x="350" y="65" width="200" height="4" fill="url(#accentGrad)" rx="2"/> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" fill="#94a3b8" font-style="italic">The Technical Stack for Global Scholarly Conversation</text> <!-- Column 1: The Rhetorical Situation (Inputs) --> <rect x="40" y="120" width="260" height="300" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">01. THE INPUTS</text> <text x="60" y="170" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">The Rhetorical Situation</text> <!-- Rhetorical Components --> <g transform="translate(60, 195)"> <circle cx="12" cy="12" r="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="1.5"/> <path d="M12 7v10M7 12h10" stroke="#38bdf8" stroke-width="2"/> <text x="35" y="10" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">EXIGENCE</text> <text x="35" y="24" font-family="sans-serif" font-size="11" fill="#94a3b8">The "Spark" or urgent need</text> </g> <g transform="translate(60, 245)"> <circle cx="12" cy="12" r="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="1.5"/> <circle cx="12" cy="10" r="4" stroke="#38bdf8" fill="none"/> <path d="M6 18c0-3 3-4 6-4s6 1 6 4" stroke="#38bdf8" fill="none"/> <text x="35" y="10" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">AUDIENCE</text> <text x="35" y="24" font-family="sans-serif" font-size="11" fill="#94a3b8">Knowledge level &amp; bias</text> </g> <g transform="translate(60, 295)"> <circle cx="12" cy="12" r="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="1.5"/> <circle cx="12" cy="12" r="6" stroke="#38bdf8" fill="none"/> <circle cx="12" cy="12" r="2" fill="#38bdf8"/> <text x="35" y="10" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">PURPOSE</text> <text x="35" y="24" font-family="sans-serif" font-size="11" fill="#94a3b8">Persuade, inform, or analyze</text> </g> <g transform="translate(60, 345)"> <circle cx="12" cy="12" r="12" fill="#38bdf822" stroke="#38bdf8" stroke-width="1.5"/> <rect x="7" y="7" width="10" height="10" stroke="#38bdf8" fill="none"/> <text x="35" y="10" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">CONSTRAINTS</text> <text x="35" y="24" font-family="sans-serif" font-size="11" fill="#94a3b8">Medium, scope, &amp; guidelines</text> </g> <!-- Column 2: The Logic Engine (Pillars) --> <rect x="320" y="120" width="260" height="300" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">02. THE ENGINE</text> <text x="340" y="170" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">The Rhetorical Appeals</text> <!-- Logos/Ethos/Pathos Visualization --> <path d="M450 200 L530 330 L370 330 Z" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/> <g transform="translate(450, 200)"> <circle r="25" fill="#0f172a" stroke="#f59e0b" stroke-width="2"/> <text y="-35" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="13" fill="#f59e0b">LOGOS</text> <text y="5" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Logic/CPU</text> </g> <g transform="translate(370, 330)"> <circle r="25" fill="#0f172a" stroke="#f59e0b" stroke-width="2"/> <text y="45" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="13" fill="#f59e0b">ETHOS</text> <text y="5" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Credibility</text> </g> <g transform="translate(530, 330)"> <circle r="25" fill="#0f172a" stroke="#f59e0b" stroke-width="2"/> <text y="45" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="13" fill="#f59e0b">PATHOS</text> <text y="5" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#f8fafc">Human Stake</text> </g> <text x="450" y="395" text-anchor="middle" font-family="sans-serif" font-size="12" fill="#94a3b8" font-style="italic">"The Thesis is the Root Node of the Argument DAG"</text> <!-- Column 3: Structural Engineering (Output) --> <rect x="600" y="120" width="260" height="300" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="150" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">03. THE OUTPUT</text> <text x="620" y="170" font-family="sans-serif" font-weight="600" font-size="14" fill="#f8fafc">Essay Architecture (IBC)</text> <!-- IBC Stack --> <g transform="translate(620, 190)"> <rect width="220" height="40" rx="4" fill="#e879f922" stroke="#e879f9"/> <text x="110" y="25" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">INTRODUCTION / THESIS</text> <text x="110" y="55" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">The "Header File" &amp; Central Pointer</text> </g> <g transform="translate(620, 265)"> <rect width="220" height="65" rx="4" fill="#ffffff05" stroke="#ffffff22"/> <text x="110" y="20" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">BODY PARAGRAPHS (P.I.E.)</text> <text x="110" y="38" text-anchor="middle" font-family="sans-serif" font-size="11" fill="#e879f9">Point • Information • Explanation</text> <text x="110" y="53" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Discrete modules of evidence</text> </g> <g transform="translate(620, 355)"> <rect width="220" height="40" rx="4" fill="#e879f922" stroke="#e879f9"/> <text x="110" y="25" text-anchor="middle" font-family="sans-serif" font-weight="700" font-size="12" fill="#f8fafc">CONCLUSION</text> <text x="110" y="55" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Synthesis &amp; Future State</text> </g> <!-- Bottom Bar: System Vulnerabilities --> <rect x="40" y="445" width="820" height="85" rx="16" fill="#ef444411" stroke="#ef444444"/> <text x="60" y="475" font-family="sans-serif" font-weight="700" font-size="16" fill="#ef4444">SYSTEM VULNERABILITIES: LOGICAL FALLACIES</text> <g font-family="sans-serif" font-size="11" fill="#f8fafc"> <text x="60" y="500"><tspan font-weight="bold" fill="#ef4444">AD HOMINEM:</tspan> Attacking the source code, not the logic.</text> <text x="330" y="500"><tspan font-weight="bold" fill="#ef4444">STRAW MAN:</tspan> Attacking a misconfigured version of the argument.</text> <text x="630" y="500"><tspan font-weight="bold" fill="#ef4444">NON SEQUITUR:</tspan> The output does not follow input.</text> </g> <!-- Decorative Connectors --> <path d="M300 270 L320 270" stroke="#ffffff22" stroke-width="2" marker-end="url(#arrow)"/> <path d="M580 270 L600 270" stroke="#ffffff22" stroke-width="2"/> <defs> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#ffffff22" /> </marker> </defs> </svg>Academic Literacy and Essay Structure image 1Academic Literacy and Essay Structure - English Composition I - image 1https://www.getlykke.com/explore/public/english-composition-i-680eff28-9027-4c2c-bee0-1d67658f0b2e/media/academic-literacy-and-essay-structure/svg/1Academic Literacy and Essay Structure diagram 1Academic Literacy and Essay Structure - English Composition I - diagram 1https://www.getlykke.com/explore/public/english-composition-i-680eff28-9027-4c2c-bee0-1d67658f0b2e/media/academic-literacy-and-essay-structure/svg/2Academic Literacy and Essay Structure diagram 2Academic Literacy and Essay Structure - English Composition I - diagram 2https://www.getlykke.com/explore/public/english-composition-i-680eff28-9027-4c2c-bee0-1d67658f0b2e/media/academic-literacy-and-essay-structure/svg/3Academic Literacy and Essay Structure diagram 3Academic Literacy and Essay Structure - English Composition I - diagram 3https://www.getlykke.com/explore/public/writing-guide-4372fb47-284d-4f25-92be-4e5a91b35ebd2026-04-20T04:35:48.000Z<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="0"> <stop offset="0%" stop-color="#38bdf8"/> <stop offset="100%" stop-color="#e879f9"/> </linearGradient> <pattern id="dotPattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> <circle cx="2" cy="2" r="1" fill="#ffffff08"/> </pattern> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#dotPattern)"/> <!-- Header Section --> <text x="450" y="60" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-weight="800" font-size="32" letter-spacing="-0.5">GENRE &amp; INCLUSIVE RHETORIC</text> <rect x="350" y="75" width="200" height="4" rx="2" fill="url(#accentGrad)"/> <text x="450" y="100" text-anchor="middle" fill="#94a3b8" font-family="sans-serif" font-size="14" font-weight="500" letter-spacing="2">THE ARCHITECTURE OF SOCIAL ACTION</text> <!-- Left Panel: Genre-Based Writing --> <rect x="40" y="130" width="380" height="220" rx="16" fill="#ffffff08" stroke="#38bdf833" stroke-width="1"/> <circle cx="80" cy="165" r="18" fill="#38bdf822"/> <path d="M72 158h16v14h-16z M72 162h16 M72 166h16" stroke="#38bdf8" stroke-width="2" fill="none"/> <text x="110" y="170" fill="#38bdf8" font-family="sans-serif" font-weight="bold" font-size="18">Genre-Based Writing</text> <text x="70" y="205" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">Typified Rhetorical Action</text> <text x="70" y="225" fill="#94a3b8" font-family="sans-serif" font-size="12" width="320"> <tspan x="70" dy="0">Writing is a functional response to recurring</tspan> <tspan x="70" dy="18">social situations. It follows "moves" that</tspan> <tspan x="70" dy="18">audiences recognize and expect.</tspan> </text> <!-- Genre Constraints List --> <rect x="70" y="275" width="320" height="55" rx="8" fill="#00000033"/> <text x="85" y="295" fill="#38bdf8" font-family="monospace" font-size="11">CONSTRAINTS AUDIT:</text> <text x="85" y="312" fill="#f8fafc" font-family="sans-serif" font-size="11">Structure • Tone • Vocabulary • Visual Cues</text> <!-- Right Panel: Inclusive Rhetoric --> <rect x="480" y="130" width="380" height="220" rx="16" fill="#ffffff08" stroke="#e879f933" stroke-width="1"/> <circle cx="520" cy="165" r="18" fill="#e879f922"/> <circle cx="515" cy="165" r="6" stroke="#e879f9" stroke-width="1.5" fill="none"/> <circle cx="525" cy="165" r="6" stroke="#e879f9" stroke-width="1.5" fill="none"/> <text x="550" y="170" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="18">Inclusive Rhetoric</text> <text x="510" y="205" fill="#f8fafc" font-family="sans-serif" font-size="14" font-weight="600">Beyond the "Universal Reader"</text> <text x="510" y="225" fill="#94a3b8" font-family="sans-serif" font-size="12"> <tspan x="510" dy="0">Intentional language that recognizes diversity</tspan> <tspan x="510" dy="18">and avoids bias. It centers intersectional</tspan> <tspan x="510" dy="18">identities and technical precision.</tspan> </text> <!-- Inclusivity Pillars --> <g transform="translate(510, 275)"> <rect width="100" height="55" rx="8" fill="#e879f915"/> <text x="50" y="25" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="10">EMPATHY</text> <text x="50" y="40" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="9">User-Centered</text> <rect x="110" width="100" height="55" rx="8" fill="#e879f915"/> <text x="160" y="25" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="10">EQUITY</text> <text x="160" y="40" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="9">Power Dynamics</text> <rect x="220" width="100" height="55" rx="8" fill="#e879f915"/> <text x="270" y="25" text-anchor="middle" fill="#e879f9" font-family="sans-serif" font-weight="bold" font-size="10">CLARITY</text> <text x="270" y="40" text-anchor="middle" fill="#f8fafc" font-family="sans-serif" font-size="9">Bias Mitigation</text> </g> <!-- Central Bridge: The Rhetorical Situation --> <path d="M420 240 Q450 240 480 240" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 4" fill="none"/> <circle cx="450" cy="380" r="100" fill="#f59e0b11" stroke="#f59e0b" stroke-width="1" stroke-dasharray="2 2"/> <text x="450" y="375" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="800" font-size="14">RHETORICAL</text> <text x="450" y="392" text-anchor="middle" fill="#f59e0b" font-family="sans-serif" font-weight="800" font-size="14">SITUATION</text> <!-- Variables around the circle --> <g font-family="sans-serif" font-size="11" font-weight="bold"> <circle cx="450" cy="280" r="4" fill="#f59e0b"/> <text x="450" y="270" text-anchor="middle" fill="#f8fafc">PURPOSE</text> <circle cx="540" cy="340" r="4" fill="#f59e0b"/> <text x="550" y="344" text-anchor="start" fill="#f8fafc">AUDIENCE</text> <circle cx="510" cy="450" r="4" fill="#f59e0b"/> <text x="510" y="465" text-anchor="middle" fill="#f8fafc">STANCE</text> <circle cx="390" cy="450" r="4" fill="#f59e0b"/> <text x="390" y="465" text-anchor="middle" fill="#f8fafc">CONTEXT</text> <circle cx="360" cy="340" r="4" fill="#f59e0b"/> <text x="350" y="344" text-anchor="end" fill="#f8fafc">MEDIUM</text> </g> <!-- Bottom Section: Move Analysis Flow --> <rect x="40" y="490" width="820" height="50" rx="12" fill="#ffffff05" stroke="#94a3b822"/> <text x="60" y="520" fill="#94a3b8" font-family="sans-serif" font-weight="bold" font-size="12">MOVE ANALYSIS:</text> <g transform="translate(180, 510)" font-family="monospace" font-size="10"> <rect x="0" y="0" width="100" height="20" rx="4" fill="#38bdf822"/> <text x="50" y="14" text-anchor="middle" fill="#38bdf8">BACKGROUND</text> <path d="M105 10 L115 10" stroke="#94a3b8" stroke-width="1"/> <rect x="120" y="0" width="80" height="20" rx="4" fill="#38bdf822"/> <text x="160" y="14" text-anchor="middle" fill="#38bdf8">THE GAP</text> <path d="M205 10 L215 10" stroke="#94a3b8" stroke-width="1"/> <rect x="220" y="0" width="110" height="20" rx="4" fill="#38bdf822"/> <text x="275" y="14" text-anchor="middle" fill="#38bdf8">METHODOLOGY</text> <path d="M335 10 L345 10" stroke="#94a3b8" stroke-width="1"/> <rect x="350" y="0" width="90" height="20" rx="4" fill="#38bdf822"/> <text x="395" y="14" text-anchor="middle" fill="#38bdf8">RESULTS</text> <path d="M445 10 L455 10" stroke="#94a3b8" stroke-width="1"/> <rect x="460" y="0" width="100" height="20" rx="4" fill="#38bdf822"/> <text x="510" y="14" text-anchor="middle" fill="#38bdf8">CONCLUSION</text> </g> <!-- Decorative elements --> <circle cx="850" cy="50" r="30" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="50" cy="510" r="20" fill="none" stroke="#f59e0b11" stroke-width="4"/> </svg>Genre-Based Writing and Inclusive Rhetoric image 1Genre-Based Writing and Inclusive Rhetoric - Writing Guide - image 1https://www.getlykke.com/explore/public/writing-guide-4372fb47-284d-4f25-92be-4e5a91b35ebd/media/genre-and-inclusive-rhetoric/svg/1Genre-Based Writing and Inclusive Rhetoric diagram 1Genre-Based Writing and Inclusive Rhetoric - Writing Guide - diagram 1https://www.getlykke.com/explore/public/writing-guide-4372fb47-284d-4f25-92be-4e5a91b35ebd/media/genre-and-inclusive-rhetoric/svg/2Genre-Based Writing and Inclusive Rhetoric diagram 2Genre-Based Writing and Inclusive Rhetoric - Writing Guide - diagram 2<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 0 0 0 40" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="3" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="40" y="55" font-family="sans-serif" font-size="30" font-weight="800" fill="#f8fafc" letter-spacing="-0.5">THE WRITING PROCESS &amp; RHETORIC</text> <text x="40" y="82" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" text-transform="uppercase" letter-spacing="2">A Recursive System of Cognitive Design</text> <line x1="40" y1="100" x2="860" y2="100" stroke="#ffffff15" stroke-width="1"/> <!-- Left Panel: The Recursive Lifecycle --> <rect x="40" y="125" width="410" height="400" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="65" y="155" font-family="sans-serif" font-size="18" font-weight="700" fill="#38bdf8">I. THE RECURSIVE LIFECYCLE</text> <!-- Step 1 --> <rect x="65" y="175" width="360" height="55" rx="8" fill="#ffffff08"/> <circle cx="90" cy="202" r="12" fill="#38bdf820" stroke="#38bdf8" stroke-width="2"/> <text x="86" y="207" font-family="sans-serif" font-size="12" font-weight="bold" fill="#38bdf8">1</text> <text x="115" y="195" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Pre-writing</text> <text x="115" y="212" font-family="sans-serif" font-size="11" fill="#94a3b8">Idea generation &amp; constraint mapping</text> <!-- Step 2 --> <rect x="65" y="240" width="360" height="55" rx="8" fill="#ffffff08"/> <circle cx="90" cy="267" r="12" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="86" y="272" font-family="sans-serif" font-size="12" font-weight="bold" fill="#e879f9">2</text> <text x="115" y="260" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Drafting</text> <text x="115" y="277" font-family="sans-serif" font-size="11" fill="#94a3b8">Converting abstract ideas into syntax</text> <!-- Step 3/4 (Grouped for recursion visual) --> <rect x="65" y="305" width="360" height="120" rx="8" fill="#ffffff08" stroke="#f59e0b40" stroke-dasharray="4"/> <circle cx="90" cy="332" r="12" fill="#f59e0b20" stroke="#f59e0b" stroke-width="2"/> <text x="86" y="337" font-family="sans-serif" font-size="12" font-weight="bold" fill="#f59e0b">3</text> <text x="115" y="332" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Revision &amp; Peer Review</text> <text x="115" y="352" font-family="sans-serif" font-size="11" fill="#94a3b8" width="200">Structural re-architecture and external validation.</text> <!-- Recursive Arrow --> <path d="M 380 340 Q 430 340 430 267 Q 430 202 390 202" fill="none" stroke="#f59e0b" stroke-width="2" stroke-dasharray="5,3" marker-end="url(#arrowhead)"/> <text x="350" y="275" font-family="sans-serif" font-size="10" font-weight="bold" fill="#f59e0b" transform="rotate(-90 350 275)">RECURSION LOOP</text> <!-- Step 5 --> <rect x="65" y="435" width="360" height="55" rx="8" fill="#ffffff08"/> <circle cx="90" cy="462" r="12" fill="#10b98120" stroke="#10b981" stroke-width="2"/> <text x="86" y="467" font-family="sans-serif" font-size="12" font-weight="bold" fill="#10b981">5</text> <text x="115" y="455" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc">Editing</text> <text x="115" y="472" font-family="sans-serif" font-size="11" fill="#94a3b8">Surface-level optimization &amp; polish</text> <!-- Right Panel: Rhetorical Strategies --> <rect x="470" y="125" width="390" height="400" rx="16" fill="#ffffff05" stroke="#ffffff10"/> <text x="495" y="155" font-family="sans-serif" font-size="18" font-weight="700" fill="#e879f9">II. THE RHETORICAL TRIANGLE</text> <!-- Triangle Graphic --> <g transform="translate(540, 200)"> <!-- Outer Ring (Kairos/Telos) --> <circle cx="125" cy="110" r="105" fill="none" stroke="#ffffff10" stroke-width="1" stroke-dasharray="8,4"/> <text x="125" y="-5" font-family="sans-serif" font-size="12" font-weight="bold" fill="#94a3b8" text-anchor="middle">KAIROS (Timing)</text> <text x="125" y="235" font-family="sans-serif" font-size="12" font-weight="bold" fill="#94a3b8" text-anchor="middle">TELOS (Purpose)</text> <!-- Main Triangle --> <path d="M 125 30 L 225 180 L 25 180 Z" fill="#ffffff05" stroke="#f8fafc" stroke-width="2" filter="url(#glow)"/> <!-- Nodes --> <circle cx="125" cy="30" r="6" fill="#38bdf8"/> <text x="125" y="15" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc" text-anchor="middle">ETHOS</text> <text x="125" y="50" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Credibility</text> <circle cx="25" cy="180" r="6" fill="#e879f9"/> <text x="25" y="200" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc" text-anchor="middle">PATHOS</text> <text x="25" y="215" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Emotion</text> <circle cx="225" cy="180" r="6" fill="#f59e0b"/> <text x="225" y="200" font-family="sans-serif" font-size="14" font-weight="bold" fill="#f8fafc" text-anchor="middle">LOGOS</text> <text x="225" y="215" font-family="sans-serif" font-size="10" fill="#94a3b8" text-anchor="middle">Logic</text> </g> <!-- Formula Box --> <rect x="495" y="445" width="340" height="60" rx="8" fill="#00000030" stroke="#ffffff10"/> <text x="515" y="470" font-family="serif" font-style="italic" font-size="18" fill="#f8fafc">RS = f(A, P, C, E, K)</text> <text x="515" y="490" font-family="sans-serif" font-size="10" fill="#94a3b8">Audience, Purpose, Context, Exigence, Kairos</text> <!-- Arrowhead definition --> <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto"> <polygon points="0 0, 10 3.5, 0 7" fill="#f59e0b" /> </marker> <!-- Decorative elements --> <circle cx="850" cy="50" r="20" fill="#38bdf810"/> <circle cx="850" cy="50" r="10" fill="#38bdf820"/> </svg>The Writing Process and Rhetorical Strategies image 1The Writing Process and Rhetorical Strategies - Writing Guide - image 1https://www.getlykke.com/explore/public/writing-guide-4372fb47-284d-4f25-92be-4e5a91b35ebd/media/writing-process-and-strategies/svg/1The Writing Process and Rhetorical Strategies diagram 1The Writing Process and Rhetorical Strategies - Writing Guide - diagram 1https://www.getlykke.com/explore/public/writing-guide-4372fb47-284d-4f25-92be-4e5a91b35ebd/media/writing-process-and-strategies/svg/2The Writing Process and Rhetorical Strategies diagram 2The Writing Process and Rhetorical Strategies - Writing Guide - diagram 2https://www.getlykke.com/explore/public/writing-guide-4372fb47-284d-4f25-92be-4e5a91b35ebd/media/writing-process-and-strategies/svg/3The Writing Process and Rhetorical Strategies diagram 3The Writing Process and Rhetorical Strategies - Writing Guide - diagram 3<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560"> <defs> <linearGradient id="bg-grad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0f172a"/> <stop offset="100%" stop-color="#1e1b4b"/> </linearGradient> <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"> <path d="M 30 0 L 0 0 0 30" fill="none" stroke="#ffffff08" stroke-width="1"/> </pattern> <filter id="glow"> <feGaussianBlur stdDeviation="2" result="coloredBlur"/> <feMerge> <feMergeNode in="coloredBlur"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <!-- Background --> <rect width="900" height="560" fill="url(#bg-grad)"/> <rect width="900" height="560" fill="url(#grid)"/> <!-- Header --> <text x="450" y="60" text-anchor="middle" font-family="sans-serif" font-weight="800" font-size="32" fill="#f8fafc" letter-spacing="1">GRAMMAR &amp; MECHANICS HANDBOOK</text> <text x="450" y="85" text-anchor="middle" font-family="sans-serif" font-size="14" font-weight="400" fill="#94a3b8" letter-spacing="3">THE TECHNICAL SPECIFICATION FOR HUMAN COMMUNICATION</text> <line x1="300" y1="105" x2="600" y2="105" stroke="#38bdf8" stroke-width="2" stroke-dasharray="4 4"/> <!-- Left Column: Sentence Architecture --> <rect x="40" y="130" width="260" height="300" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="60" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#38bdf8">Sentence Architecture</text> <text x="60" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">The "Control Flow" of thought.</text> <!-- Architecture Visual --> <g transform="translate(60, 210)"> <rect width="220" height="35" rx="8" fill="#38bdf820" stroke="#38bdf8" stroke-width="1"/> <text x="110" y="22" text-anchor="middle" font-family="monospace" font-size="12" fill="#f8fafc">Independent Clause</text> <path d="M 110 35 L 110 60" stroke="#94a3b8" stroke-width="2" fill="none" marker-end="url(#arrow)"/> <g transform="translate(0, 65)"> <rect width="100" height="60" rx="8" fill="#ef444420" stroke="#ef4444" stroke-width="1"/> <text x="50" y="25" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="11" fill="#f8fafc">FRAGMENT</text> <text x="50" y="42" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Missing Subject/Verb</text> <rect x="120" width="100" height="60" rx="8" fill="#f59e0b20" stroke="#f59e0b" stroke-width="1"/> <text x="170" y="25" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="11" fill="#f8fafc">RUN-ON</text> <text x="170" y="42" text-anchor="middle" font-family="sans-serif" font-size="9" fill="#94a3b8">Unterminated Flow</text> </g> <rect y="140" width="220" height="60" rx="8" fill="#ffffff05" stroke="#ffffff20" stroke-dasharray="4"/> <text x="110" y="165" text-anchor="middle" font-family="sans-serif" font-weight="bold" font-size="11" fill="#f8fafc">COMMA SPLICE</text> <text x="110" y="182" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Error: Weak Joiner [ , ]</text> </g> <!-- Center Column: The Parser --> <rect x="320" y="130" width="260" height="300" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="340" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#e879f9">Syntax Parser</text> <text x="340" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">Recursive Descent Logic</text> <g transform="translate(340, 210)"> <circle cx="110" cy="20" r="15" fill="#e879f920" stroke="#e879f9" stroke-width="2"/> <text x="110" y="25" text-anchor="middle" font-family="monospace" font-weight="bold" font-size="14" fill="#f8fafc">S</text> <path d="M 100 35 L 60 70 M 120 35 L 160 70" stroke="#94a3b8" stroke-width="2"/> <rect x="20" y="70" width="80" height="30" rx="4" fill="#ffffff10" stroke="#ffffff20"/> <text x="60" y="90" text-anchor="middle" font-family="monospace" font-size="12" fill="#f8fafc">NP</text> <rect x="120" y="70" width="80" height="30" rx="4" fill="#ffffff10" stroke="#ffffff20"/> <text x="160" y="90" text-anchor="middle" font-family="monospace" font-size="12" fill="#f8fafc">VP</text> <text x="60" y="120" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Noun Phrase</text> <text x="160" y="120" text-anchor="middle" font-family="sans-serif" font-size="10" fill="#94a3b8">Verb Phrase</text> <g transform="translate(10, 150)"> <rect width="200" height="50" rx="8" fill="#00000040" stroke="#e879f940"/> <text x="10" y="20" font-family="monospace" font-size="10" fill="#e879f9">def validate(tokens):</text> <text x="20" y="35" font-family="monospace" font-size="10" fill="#f8fafc">return match(S, tokens)</text> </g> </g> <!-- Right Column: Logical Operators --> <rect x="600" y="130" width="260" height="300" rx="16" fill="#ffffff0a" stroke="#ffffff15"/> <text x="620" y="165" font-family="sans-serif" font-weight="700" font-size="18" fill="#f59e0b">Logical Operators</text> <text x="620" y="185" font-family="sans-serif" font-size="12" fill="#94a3b8">Punctuation as code.</text> <g transform="translate(620, 215)"> <!-- Semicolon --> <circle cx="20" cy="20" r="18" fill="#f59e0b20" stroke="#f59e0b"/> <text x="20" y="26" text-anchor="middle" font-family="serif" font-weight="bold" font-size="24" fill="#f8fafc">;</text> <text x="50" y="18" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Semicolon</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Soft Period / Joiner</text> <!-- Colon --> <g transform="translate(0, 65)"> <circle cx="20" cy="20" r="18" fill="#f59e0b20" stroke="#f59e0b"/> <text x="20" y="26" text-anchor="middle" font-family="serif" font-weight="bold" font-size="24" fill="#f8fafc">:</text> <text x="50" y="18" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Colon</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Gateway / Definition</text> </g> <!-- Comma --> <g transform="translate(0, 130)"> <circle cx="20" cy="20" r="18" fill="#f59e0b20" stroke="#f59e0b"/> <text x="20" y="26" text-anchor="middle" font-family="serif" font-weight="bold" font-size="24" fill="#f8fafc">,</text> <text x="50" y="18" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Comma</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Delimiter / List</text> </g> <!-- Dash --> <g transform="translate(0, 195)"> <circle cx="20" cy="20" r="18" fill="#f59e0b20" stroke="#f59e0b"/> <text x="20" y="24" text-anchor="middle" font-family="serif" font-weight="bold" font-size="24" fill="#f8fafc">—</text> <text x="50" y="18" font-family="sans-serif" font-weight="bold" font-size="13" fill="#f8fafc">Em-Dash</text> <text x="50" y="32" font-family="sans-serif" font-size="11" fill="#94a3b8">Emphasis / Interruption</text> </g> </g> <!-- Bottom: Style UI --> <rect x="40" y="450" width="820" height="80" rx="16" fill="#38bdf810" stroke="#38bdf830"/> <text x="65" y="485" font-family="sans-serif" font-weight="800" font-size="20" fill="#38bdf8">STYLE: THE USER INTERFACE</text> <text x="65" y="505" font-family="sans-serif" font-size="13" fill="#f8fafc">Optimizing for Cognitive Load: <tspan fill="#f59e0b" font-weight="bold">Active Voice</tspan> • <tspan fill="#e879f9" font-weight="bold">Clarity</tspan> • <tspan fill="#38bdf8" font-weight="bold">Concision</tspan></text> <!-- Decorative Elements --> <circle cx="850" cy="50" r="40" fill="none" stroke="#ffffff05" stroke-width="8"/> <circle cx="850" cy="50" r="20" fill="none" stroke="#ffffff05" stroke-width="4"/> <path d="M 800 500 L 840 540 M 820 500 L 860 540" stroke="#ffffff08" stroke-width="2"/> </svg>Grammar, Mechanics, and Documentation Handbook image 1Grammar, Mechanics, and Documentation Handbook - Writing Guide - image 1https://www.getlykke.com/explore/public/writing-guide-4372fb47-284d-4f25-92be-4e5a91b35ebd/media/grammar-mechanics-handbook/svg/1Grammar, Mechanics, and Documentation Handbook diagram 1Grammar, Mechanics, and Documentation Handbook - Writing Guide - diagram 1https://www.getlykke.com/explore/public/writing-guide-4372fb47-284d-4f25-92be-4e5a91b35ebd/media/grammar-mechanics-handbook/svg/2Grammar, Mechanics, and Documentation Handbook diagram 2Grammar, Mechanics, and Documentation Handbook - Writing Guide - diagram 2https://www.getlykke.com/explore/public/cs323-numerical-analysis-and-computing-7146330a-2792-4961-9bd5-0e42fb092c872026-04-19T17:03:34.000Zhttps://www.getlykke.com/explore/public/cs323-numerical-analysis-and-computing-7146330a-2792-4961-9bd5-0e42fb092c87/media/foundations-numerical-computing/svg/1Foundations of Numerical Computing diagram 1Foundations of Numerical Computing - CS323: Numerical Analysis and Computing - diagram 1https://www.getlykke.com/explore/public/cs323-numerical-analysis-and-computing-7146330a-2792-4961-9bd5-0e42fb092c87/media/numerical-linear-algebra-basics/svg/1Numerical Linear Algebra: Vectors, Matrices, and Norms diagram 1Numerical Linear Algebra: Vectors, Matrices, and Norms - CS323: Numerical Analysis and Computing - diagram 1https://www.getlykke.com/explore/public/cs323-numerical-analysis-and-computing-7146330a-2792-4961-9bd5-0e42fb092c87/media/solving-linear-systems/svg/1Solving Systems of Linear Equations (Ax=b) diagram 1Solving Systems of Linear Equations (Ax=b) - CS323: Numerical Analysis and Computing - diagram 1https://www.getlykke.com/explore/public/cs323-numerical-analysis-and-computing-7146330a-2792-4961-9bd5-0e42fb092c87/media/midterm-1-review/svg/1Midterm 1: Review and Assessment diagram 1Midterm 1: Review and Assessment - CS323: Numerical Analysis and Computing - diagram 1https://www.getlykke.com/explore/public/cs323-numerical-analysis-and-computing-7146330a-2792-4961-9bd5-0e42fb092c87/media/root-finding/svg/1Root Finding for Nonlinear Equations diagram 1Root Finding for Nonlinear Equations - CS323: Numerical Analysis and Computing - diagram 1https://www.getlykke.com/explore/public/cs323-numerical-analysis-and-computing-7146330a-2792-4961-9bd5-0e42fb092c87/media/polynomial-interpolation/svg/1Polynomial Interpolation and Approximation diagram 1Polynomial Interpolation and Approximation - CS323: Numerical Analysis and Computing - diagram 1https://www.getlykke.com/explore/public/cs323-numerical-analysis-and-computing-7146330a-2792-4961-9bd5-0e42fb092c87/media/midterm-2-review/svg/1Midterm 2: Review and Assessment diagram 1Midterm 2: Review and Assessment - CS323: Numerical Analysis and Computing - diagram 1https://www.getlykke.com/explore/public/pandas-documentation-fd56bdc9-3ee0-47fa-b411-17a802c549ef2026-04-17T15:45:18.000Zdata:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNTIwIj4KICA8ZGVmcz4KICAgIDxtYXJrZXIgaWQ9ImFycm93aGVhZC1pbmRpZ28iIG1hcmtlcldpZHRoPSIxMCIgbWFya2VySGVpZ2h0PSI3IiByZWZYPSI5IiByZWZZPSIzLjUiIG9yaWVudD0iYXV0byI+CiAgICAgIDxwb2x5Z29uIHBvaW50cz0iMCAwLCAxMCAzLjUsIDAgNyIgZmlsbD0iIzYzNjZmMSIgLz4KICAgIDwvbWFya2VyPgogICAgPG1hcmtlciBpZD0iYXJyb3doZWFkLXNreSIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjciIHJlZlg9IjkiIHJlZlk9IjMuNSIgb3JpZW50PSJhdXRvIj4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDMuNSwgMCA3IiBmaWxsPSIjMGVhNWU5IiAvPgogICAgPC9tYXJrZXI+CiAgICA8bWFya2VyIGlkPSJhcnJvd2hlYWQtZW1lcmFsZCIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjciIHJlZlg9IjkiIHJlZlk9IjMuNSIgb3JpZW50PSJhdXRvIj4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDMuNSwgMCA3IiBmaWxsPSIjMTBiOTgxIiAvPgogICAgPC9tYXJrZXI+CiAgPC9kZWZzPgoKICA8IS0tIFRpdGxlIGFuZCBTdWJ0aXRsZSAtLT4KICA8dGV4dCB4PSI0NTAiIHk9IjQwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIyIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+UGFuZGFzOiBHZXR0aW5nIFN0YXJ0ZWQgJmFtcDsgQXJjaGl0ZWN0dXJhbCBGb3VuZGF0aW9uczwvdGV4dD4KICA8dGV4dCB4PSI0NTAiIHk9IjY1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBmaWxsPSIjNjQ3NDhiIj5Gcm9tIGVudmlyb25tZW50IGlzb2xhdGlvbiB0byBjb3JlIGRhdGEgc3RydWN0dXJlcyBhbmQgSS9PIGxpZmVjeWNsZTwvdGV4dD4KCiAgPCEtLSBTRUNUSU9OIDE6IEVOVklST05NRU5UIChJbmRpZ28pIC0tPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLCAxMDApIj4KICAgIDxyZWN0IHdpZHRoPSIyNDAiIGhlaWdodD0iMTYwIiByeD0iMTIiIGZpbGw9IiM2MzY2ZjExNSIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIxMjAiIHk9IjMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+MS4gRGVwZW5kZW5jeSBNYW5hZ2VtZW50PC90ZXh0PgogICAgCiAgICA8bGluZSB4MT0iMTIwIiB5MT0iNDUiIHgyPSIxMjAiIHkyPSIxNDUiIHN0cm9rZT0iIzYzNjZmMSIgc3Ryb2tlLWRhc2hhcnJheT0iNCIgLz4KICAgIAogICAgPHRleHQgeD0iNjAiIHk9IjY1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+Q29uZGE8L3RleHQ+CiAgICA8dGV4dCB4PSI2MCIgeT0iODUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiMxZTI5M2IiPkNyb3NzLXBsYXRmb3JtPC90ZXh0PgogICAgPHRleHQgeD0iNjAiIHk9IjEwMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZmlsbD0iIzFlMjkzYiI+Qy1MaWJyYXJ5IHN1cHBvcnQ8L3RleHQ+CiAgICA8dGV4dCB4PSI2MCIgeT0iMTE1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjMWUyOTNiIj5EYXRhIFNjaWVuY2UgZm9jdXM8L3RleHQ+CgogICAgPHRleHQgeD0iMTgwIiB5PSI2NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPlBpcDwvdGV4dD4KICAgIDx0ZXh0IHg9IjE4MCIgeT0iODUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiMxZTI5M2IiPlB5dGhvbi1zcGVjaWZpYzwvdGV4dD4KICAgIDx0ZXh0IHg9IjE4MCIgeT0iMTAwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjMWUyOTNiIj5MaWdodHdlaWdodDwvdGV4dD4KICAgIDx0ZXh0IHg9IjE4MCIgeT0iMTE1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjMWUyOTNiIj5TdGFuZGFyZCBEZXY8L3RleHQ+CgogICAgPHJlY3QgeT0iMTkwIiB3aWR0aD0iMjQwIiBoZWlnaHQ9IjkwIiByeD0iMTIiIGZpbGw9IiM2MzY2ZjExNSIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIxMjAiIHk9IjIxNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNSIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPlZpcnR1YWwgRW52aXJvbm1lbnRzPC90ZXh0PgogICAgPHRleHQgeD0iMTIwIiB5PSIyMzUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiMxZTI5M2IiPlRoZSAiU2FuZGJveCBQcmluY2lwbGUiPC90ZXh0PgogICAgPHRleHQgeD0iMTIwIiB5PSIyNTUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiM2NDc0OGIiPlByZXZlbnRzIHZlcnNpb24gY29uZmxpY3RzPC90ZXh0PgogICAgCiAgICA8cGF0aCBkPSJNIDEyMCAxNjAgTCAxMjAgMTgyIiBmaWxsPSJub25lIiBzdHJva2U9IiM2MzY2ZjEiIHN0cm9rZS13aWR0aD0iMiIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQtaW5kaWdvKSIgLz4KICA8L2c+CgogIDwhLS0gU0VDVElPTiAyOiBEQVRBIFNUUlVDVFVSRVMgKFNreSkgLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMwLCAxMDApIj4KICAgIDxyZWN0IHdpZHRoPSIyNDAiIGhlaWdodD0iMTQwIiByeD0iMTIiIGZpbGw9IiMwZWE1ZTkxNSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIxMjAiIHk9IjMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+Mi4gU2VyaWVzICgxRCk8L3RleHQ+CiAgICAKICAgIDwhLS0gU2VyaWVzIFZpc3VhbCAtLT4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg1LCA1MCkiPgogICAgICA8cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIGZpbGw9IiMwZWE1ZTk0MCIgc3Ryb2tlPSIjMGVhNWU5IiAvPgogICAgICA8cmVjdCB5PSIyMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIiBmaWxsPSIjMGVhNWU5NDAiIHN0cm9rZT0iIzBlYTVlOSIgLz4KICAgICAgPHJlY3QgeT0iNDAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzBlYTVlOTQwIiBzdHJva2U9IiMwZWE1ZTkiIC8+CiAgICAgIDxyZWN0IHk9IjYwIiB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIGZpbGw9IiMwZWE1ZTk0MCIgc3Ryb2tlPSIjMGVhNWU5IiAvPgogICAgICA8dGV4dCB4PSI0MCIgeT0iMTUiIGZvbnQtc2l6ZT0iMTAiIGZpbGw9IiMxZTI5M2IiPkluZGV4PC90ZXh0PgogICAgICA8dGV4dCB4PSI0MCIgeT0iNDUiIGZvbnQtc2l6ZT0iMTAiIGZpbGw9IiMxZTI5M2IiPis8L3RleHQ+CiAgICAgIDx0ZXh0IHg9IjQwIiB5PSI3NSIgZm9udC1zaXplPSIxMCIgZmlsbD0iIzFlMjkzYiI+RGF0YTwvdGV4dD4KICAgIDwvZz4KICAgIDx0ZXh0IHg9IjEyMCIgeT0iMTMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjMWUyOTNiIj5MYWJlbGVkIE51bVB5IEFycmF5PC90ZXh0PgoKICAgIDxyZWN0IHk9IjE3MCIgd2lkdGg9IjI0MCIgaGVpZ2h0PSIxODAiIHJ4PSIxMiIgZmlsbD0iIzBlYTVlOTE1IiBzdHJva2U9IiMwZWE1ZTkiIHN0cm9rZS13aWR0aD0iMiIgLz4KICAgIDx0ZXh0IHg9IjEyMCIgeT0iMTk1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+RGF0YUZyYW1lICgyRCk8L3RleHQ+CiAgICAKICAgIDwhLS0gRGF0YUZyYW1lIFZpc3VhbCAtLT4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc1LCAyMTApIj4KICAgICAgPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIiBmaWxsPSIjMGVhNWU5NDAiIHN0cm9rZT0iIzBlYTVlOSIgLz4KICAgICAgPHJlY3QgeD0iMzAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzBlYTVlOTQwIiBzdHJva2U9IiMwZWE1ZTkiIC8+CiAgICAgIDxyZWN0IHg9IjYwIiB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIGZpbGw9IiMwZWE1ZTk0MCIgc3Ryb2tlPSIjMGVhNWU5IiAvPgogICAgICA8cmVjdCB5PSIyMCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIiBmaWxsPSIjMGVhNWU5MjAiIHN0cm9rZT0iIzBlYTVlOSIgLz4KICAgICAgPHJlY3QgeD0iMzAiIHk9IjIwIiB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIGZpbGw9IiMwZWE1ZTkyMCIgc3Ryb2tlPSIjMGVhNWU5IiAvPgogICAgICA8cmVjdCB4PSI2MCIgeT0iMjAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzBlYTVlOTIwIiBzdHJva2U9IiMwZWE1ZTkiIC8+CiAgICAgIDxyZWN0IHk9IjQwIiB3aWR0aD0iMzAiIGhlaWdodD0iMjAiIGZpbGw9IiMwZWE1ZTkyMCIgc3Ryb2tlPSIjMGVhNWU5IiAvPgogICAgICA8cmVjdCB4PSIzMCIgeT0iNDAiIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzBlYTVlOTIwIiBzdHJva2U9IiMwZWE1ZTkiIC8+CiAgICAgIDxyZWN0IHg9IjYwIiB5PSI0MCIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIiBmaWxsPSIjMGVhNWU5MjAiIHN0cm9rZT0iIzBlYTVlOSIgLz4KICAgICAgPHRleHQgeD0iNDUiIHk9Ii01IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LXNpemU9IjkiIGZpbGw9IiMxZTI5M2IiPkNvbHVtbnM8L3RleHQ+CiAgICAgIDx0ZXh0IHg9Ii01IiB5PSIzNSIgdGV4dC1hbmNob3I9ImVuZCIgZm9udC1zaXplPSI5IiBmaWxsPSIjMWUyOTNiIj5JbmRleDwvdGV4dD4KICAgIDwvZz4KICAgIDx0ZXh0IHg9IjEyMCIgeT0iMzAwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjMWUyOTNiIj5Db250YWluZXIgZm9yIFNlcmllcyBvYmplY3RzPC90ZXh0PgogICAgPHRleHQgeD0iMTIwIiB5PSIzMTUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiMxZTI5M2IiPkhldGVyb2dlbmVvdXMgdHlwZXM8L3RleHQ+CiAgICA8dGV4dCB4PSIxMjAiIHk9IjMzNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZm9udC1zdHlsZT0iaXRhbGljIiBmaWxsPSIjNjQ3NDhiIj5UaGUgIk9yZ2FuaXNtIjwvdGV4dD4KCiAgICA8cGF0aCBkPSJNIDEyMCAxNDAgTCAxMjAgMTYyIiBmaWxsPSJub25lIiBzdHJva2U9IiMwZWE1ZTkiIHN0cm9rZS13aWR0aD0iMiIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQtc2t5KSIgLz4KICA8L2c+CgogIDwhLS0gU0VDVElPTiAzOiBMSUZFQ1lDTEUgKEVtZXJhbGQpIC0tPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYxMCwgMTAwKSI+CiAgICA8cmVjdCB3aWR0aD0iMjQwIiBoZWlnaHQ9IjE0MCIgcng9IjEyIiBmaWxsPSIjMTBiOTgxMTUiIHN0cm9rZT0iIzEwYjk4MSIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogICAgPHRleHQgeD0iMTIwIiB5PSIzMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNiIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPjMuIERhdGEgSW5nZXN0aW9uPC90ZXh0PgogICAgCiAgICA8dGV4dCB4PSI0MCIgeT0iNjAiIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiMxZTI5M2IiPi5yZWFkX2NzdigpPC90ZXh0PgogICAgPHRleHQgeD0iMTQwIiB5PSI2MCIgZm9udC1mYW1pbHk9InN5c3RlbS11aSIgZm9udC1zaXplPSIxMSIgZmlsbD0iIzY0NzQ4YiI+U3RhbmRhcmQ8L3RleHQ+CiAgICAKICAgIDx0ZXh0IHg9IjQwIiB5PSI4NSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzFlMjkzYiI+LnJlYWRfcGFycXVldCgpPC90ZXh0PgogICAgPHRleHQgeD0iMTQwIiB5PSI4NSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSIgZm9udC1zaXplPSIxMSIgZmlsbD0iIzY0NzQ4YiI+QmlnIERhdGE8L3RleHQ+CiAgICAKICAgIDx0ZXh0IHg9IjQwIiB5PSIxMTAiIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiMxZTI5M2IiPi5yZWFkX3NxbCgpPC90ZXh0PgogICAgPHRleHQgeD0iMTQwIiB5PSIxMTAiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWkiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiM2NDc0OGIiPkRhdGFiYXNlczwvdGV4dD4KCiAgICA8cmVjdCB5PSIxNzAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMTgwIiByeD0iMTIiIGZpbGw9IiMxMGI5ODExNSIgc3Ryb2tlPSIjMTBiOTgxIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIxMjAiIHk9IjE5NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNiIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPkluaXRpYWwgSW5zcGVjdGlvbjwvdGV4dD4KICAgIAogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzAsIDIxNSkiPgogICAgICA8cmVjdCB3aWR0aD0iMTgwIiBoZWlnaHQ9IjI1IiByeD0iNCIgZmlsbD0iIzEwYjk4MTI1IiAvPgogICAgICA8dGV4dCB4PSIxMCIgeT0iMTciIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiMxZTI5M2IiPmRmLmhlYWQoKTwvdGV4dD4KICAgICAgPHRleHQgeD0iMTcwIiB5PSIxNyIgdGV4dC1hbmNob3I9ImVuZCIgZm9udC1zaXplPSIxMCIgZmlsbD0iIzY0NzQ4YiI+UGVlazwvdGV4dD4KICAgICAgCiAgICAgIDxyZWN0IHk9IjM1IiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjI1IiByeD0iNCIgZmlsbD0iIzEwYjk4MTI1IiAvPgogICAgICA8dGV4dCB4PSIxMCIgeT0iNTIiIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiMxZTI5M2IiPmRmLmluZm8oKTwvdGV4dD4KICAgICAgPHRleHQgeD0iMTcwIiB5PSI1MiIgdGV4dC1hbmNob3I9ImVuZCIgZm9udC1zaXplPSIxMCIgZmlsbD0iIzY0NzQ4YiI+VHlwZXMvTnVsbHM8L3RleHQ+CiAgICAgIAogICAgICA8cmVjdCB5PSI3MCIgd2lkdGg9IjE4MCIgaGVpZ2h0PSIyNSIgcng9IjQiIGZpbGw9IiMxMGI5ODEyNSIgLz4KICAgICAgPHRleHQgeD0iMTAiIHk9Ijg3IiBmb250LWZhbWlseT0ibW9ub3NwYWNlIiBmb250LXNpemU9IjEyIiBmaWxsPSIjMWUyOTNiIj5kZi5kZXNjcmliZSgpPC90ZXh0PgogICAgICA8dGV4dCB4PSIxNzAiIHk9Ijg3IiB0ZXh0LWFuY2hvcj0iZW5kIiBmb250LXNpemU9IjEwIiBmaWxsPSIjNjQ3NDhiIj5TdGF0czwvdGV4dD4KICAgICAgCiAgICAgIDxyZWN0IHk9IjEwNSIgd2lkdGg9IjE4MCIgaGVpZ2h0PSIyNSIgcng9IjQiIGZpbGw9IiMxMGI5ODEyNSIgLz4KICAgICAgPHRleHQgeD0iMTAiIHk9IjEyMiIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzFlMjkzYiI+ZGYuc2hhcGU8L3RleHQ+CiAgICAgIDx0ZXh0IHg9IjE3MCIgeT0iMTIyIiB0ZXh0LWFuY2hvcj0iZW5kIiBmb250LXNpemU9IjEwIiBmaWxsPSIjNjQ3NDhiIj5EaW1lbnNpb25zPC90ZXh0PgogICAgPC9nPgoKICAgIDxwYXRoIGQ9Ik0gMTIwIDE0MCBMIDEyMCAxNjIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzEwYjk4MSIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZC1lbWVyYWxkKSIgLz4KICA8L2c+CgogIDwhLS0gRm9vdGVyIEluc2lnaHQgLS0+CiAgPHJlY3QgeD0iMjUwIiB5PSI0NzAiIHdpZHRoPSI0MDAiIGhlaWdodD0iMzUiIHJ4PSIxNyIgZmlsbD0iI2Y1OWUwYjE1IiBzdHJva2U9IiNmNTllMGIiIHN0cm9rZS13aWR0aD0iMSIgLz4KICA8dGV4dCB4PSI0NTAiIHk9IjQ5MiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPgogICAgS2V5IEluc2lnaHQ6IDx0c3BhbiBmb250LXdlaWdodD0ibm9ybWFsIj5BbHdheXMgaXNvbGF0ZSBlbnZpcm9ubWVudHMgdG8gYXZvaWQgIkRlcGVuZGVuY3kgSGVsbCIuPC90c3Bhbj4KICA8L3RleHQ+Cjwvc3ZnPg==Getting Started and Installation image 1Getting Started and Installation - pandas documentation - image 1https://www.getlykke.com/explore/public/pandas-documentation-fd56bdc9-3ee0-47fa-b411-17a802c549ef/media/core-data-structures/svg/1Core Data Structures: Series and DataFrames diagram 1Core Data Structures: Series and DataFrames - pandas documentation - diagram 1https://www.getlykke.com/explore/public/pandas-documentation-fd56bdc9-3ee0-47fa-b411-17a802c549ef/media/data-io-selection/svg/1Data Ingestion and Selection diagram 1Data Ingestion and Selection - pandas documentation - diagram 1https://www.getlykke.com/explore/public/pandas-documentation-fd56bdc9-3ee0-47fa-b411-17a802c549ef/media/data-manipulation-analysis/svg/1Data Manipulation and Summary Statistics diagram 1Data Manipulation and Summary Statistics - pandas documentation - diagram 1https://www.getlykke.com/explore/public/pandas-documentation-fd56bdc9-3ee0-47fa-b411-17a802c549ef/media/reshaping-combining/svg/1Reshaping and Combining Datasets diagram 1Reshaping and Combining Datasets - pandas documentation - diagram 1data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNTIwIj4KICA8ZGVmcz4KICAgIDxtYXJrZXIgaWQ9ImFycm93aGVhZCIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjciIHJlZlg9IjkiIHJlZlk9IjMuNSIgb3JpZW50PSJhdXRvIj4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDMuNSwgMCA3IiBmaWxsPSIjNjQ3NDhiIiAvPgogICAgPC9tYXJrZXI+CiAgICA8ZmlsdGVyIGlkPSJzaGFkb3ciIHg9Ii0yJSIgeT0iLTIlIiB3aWR0aD0iMTA0JSIgaGVpZ2h0PSIxMDQlIj4KICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIyIiAvPgogICAgICA8ZmVPZmZzZXQgZHg9IjEiIGR5PSIxIiByZXN1bHQ9Im9mZnNldGJsdXIiIC8+CiAgICAgIDxmZUNvbXBvbmVudFRyYW5zZmVyPgogICAgICAgIDxmZUZ1bmNBIHR5cGU9ImxpbmVhciIgc2xvcGU9IjAuMiIgLz4KICAgICAgPC9mZUNvbXBvbmVudFRyYW5zZmVyPgogICAgICA8ZmVNZXJnZT4KICAgICAgICA8ZmVNZXJnZU5vZGUgLz4KICAgICAgICA8ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiIC8+CiAgICAgIDwvZmVNZXJnZT4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KCiAgPCEtLSBUaXRsZSBhbmQgU3VidGl0bGUgLS0+CiAgPHRleHQgeD0iNDUwIiB5PSI0MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyMiIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPlNwZWNpYWxpemVkIERhdGE6IFRpbWUgU2VyaWVzIGFuZCBUZXh0IEFyY2hpdGVjdHVyZTwvdGV4dD4KICA8dGV4dCB4PSI0NTAiIHk9IjY1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBmaWxsPSIjNjQ3NDhiIj5Ib3cgcGFuZGFzIHRyYW5zZm9ybXMgcmF3IG9iamVjdHMgaW50byBoaWdoLXBlcmZvcm1hbmNlIHZlY3Rvcml6ZWQgc3RydWN0dXJlczwvdGV4dD4KCiAgPCEtLSBTRUNUSU9OIDE6IElOUFVUICYgQ09OVkVSU0lPTiAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MCwgMTAwKSI+CiAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjEwMCIgcng9IjEyIiBmaWxsPSIjNjM2NmYxMTUiIHN0cm9rZT0iIzYzNjZmMSIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogICAgPHRleHQgeD0iOTAiIHk9IjM1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+UmF3IElucHV0PC90ZXh0PgogICAgPHRleHQgeD0iOTAiIHk9IjYwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj5JU08gODYwMSBTdHJpbmdzPC90ZXh0PgogICAgPHRleHQgeD0iOTAiIHk9Ijc4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj5Vbml4IEVwb2NocyAoSW50KTwvdGV4dD4KICA8L2c+CgogIDxwYXRoIGQ9Ik0gMjMwIDE1MCBMIDI4MCAxNTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzY0NzQ4YiIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZCkiIC8+CgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5MCwgMTAwKSI+CiAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjEwMCIgcng9IjEyIiBmaWxsPSIjMGVhNWU5MTUiIHN0cm9rZT0iIzBlYTVlOSIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogICAgPHRleHQgeD0iOTAiIHk9IjM1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+cGQudG9fZGF0ZXRpbWUoKTwvdGV4dD4KICAgIDx0ZXh0IHg9IjkwIiB5PSI2MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+SW5mZXJlbmNlIEVuZ2luZTwvdGV4dD4KICAgIDx0ZXh0IHg9IjkwIiB5PSI3OCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+Qy1TdGFuZGFyZCBQYXJzaW5nPC90ZXh0PgogIDwvZz4KCiAgPHBhdGggZD0iTSA0NzAgMTUwIEwgNTIwIDE1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjQ3NDhiIiBzdHJva2Utd2lkdGg9IjIiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkKSIgLz4KCiAgPCEtLSBTRUNUSU9OIDI6IElOVEVSTkFMIFNUT1JBR0UgKFRIRSBCQUNLQk9ORSkgLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMwLCA4MCkiPgogICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjMyMCIgaGVpZ2h0PSIxNDAiIHJ4PSIxMiIgZmlsbD0iIzEwYjk4MTE1IiBzdHJva2U9IiMxMGI5ODEiIHN0cm9rZS13aWR0aD0iMiIgLz4KICAgIDx0ZXh0IHg9IjE2MCIgeT0iMzUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTYiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5EYXRldGltZUluZGV4IChJbnRlcm5hbCk8L3RleHQ+CiAgICA8dGV4dCB4PSIxNjAiIHk9IjY1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj42NC1iaXQgSW50ZWdlciBBcnJheSAobnMgcHJlY2lzaW9uKTwvdGV4dD4KICAgIAogICAgPCEtLSBWaXN1YWwgcmVwcmVzZW50YXRpb24gb2YgbmFub3NlY29uZHMgLS0+CiAgICA8cmVjdCB4PSI0MCIgeT0iODUiIHdpZHRoPSIyNDAiIGhlaWdodD0iMzAiIHJ4PSI2IiBmaWxsPSIjZmZmZmZmODAiIHN0cm9rZT0iIzEwYjk4MSIgc3Ryb2tlLWRhc2hhcnJheT0iNCAyIiAvPgogICAgPHRleHQgeD0iMTYwIiB5PSIxMDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiMwNTk2NjkiPjE2OTg0MDgwMDAwMDAwMDAwMDA8L3RleHQ+CiAgICA8dGV4dCB4PSIxNjAiIHk9IjEzMiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZmlsbD0iIzY0NzQ4YiI+TmFub3NlY29uZHMgc2luY2UgMTk3MC0wMS0wMTwvdGV4dD4KICA8L2c+CgogIDwhLS0gU0VDVElPTiAzOiBBQ0NFU1NPUlMgJiBPUEVSQVRJT05TIC0tPgogIDwhLS0gQ29ubmVjdG9yIGZyb20gQmFja2JvbmUgdG8gQWNjZXNzb3JzIC0tPgogIDxwYXRoIGQ9Ik0gNjkwIDIyMCBMIDY5MCAyNzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzY0NzQ4YiIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZCkiIC8+CiAgCiAgPCEtLSAuZHQgQWNjZXNzb3IgLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAsIDMwMCkiPgogICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjI0MCIgaGVpZ2h0PSIxNjAiIHJ4PSIxMiIgZmlsbD0iI2Y1OWUwYjE1IiBzdHJva2U9IiNmNTllMGIiIHN0cm9rZS13aWR0aD0iMiIgLz4KICAgIDx0ZXh0IHg9IjEyMCIgeT0iMzUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTYiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj4uZHQgQWNjZXNzb3I8L3RleHQ+CiAgICA8dGV4dCB4PSIxMjAiIHk9IjU1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjNjQ3NDhiIj5WZWN0b3JpemVkIFRlbXBvcmFsIFByb3BlcnRpZXM8L3RleHQ+CiAgICAKICAgIDxsaW5lIHgxPSIyMCIgeTE9IjcwIiB4Mj0iMjIwIiB5Mj0iNzAiIHN0cm9rZT0iI2Y1OWUwYiIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIwLjMiIC8+CiAgICAKICAgIDx0ZXh0IHg9IjMwIiB5PSI5NSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+LnllYXIgLyAubW9udGg8L3RleHQ+CiAgICA8dGV4dCB4PSIzMCIgeT0iMTE1IiBmb250LWZhbWlseT0ibW9ub3NwYWNlIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj4uZGF5X25hbWUoKTwvdGV4dD4KICAgIDx0ZXh0IHg9IjMwIiB5PSIxMzUiIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiMxZTI5M2IiPi50el9sb2NhbGl6ZSgpPC90ZXh0PgogICAgCiAgICA8dGV4dCB4PSIyMTAiIHk9Ijk1IiB0ZXh0LWFuY2hvcj0iZW5kIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjYjQ1MzA5Ij5JbnQ2NDwvdGV4dD4KICAgIDx0ZXh0IHg9IjIxMCIgeT0iMTE1IiB0ZXh0LWFuY2hvcj0iZW5kIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjYjQ1MzA5Ij5PYmplY3Q8L3RleHQ+CiAgICA8dGV4dCB4PSIyMTAiIHk9IjEzNSIgdGV4dC1hbmNob3I9ImVuZCIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZmlsbD0iI2I0NTMwOSI+RGF0ZXRpbWU8L3RleHQ+CiAgPC9nPgoKICA8IS0tIFJlc2FtcGxpbmcgLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMwLCAzMDApIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMTYwIiByeD0iMTIiIGZpbGw9IiMxMGI5ODExNSIgc3Ryb2tlPSIjMTBiOTgxIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIxMjAiIHk9IjM1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+UmVzYW1wbGluZzwvdGV4dD4KICAgIDx0ZXh0IHg9IjEyMCIgeT0iNTUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiM2NDc0OGIiPkZyZXF1ZW5jeS1Bd2FyZSBHcm91cGluZzwvdGV4dD4KICAgIAogICAgPGNpcmNsZSBjeD0iNjAiIGN5PSIxMDAiIHI9IjE1IiBmaWxsPSIjMTBiOTgxMzAiIHN0cm9rZT0iIzEwYjk4MSIgLz4KICAgIDxjaXJjbGUgY3g9IjkwIiBjeT0iMTAwIiByPSIxNSIgZmlsbD0iIzEwYjk4MTMwIiBzdHJva2U9IiMxMGI5ODEiIC8+CiAgICA8Y2lyY2xlIGN4PSIxMjAiIGN5PSIxMDAiIHI9IjE1IiBmaWxsPSIjMTBiOTgxMzAiIHN0cm9rZT0iIzEwYjk4MSIgLz4KICAgIDxwYXRoIGQ9Ik0gNjAgMTE1IFEgOTAgMTQ1IDE4MCAxMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzA1OTY2OSIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZCkiIC8+CiAgICAKICAgIDx0ZXh0IHg9IjEyMCIgeT0iMTQ1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjMWUyOTNiIj5Eb3duc2FtcGxpbmc6IERhaWx5IOKGkiBNb250aGx5PC90ZXh0PgogIDwvZz4KCiAgPCEtLSBUaW1lZGVsdGEgLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjEwLCAzMDApIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMTYwIiByeD0iMTIiIGZpbGw9IiM2MzY2ZjExNSIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIxMjAiIHk9IjM1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+VGltZWRlbHRhPC90ZXh0PgogICAgPHRleHQgeD0iMTIwIiB5PSI1NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzY0NzQ4YiI+VGhlIFBoeXNpY3Mgb2YgRHVyYXRpb248L3RleHQ+CiAgICAKICAgIDx0ZXh0IHg9IjEyMCIgeT0iOTUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMTQiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj7OlFQgPSBU4oKCIC0gVOKCgTwvdGV4dD4KICAgIAogICAgPHJlY3QgeD0iNDAiIHk9IjExMCIgd2lkdGg9IjE2MCIgaGVpZ2h0PSIzMCIgcng9IjQiIGZpbGw9IiM2MzY2ZjEyMCIgLz4KICAgIDx0ZXh0IHg9IjEyMCIgeT0iMTMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjNDMzOGNhIj5Bcml0aG1ldGljOiArIC8gLSAvICogU2NhbGFyPC90ZXh0PgogIDwvZz4KCiAgPCEtLSBDb25uZWN0aW5nIGxpbmVzIGZyb20gQmFja2JvbmUgdG8gbG93ZXIgYm94ZXMgLS0+CiAgPHBhdGggZD0iTSA2OTAgMjIwIEwgNjkwIDI1MCBMIDE3MCAyNTAgTCAxNzAgMzAwIiBmaWxsPSJub25lIiBzdHJva2U9IiM5NGEzYjgiIHN0cm9rZS13aWR0aD0iMiIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQpIiAvPgogIDxwYXRoIGQ9Ik0gNjkwIDI1MCBMIDQ1MCAyNTAgTCA0NTAgMzAwIiBmaWxsPSJub25lIiBzdHJva2U9IiM5NGEzYjgiIHN0cm9rZS13aWR0aD0iMiIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQpIiAvPgogIDxwYXRoIGQ9Ik0gNjkwIDI1MCBMIDczMCAyNTAgTCA3MzAgMzAwIiBmaWxsPSJub25lIiBzdHJva2U9IiM5NGEzYjgiIHN0cm9rZS13aWR0aD0iMiIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQpIiAvPgoKICA8IS0tIFRleHQgQWNjZXNzb3IgU21hbGwgQ2FsbG91dCAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MDAsIDIwKSI+CiAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjQwIiByeD0iOCIgZmlsbD0iIzBlYTVlOTEwIiBzdHJva2U9IiMwZWE1ZTkiIHN0cm9rZS1kYXNoYXJyYXk9IjQgMiIgLz4KICAgIDx0ZXh0IHg9Ijc1IiB5PSIyNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPi5zdHIgQWNjZXNzb3I8L3RleHQ+CiAgICA8dGV4dCB4PSI3NSIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTAiIGZpbGw9IiM2NDc0OGIiPlBhcmFsbGVsIGZvciBTdHJpbmdzPC90ZXh0PgogIDwvZz4KPC9zdmc+Specialized Data: Time Series and Text image 1Specialized Data: Time Series and Text - pandas documentation - image 1data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNTIwIj4KICA8ZGVmcz4KICAgIDxtYXJrZXIgaWQ9ImFycm93aGVhZCIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjciIHJlZlg9IjkiIHJlZlk9IjMuNSIgb3JpZW50PSJhdXRvIj4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDMuNSwgMCA3IiBmaWxsPSIjNjQ3NDhiIiAvPgogICAgPC9tYXJrZXI+CiAgPC9kZWZzPgoKICA8IS0tIFRpdGxlIGFuZCBTdWJ0aXRsZSAtLT4KICA8dGV4dCB4PSI0NTAiIHk9IjQwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIyIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+RGF0YSBNYW5pcHVsYXRpb246IE1lbnRhbCBNb2RlbCBNYXBwaW5nPC90ZXh0PgogIDx0ZXh0IHg9IjQ1MCIgeT0iNjUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiM2NDc0OGIiPlRyYW5zbGF0aW5nIGxlZ2FjeSBwYXJhZGlnbXMgaW50byB0aGUgcGFuZGFzIHZlY3Rvcml6ZWQgZnJhbWV3b3JrPC90ZXh0PgoKICA8IS0tIENvbHVtbiBIZWFkZXJzOiBTb3VyY2UgRW52aXJvbm1lbnRzIC0tPgogIDwhLS0gU1FMIC0tPgogIDxyZWN0IHg9IjUwIiB5PSIxMDAiIHdpZHRoPSIyNTAiIGhlaWdodD0iODAiIHJ4PSIxMiIgZmlsbD0iIzYzNjZmMTE1IiBzdHJva2U9IiM2MzY2ZjEiIHN0cm9rZS13aWR0aD0iMiIgLz4KICA8dGV4dCB4PSIxNzUiIHk9IjEzMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxOCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPlNRTDwvdGV4dD4KICA8dGV4dCB4PSIxNzUiIHk9IjE1NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+RGVjbGFyYXRpdmUgUmVsYXRpb25hbCBBbGdlYnJhPC90ZXh0PgoKICA8IS0tIFIgLyBkcGx5ciAtLT4KICA8cmVjdCB4PSIzMjUiIHk9IjEwMCIgd2lkdGg9IjI1MCIgaGVpZ2h0PSI4MCIgcng9IjEyIiBmaWxsPSIjMGVhNWU5MTUiIHN0cm9rZT0iIzBlYTVlOSIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogIDx0ZXh0IHg9IjQ1MCIgeT0iMTMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE4IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+UiAvIHRpZHl2ZXJzZTwvdGV4dD4KICA8dGV4dCB4PSI0NTAiIHk9IjE1NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+RnVuY3Rpb25hbCBHcmFtbWFyIG9mIERhdGE8L3RleHQ+CgogIDwhLS0gRXhjZWwgLS0+CiAgPHJlY3QgeD0iNjAwIiB5PSIxMDAiIHdpZHRoPSIyNTAiIGhlaWdodD0iODAiIHJ4PSIxMiIgZmlsbD0iIzEwYjk4MTE1IiBzdHJva2U9IiMxMGI5ODEiIHN0cm9rZS13aWR0aD0iMiIgLz4KICA8dGV4dCB4PSI3MjUiIHk9IjEzMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxOCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPkV4Y2VsPC90ZXh0PgogIDx0ZXh0IHg9IjcyNSIgeT0iMTU1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj5DZWxsLWxldmVsIFZpc3VhbCBSZWFjdGl2aXR5PC90ZXh0PgoKICA8IS0tIE1hcHBpbmcgUm93cyAtLT4KICA8IS0tIFJvdyAxOiBTZWxlY3Rpb24gLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwgMjEwKSI+CiAgICA8cmVjdCB4PSI1MCIgeT0iMCIgd2lkdGg9IjI1MCIgaGVpZ2h0PSI0NSIgcng9IjgiIGZpbGw9IiNmOGZhZmMiIHN0cm9rZT0iI2UyZThmMCIgLz4KICAgIDx0ZXh0IHg9IjE3NSIgeT0iMjgiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiMxZTI5M2IiPlNFTEVDVCAvIFdIRVJFPC90ZXh0PgogICAgCiAgICA8cmVjdCB4PSIzMjUiIHk9IjAiIHdpZHRoPSIyNTAiIGhlaWdodD0iNDUiIHJ4PSI4IiBmaWxsPSIjZjhmYWZjIiBzdHJva2U9IiNlMmU4ZjAiIC8+CiAgICA8dGV4dCB4PSI0NTAiIHk9IjI4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ibW9ub3NwYWNlIiBmb250LXNpemU9IjE0IiBmaWxsPSIjMWUyOTNiIj5maWx0ZXIoKSAvIHNlbGVjdCgpPC90ZXh0PgogICAgCiAgICA8cmVjdCB4PSI2MDAiIHk9IjAiIHdpZHRoPSIyNTAiIGhlaWdodD0iNDUiIHJ4PSI4IiBmaWxsPSIjZjhmYWZjIiBzdHJva2U9IiNlMmU4ZjAiIC8+CiAgICA8dGV4dCB4PSI3MjUiIHk9IjI4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ibW9ub3NwYWNlIiBmb250LXNpemU9IjE0IiBmaWxsPSIjMWUyOTNiIj5GaWx0ZXIgVUkgLyBTbGljZXJzPC90ZXh0PgogICAgCiAgICA8cGF0aCBkPSJNIDE3NSA0NSBMIDE3NSA3NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjQ3NDhiIiBzdHJva2Utd2lkdGg9IjEuNSIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQpIiAvPgogICAgPHBhdGggZD0iTSA0NTAgNDUgTCA0NTAgNzUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzY0NzQ4YiIgc3Ryb2tlLXdpZHRoPSIxLjUiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkKSIgLz4KICAgIDxwYXRoIGQ9Ik0gNzI1IDQ1IEwgNzI1IDc1IiBmaWxsPSJub25lIiBzdHJva2U9IiM2NDc0OGIiIHN0cm9rZS13aWR0aD0iMS41IiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZCkiIC8+CiAgPC9nPgoKICA8IS0tIFJvdyAyOiBUcmFuc2Zvcm1hdGlvbiAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAzMDApIj4KICAgIDxyZWN0IHg9IjUwIiB5PSIwIiB3aWR0aD0iMjUwIiBoZWlnaHQ9IjQ1IiByeD0iOCIgZmlsbD0iI2Y4ZmFmYyIgc3Ryb2tlPSIjZTJlOGYwIiAvPgogICAgPHRleHQgeD0iMTc1IiB5PSIyOCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzFlMjkzYiI+Sk9JTiAvIFVOSU9OPC90ZXh0PgogICAgCiAgICA8cmVjdCB4PSIzMjUiIHk9IjAiIHdpZHRoPSIyNTAiIGhlaWdodD0iNDUiIHJ4PSI4IiBmaWxsPSIjZjhmYWZjIiBzdHJva2U9IiNlMmU4ZjAiIC8+CiAgICA8dGV4dCB4PSI0NTAiIHk9IjI4IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ibW9ub3NwYWNlIiBmb250LXNpemU9IjE0IiBmaWxsPSIjMWUyOTNiIj5tdXRhdGUoKSAvICUmZ3Q7JTwvdGV4dD4KICAgIAogICAgPHJlY3QgeD0iNjAwIiB5PSIwIiB3aWR0aD0iMjUwIiBoZWlnaHQ9IjQ1IiByeD0iOCIgZmlsbD0iI2Y4ZmFmYyIgc3Ryb2tlPSIjZTJlOGYwIiAvPgogICAgPHRleHQgeD0iNzI1IiB5PSIyOCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzFlMjkzYiI+VkxPT0tVUCAvIFBpdm90PC90ZXh0PgogICAgCiAgICA8cGF0aCBkPSJNIDE3NSA0NSBMIDE3NSA3NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjQ3NDhiIiBzdHJva2Utd2lkdGg9IjEuNSIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQpIiAvPgogICAgPHBhdGggZD0iTSA0NTAgNDUgTCA0NTAgNzUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzY0NzQ4YiIgc3Ryb2tlLXdpZHRoPSIxLjUiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkKSIgLz4KICAgIDxwYXRoIGQ9Ik0gNzI1IDQ1IEwgNzI1IDc1IiBmaWxsPSJub25lIiBzdHJva2U9IiM2NDc0OGIiIHN0cm9rZS13aWR0aD0iMS41IiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZCkiIC8+CiAgPC9nPgoKICA8IS0tIFRoZSBQYW5kYXMgQ29yZSAtLT4KICA8cmVjdCB4PSI1MCIgeT0iMzkwIiB3aWR0aD0iODAwIiBoZWlnaHQ9IjEwMCIgcng9IjEyIiBmaWxsPSIjZjU5ZTBiMTAiIHN0cm9rZT0iI2Y1OWUwYiIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogIDx0ZXh0IHg9IjQ1MCIgeT0iNDIwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE4IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+VGhlIFBhbmRhcyBQYXJhZGlnbTogSW1wZXJhdGl2ZSBWZWN0b3JpemF0aW9uPC90ZXh0PgogIAogIDwhLS0gUGFuZGFzIE1ldGhvZHMgLS0+CiAgPGcgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIxNCIgZm9udC13ZWlnaHQ9ImJvbGQiPgogICAgPHRleHQgeD0iMTc1IiB5PSI0NTUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZpbGw9IiNiNDUzMDkiPmRmLnF1ZXJ5KCkgLyBkZi5tZXJnZSgpPC90ZXh0PgogICAgPHRleHQgeD0iNDUwIiB5PSI0NTUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZpbGw9IiNiNDUzMDkiPmRmLmFzc2lnbigpIC8gLnBpcGUoKTwvdGV4dD4KICAgIDx0ZXh0IHg9IjcyNSIgeT0iNDU1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmaWxsPSIjYjQ1MzA5Ij5kZi5ncm91cGJ5KCkgLyAucGl2b3QoKTwvdGV4dD4KICA8L2c+CiAgCiAgPHRleHQgeD0iNDUwIiB5PSI0NzgiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiM2NDc0OGIiPgogICAgVW5pZmllZCBCbG9jay1NYW5hZ2VyIEFyY2hpdGVjdHVyZSDigKIgSW5kZXgtQXdhcmUgQWxpZ25tZW50IOKAoiBJbi1NZW1vcnkgQy1PcHRpbWl6ZWQgRXhlY3V0aW9uCiAgPC90ZXh0PgoKICA8IS0tIENvbm5lY3RpbmcgTGFiZWxzIC0tPgogIDx0ZXh0IHg9IjE3NSIgeT0iMjAwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzY0NzQ4YiIgdGV4dC10cmFuc2Zvcm09InVwcGVyY2FzZSI+UmVsYXRpb25hbCBNYXBwaW5nPC90ZXh0PgogIDx0ZXh0IHg9IjQ1MCIgeT0iMjAwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzY0NzQ4YiIgdGV4dC10cmFuc2Zvcm09InVwcGVyY2FzZSI+RnVuY3Rpb25hbCBNYXBwaW5nPC90ZXh0PgogIDx0ZXh0IHg9IjcyNSIgeT0iMjAwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzY0NzQ4YiIgdGV4dC10cmFuc2Zvcm09InVwcGVyY2FzZSI+VmlzdWFsIE1hcHBpbmc8L3RleHQ+Cjwvc3ZnPg==Comparison with Other Tools image 1Comparison with Other Tools - pandas documentation - image 1data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNTIwIj4KICA8ZGVmcz4KICAgIDxtYXJrZXIgaWQ9ImFycm93LWluZGlnbyIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjEwIiByZWZYPSI5IiByZWZZPSI1IiBvcmllbnRhdGlvbj0iYXV0byI+CiAgICAgIDxwYXRoIGQ9Ik0wLDAgTDEwLDUgTDAsMTAgWiIgZmlsbD0iIzYzNjZmMSIgLz4KICAgIDwvbWFya2VyPgogICAgPG1hcmtlciBpZD0iYXJyb3ctc2t5IiBtYXJrZXJXaWR0aD0iMTAiIG1hcmtlckhlaWdodD0iMTAiIHJlZlg9IjkiIHJlZlk9IjUiIG9yaWVudGF0aW9uPSJhdXRvIj4KICAgICAgPHBhdGggZD0iTTAsMCBMMTAsNSBMMCwxMCBaIiBmaWxsPSIjMGVhNWU5IiAvPgogICAgPC9tYXJrZXI+CiAgICA8bWFya2VyIGlkPSJhcnJvdy1lbWVyYWxkIiBtYXJrZXJXaWR0aD0iMTAiIG1hcmtlckhlaWdodD0iMTAiIHJlZlg9IjkiIHJlZlk9IjUiIG9yaWVudGF0aW9uPSJhdXRvIj4KICAgICAgPHBhdGggZD0iTTAsMCBMMTAsNSBMMCwxMCBaIiBmaWxsPSIjMTBiOTgxIiAvPgogICAgPC9tYXJrZXI+CiAgICA8bWFya2VyIGlkPSJhcnJvdy1hbWJlciIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjEwIiByZWZYPSI5IiByZWZZPSI1IiBvcmllbnRhdGlvbj0iYXV0byI+CiAgICAgIDxwYXRoIGQ9Ik0wLDAgTDEwLDUgTDAsMTAgWiIgZmlsbD0iI2Y1OWUwYiIgLz4KICAgIDwvbWFya2VyPgogIDwvZGVmcz4KCiAgPCEtLSBUaXRsZSBhbmQgU3VidGl0bGUgLS0+CiAgPHRleHQgeD0iNDUwIiB5PSI0MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyMiIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPlBhbmRhcyBEb2N1bWVudGF0aW9uIEVjb3N5c3RlbTwvdGV4dD4KICA8dGV4dCB4PSI0NTAiIHk9IjY1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBmaWxsPSIjNjQ3NDhiIj5BIG11bHRpLWxheWVyZWQgYXJjaGl0ZWN0dXJhbCBtYXAgZm9yIGRhdGEgc2NpZW5jZSBhbmQgc3lzdGVtcyBvcHRpbWl6YXRpb248L3RleHQ+CgogIDwhLS0gQ2VudHJhbCBIdWIgLS0+CiAgPHJlY3QgeD0iMzYwIiB5PSIyMzAiIHdpZHRoPSIxODAiIGhlaWdodD0iNjAiIHJ4PSIxMiIgZmlsbD0iI2YxZjVmOSIgc3Ryb2tlPSIjOTRhM2I4IiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgPHRleHQgeD0iNDUwIiB5PSIyNTgiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTYiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5Eb2N1bWVudGF0aW9uIENvcmU8L3RleHQ+CiAgPHRleHQgeD0iNDUwIiB5PSIyNzUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiM2NDc0OGIiPlBhbmRhcyAzLjArIEZyYW1ld29yazwvdGV4dD4KCiAgPCEtLSBQaWxsYXIgMTogVXNlciBHdWlkZSAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MCwgOTApIj4KICAgIDxyZWN0IHdpZHRoPSIzNjAiIGhlaWdodD0iMTMwIiByeD0iMTIiIGZpbGw9IiM2MzY2ZjEyMCIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIyMCIgeT0iMzAiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj4xLiBVc2VyIEd1aWRlPC90ZXh0PgogICAgPHRleHQgeD0iMjAiIHk9IjUyIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzYzNjZmMSI+TWVudGFsIE1vZGVscyAmYW1wOyBJZGlvbWF0aWMgUGF0dGVybnM8L3RleHQ+CiAgICA8dGV4dCB4PSIyMCIgeT0iNzUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiMxZTI5M2IiPuKAoiBTZXJpZXMgKDFEKSB2cyBEYXRhRnJhbWUgKDJEKSBzdHJ1Y3R1cmVzPC90ZXh0PgogICAgPHRleHQgeD0iMjAiIHk9Ijk1IiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj7igKIgVmVjdG9yaXphdGlvbjogUmVwbGFjaW5nIGxvb3BzIHdpdGggU0lNRDwvdGV4dD4KICAgIDx0ZXh0IHg9IjIwIiB5PSIxMTUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiMxZTI5M2IiPuKAoiBTcGxpdC1BcHBseS1Db21iaW5lIHByb2Nlc3Npbmcgc3RyYXRlZ3k8L3RleHQ+CiAgPC9nPgoKICA8IS0tIFBpbGxhciAyOiBBUEkgUmVmZXJlbmNlIC0tPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5MCwgOTApIj4KICAgIDxyZWN0IHdpZHRoPSIzNjAiIGhlaWdodD0iMTMwIiByeD0iMTIiIGZpbGw9IiMwZWE1ZTkyMCIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIyMCIgeT0iMzAiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj4yLiBBUEkgUmVmZXJlbmNlPC90ZXh0PgogICAgPHRleHQgeD0iMjAiIHk9IjUyIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzBlYTVlOSI+VGhlIENvbnRyYWN0IG9mIFN0YWJpbGl0eTwvdGV4dD4KICAgIDx0ZXh0IHg9IjIwIiB5PSI3NSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+4oCiIEZvcm1hbCBzeW50YXggYW5kIFNlbVZlciBjb21wbGlhbmNlPC90ZXh0PgogICAgPHRleHQgeD0iMjAiIHk9Ijk1IiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj7igKIgQXR0cmlidXRlcyAobWV0YWRhdGEpIHZzIE1ldGhvZHMgKGFjdGlvbnMpPC90ZXh0PgogICAgPHRleHQgeD0iMjAiIHk9IjExNSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+4oCiIElPIENvbmZpZzogcmVhZF9jc3YgZW5naW5lcyAoQywgUHlBcnJvdyk8L3RleHQ+CiAgPC9nPgoKICA8IS0tIFBpbGxhciAzOiBEZXZlbG9wbWVudCBHdWlkZSAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MCwgMzMwKSI+CiAgICA8cmVjdCB3aWR0aD0iMzYwIiBoZWlnaHQ9IjEzMCIgcng9IjEyIiBmaWxsPSIjMTBiOTgxMjAiIHN0cm9rZT0iIzEwYjk4MSIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogICAgPHRleHQgeD0iMjAiIHk9IjMwIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE4IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+My4gRGV2ZWxvcG1lbnQgR3VpZGU8L3RleHQ+CiAgICA8dGV4dCB4PSIyMCIgeT0iNTIiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMTBiOTgxIj5TeXN0ZW1zLUxldmVsIFBlcmZvcm1hbmNlPC90ZXh0PgogICAgPHRleHQgeD0iMjAiIHk9Ijc1IiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj7igKIgT3B0aW1pemluZyBDLWV4dGVuc2lvbnMgYW5kIEN5dGhvbjwvdGV4dD4KICAgIDx0ZXh0IHg9IjIwIiB5PSI5NSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+4oCiIENvcHktb24tV3JpdGUgKENvVykgbWVtb3J5IG1hbmFnZW1lbnQ8L3RleHQ+CiAgICA8dGV4dCB4PSIyMCIgeT0iMTE1IiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj7igKIgQ29udHJpYnV0aW5nIHRvIHRoZSBjb3JlIGVuZ2luZTwvdGV4dD4KICA8L2c+CgogIDwhLS0gUGlsbGFyIDQ6IFJlbGVhc2UgTm90ZXMgLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkwLCAzMzApIj4KICAgIDxyZWN0IHdpZHRoPSIzNjAiIGhlaWdodD0iMTMwIiByeD0iMTIiIGZpbGw9IiNmNTllMGIyMCIgc3Ryb2tlPSIjZjU5ZTBiIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIyMCIgeT0iMzAiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj40LiBSZWxlYXNlIE5vdGVzPC90ZXh0PgogICAgPHRleHQgeD0iMjAiIHk9IjUyIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iI2Y1OWUwYiI+RXZvbHV0aW9uYXJ5IFJvYWRtYXA8L3RleHQ+CiAgICA8dGV4dCB4PSIyMCIgeT0iNzUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiMxZTI5M2IiPuKAoiBEZXByZWNhdGlvbiBjeWNsZXMgYW5kIGJyZWFraW5nIGNoYW5nZXM8L3RleHQ+CiAgICA8dGV4dCB4PSIyMCIgeT0iOTUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiMxZTI5M2IiPuKAoiBOZXcgZmVhdHVyZSBoaWdobGlnaHRzIGFuZCBidWcgZml4ZXM8L3RleHQ+CiAgICA8dGV4dCB4PSIyMCIgeT0iMTE1IiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj7igKIgTWlncmF0aW9uIGd1aWRlcyBmb3IgbGVnYWN5IGNvZGViYXNlczwvdGV4dD4KICA8L2c+CgogIDwhLS0gQ29ubmVjdGluZyBMaW5lcyAtLT4KICA8cGF0aCBkPSJNMzYwLDI0NSBMMjMwLDIyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjIiIG1hcmtlci1lbmQ9InVybCgjYXJyb3ctaW5kaWdvKSIgLz4KICA8cGF0aCBkPSJNNTQwLDI0NSBMNjcwLDIyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiIG1hcmtlci1lbmQ9InVybCgjYXJyb3ctc2t5KSIgLz4KICA8cGF0aCBkPSJNMzYwLDI3NSBMMjMwLDMzMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTBiOTgxIiBzdHJva2Utd2lkdGg9IjIiIG1hcmtlci1lbmQ9InVybCgjYXJyb3ctZW1lcmFsZCkiIC8+CiAgPHBhdGggZD0iTTU0MCwyNzUgTDY3MCwzMzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y1OWUwYiIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93LWFtYmVyKSIgLz4KCiAgPCEtLSBQZXJzb25hIExhYmVscyAtLT4KICA8dGV4dCB4PSIxMjAiIHk9IjgwIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzYzNjZmMSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+REFUQSBTQ0lFTlRJU1Q8L3RleHQ+CiAgPHRleHQgeD0iNzgwIiB5PSI4MCIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMwZWE1ZTkiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkFOQUxZU1Q8L3RleHQ+CiAgPHRleHQgeD0iMTIwIiB5PSI0NzUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMTBiOTgxIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5DT1JFIERFVkVMT1BFUjwvdGV4dD4KICA8dGV4dCB4PSI3ODAiIHk9IjQ3NSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiNmNTllMGIiIHRleHQtYW5jaG9yPSJtaWRkbGUiPk1BSU5UQUlORVI8L3RleHQ+Cjwvc3ZnPg==User Guide, API Reference, and Development image 1User Guide, API Reference, and Development - pandas documentation - image 1https://www.getlykke.com/explore/public/start-building-with-claude-4423f20b-6458-4c18-9b13-b59d9eef03dd2026-04-17T15:44:58.000Zdata:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNTIwIj4KICA8ZGVmcz4KICAgIDxtYXJrZXIgaWQ9ImFycm93aGVhZCIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjciIHJlZlg9IjkiIHJlZlk9IjMuNSIgb3JpZW50PSJhdXRvIj4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDMuNSwgMCA3IiBmaWxsPSIjNjQ3NDhiIiAvPgogICAgPC9tYXJrZXI+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtaW5kaWdvIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzYzNjZmMTtzdG9wLW9wYWNpdHk6MC4xNSIgLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojNjM2NmYxO3N0b3Atb3BhY2l0eTowLjA1IiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CgogIDwhLS0gVGl0bGUgYW5kIFN1YnRpdGxlIC0tPgogIDx0ZXh0IHg9IjQ1MCIgeT0iNDAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjIiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5UaGUgQ2xhdWRlIE1vZGVsIEZhbWlseSBFY29zeXN0ZW08L3RleHQ+CiAgPHRleHQgeD0iNDUwIiB5PSI2NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzY0NzQ4YiI+QSB0aWVyZWQgaGllcmFyY2h5IG9wdGltaXplZCBmb3IgdGhlIFBhcmV0byBmcm9udGllciBvZiBpbnRlbGxpZ2VuY2UsIHNwZWVkLCBhbmQgY29zdC48L3RleHQ+CgogIDwhLS0gUGFyZXRvIEZyb250aWVyIEN1cnZlIChWaXN1YWwgR3VpZGUpIC0tPgogIDxwYXRoIGQ9Ik0gMTcwIDEyMCBRIDQ1MCAxNTAgNzMwIDEyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjQ3NDhiIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1kYXNoYXJyYXk9IjQgNCIgb3BhY2l0eT0iMC40IiAvPgogIDx0ZXh0IHg9IjQ1MCIgeT0iMTA1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmb250LXN0eWxlPSJpdGFsaWMiIGZpbGw9IiM2NDc0OGIiPlRoZSBJbnRlbGxpZ2VuY2UtU3BlZWQgRnJvbnRpZXI8L3RleHQ+CgogIDwhLS0gVGllciAxOiBPcHVzIC0tPgogIDxyZWN0IHg9IjQwIiB5PSIxMzAiIHdpZHRoPSIyNjAiIGhlaWdodD0iMTkwIiByeD0iMTIiIGZpbGw9IiM2MzY2ZjExNSIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgPHRleHQgeD0iMTcwIiB5PSIxNjAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5DbGF1ZGUgMyBPcHVzPC90ZXh0PgogIDx0ZXh0IHg9IjE3MCIgeT0iMTgwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmb250LXdlaWdodD0iNjAwIiBmaWxsPSIjNjM2NmYxIj5NYXhpbXVtIEludGVsbGlnZW5jZTwvdGV4dD4KICA8bGluZSB4MT0iNzAiIHkxPSIxOTUiIHgyPSIyNzAiIHkyPSIxOTUiIHN0cm9rZT0iIzYzNjZmMSIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIwLjMiIC8+CiAgPHRleHQgeD0iNjAiIHk9IjIyMCIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+4oCiIERlZXAgIlN5c3RlbSAyIiBSZWFzb25pbmc8L3RleHQ+CiAgPHRleHQgeD0iNjAiIHk9IjI0MCIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+4oCiIDIwMGsgQ29udGV4dCBXaW5kb3c8L3RleHQ+CiAgPHRleHQgeD0iNjAiIHk9IjI2MCIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+4oCiID45OSUgTmVlZGxlLWluLWEtSGF5c3RhY2s8L3RleHQ+CiAgPHRleHQgeD0iNjAiIHk9IjI5MCIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZm9udC1zdHlsZT0iaXRhbGljIiBmaWxsPSIjNDc1NTY5Ij5Vc2U6IENvbXBsZXggU3RyYXRlZ3kgJmFtcDsgUmVzZWFyY2g8L3RleHQ+CgogIDwhLS0gVGllciAyOiBTb25uZXQgMy41IC0tPgogIDxyZWN0IHg9IjMyMCIgeT0iMTMwIiB3aWR0aD0iMjYwIiBoZWlnaHQ9IjE5MCIgcng9IjEyIiBmaWxsPSIjMGVhNWU5MTUiIHN0cm9rZT0iIzBlYTVlOSIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogIDx0ZXh0IHg9IjQ1MCIgeT0iMTYwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE4IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+Q2xhdWRlIDMuNSBTb25uZXQ8L3RleHQ+CiAgPHRleHQgeD0iNDUwIiB5PSIxODAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZvbnQtd2VpZ2h0PSI2MDAiIGZpbGw9IiMwZWE1ZTkiPlRoZSBFZmZpY2llbmN5IEZyb250aWVyPC90ZXh0PgogIDxsaW5lIHgxPSIzNTAiIHkxPSIxOTUiIHgyPSI1NTAiIHkyPSIxOTUiIHN0cm9rZT0iIzBlYTVlOSIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIwLjMiIC8+CiAgPHRleHQgeD0iMzQwIiB5PSIyMjAiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiMxZTI5M2IiPuKAoiA5MiUgSHVtYW5FdmFsIChDb2RpbmcpPC90ZXh0PgogIDx0ZXh0IHg9IjM0MCIgeT0iMjQwIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj7igKIgQWR2YW5jZWQgU3BhdGlhbCBSZWFzb25pbmc8L3RleHQ+CiAgPHRleHQgeD0iMzQwIiB5PSIyNjAiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiMxZTI5M2IiPuKAoiAyeCBTcGVlZCBvZiBDbGF1ZGUgMyBPcHVzPC90ZXh0PgogIDx0ZXh0IHg9IjM0MCIgeT0iMjkwIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXN0eWxlPSJpdGFsaWMiIGZpbGw9IiM0NzU1NjkiPlVzZTogRW50ZXJwcmlzZSBSQUcgJmFtcDsgQ29kaW5nPC90ZXh0PgoKICA8IS0tIFRpZXIgMzogSGFpa3UgLS0+CiAgPHJlY3QgeD0iNjAwIiB5PSIxMzAiIHdpZHRoPSIyNjAiIGhlaWdodD0iMTkwIiByeD0iMTIiIGZpbGw9IiMxMGI5ODExNSIgc3Ryb2tlPSIjMTBiOTgxIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgPHRleHQgeD0iNzMwIiB5PSIxNjAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5DbGF1ZGUgMyBIYWlrdTwvdGV4dD4KICA8dGV4dCB4PSI3MzAiIHk9IjE4MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzEwYjk4MSI+TmVhci1JbnN0YW50IFNwZWVkPC90ZXh0PgogIDxsaW5lIHgxPSI2MzAiIHkxPSIxOTUiIHgyPSI4MzAiIHkyPSIxOTUiIHN0cm9rZT0iIzEwYjk4MSIgc3Ryb2tlLXdpZHRoPSIxIiBvcGFjaXR5PSIwLjMiIC8+CiAgPHRleHQgeD0iNjIwIiB5PSIyMjAiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiMxZTI5M2IiPuKAoiBTdWItc2Vjb25kIFJlc3BvbnNlIExhdGVuY3k8L3RleHQ+CiAgPHRleHQgeD0iNjIwIiB5PSIyNDAiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiMxZTI5M2IiPuKAoiBPcHRpbWl6ZWQgS1YgQ2FjaGluZzwvdGV4dD4KICA8dGV4dCB4PSI2MjAiIHk9IjI2MCIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+4oCiIEhpZ2gtVGhyb3VnaHB1dCBQcm9jZXNzaW5nPC90ZXh0PgogIDx0ZXh0IHg9IjYyMCIgeT0iMjkwIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXN0eWxlPSJpdGFsaWMiIGZpbGw9IiM0NzU1NjkiPlVzZTogTW9kZXJhdGlvbiAmYW1wOyBMb2cgQW5hbHlzaXM8L3RleHQ+CgogIDwhLS0gRm91bmRhdGlvbjogQ29uc3RpdHV0aW9uYWwgQUkgLS0+CiAgPHJlY3QgeD0iMjUwIiB5PSIzOTAiIHdpZHRoPSI0MDAiIGhlaWdodD0iMTAwIiByeD0iMTIiIGZpbGw9IiNmNTllMGIxNSIgc3Ryb2tlPSIjZjU5ZTBiIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgPHRleHQgeD0iNDUwIiB5PSI0MTUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTYiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5Gb3VuZGF0aW9uOiBDb25zdGl0dXRpb25hbCBBSTwvdGV4dD4KICA8dGV4dCB4PSI0NTAiIHk9IjQzNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+UmVpbmZvcmNlbWVudCBMZWFybmluZyBmcm9tIEFJIEZlZWRiYWNrIChSTEFJRik8L3RleHQ+CiAgPHRleHQgeD0iNDUwIiB5PSI0NTUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjYjQ1MzA5Ij5IZWxwZnVsbmVzcyDigKIgSG9uZXN0eSDigKIgSGFybWxlc3NuZXNzPC90ZXh0PgogIDx0ZXh0IHg9IjQ1MCIgeT0iNDc1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjNDc1NTY5Ij5NdWx0aW1vZGFsLUZpcnN0IERlY29kZXItb25seSBUcmFuc2Zvcm1lciBBcmNoaXRlY3R1cmU8L3RleHQ+CgogIDwhLS0gQ29ubmVjdGluZyBBcnJvd3MgLS0+CiAgPHBhdGggZD0iTSA0NTAgMzkwIEwgMTcwIDMyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjQ3NDhiIiBzdHJva2Utd2lkdGg9IjIiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkKSIgb3BhY2l0eT0iMC41IiAvPgogIDxwYXRoIGQ9Ik0gNDUwIDM5MCBMIDQ1MCAzMjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzY0NzQ4YiIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZCkiIG9wYWNpdHk9IjAuNSIgLz4KICA8cGF0aCBkPSJNIDQ1MCAzOTAgTCA3MzAgMzIwIiBmaWxsPSJub25lIiBzdHJva2U9IiM2NDc0OGIiIHN0cm9rZS13aWR0aD0iMiIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQpIiBvcGFjaXR5PSIwLjUiIC8+CgogIDwhLS0gTGVnZW5kL0F4ZXMgLS0+CiAgPGcgb3BhY2l0eT0iMC42Ij4KICAgIDxsaW5lIHgxPSI0MCIgeTE9IjUwMCIgeDI9Ijg2MCIgeTI9IjUwMCIgc3Ryb2tlPSIjMWUyOTNiIiBzdHJva2Utd2lkdGg9IjEiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkKSIgLz4KICAgIDx0ZXh0IHg9Ijg2MCIgeT0iNTE1IiB0ZXh0LWFuY2hvcj0iZW5kIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjMWUyOTNiIj5TcGVlZCAmYW1wOyBDb3N0IEVmZmljaWVuY3k8L3RleHQ+CiAgICAKICAgIDxsaW5lIHgxPSIyMCIgeTE9IjUwMCIgeDI9IjIwIiB5Mj0iMTAwIiBzdHJva2U9IiMxZTI5M2IiIHN0cm9rZS13aWR0aD0iMSIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQpIiAvPgogICAgPHRleHQgeD0iMjUiIHk9IjEwMCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDI1LDEwMCkiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiMxZTI5M2IiPkludGVsbGlnZW5jZSAmYW1wOyBSZWFzb25pbmc8L3RleHQ+CiAgPC9nPgo8L3N2Zz4=The Claude Model Family image 1The Claude Model Family - Start building with Claude - image 1https://www.getlykke.com/explore/public/start-building-with-claude-4423f20b-6458-4c18-9b13-b59d9eef03dd/media/messages-api-integration/svg/1Integrating with the Messages API diagram 1Integrating with the Messages API - Start building with Claude - diagram 1data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNTIwIj4KICA8ZGVmcz4KICAgIDxtYXJrZXIgaWQ9ImFycm93LWluZGlnbyIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjciIHJlZlg9IjkiIHJlZlk9IjMuNSIgb3JpZW50PSJhdXRvIj4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDMuNSwgMCA3IiBmaWxsPSIjNjM2NmYxIiAvPgogICAgPC9tYXJrZXI+CiAgICA8bWFya2VyIGlkPSJhcnJvdy1lbWVyYWxkIiBtYXJrZXJXaWR0aD0iMTAiIG1hcmtlckhlaWdodD0iNyIgcmVmWD0iOSIgcmVmWT0iMy41IiBvcmllbnQ9ImF1dG8iPgogICAgICA8cG9seWdvbiBwb2ludHM9IjAgMCwgMTAgMy41LCAwIDciIGZpbGw9IiMxMGI5ODEiIC8+CiAgICA8L21hcmtlcj4KICAgIDxtYXJrZXIgaWQ9ImFycm93LXNreSIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjciIHJlZlg9IjkiIHJlZlk9IjMuNSIgb3JpZW50PSJhdXRvIj4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDMuNSwgMCA3IiBmaWxsPSIjMGVhNWU5IiAvPgogICAgPC9tYXJrZXI+CiAgICA8bWFya2VyIGlkPSJhcnJvdy1hbWJlciIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjciIHJlZlg9IjkiIHJlZlk9IjMuNSIgb3JpZW50PSJhdXRvIj4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDMuNSwgMCA3IiBmaWxsPSIjZjU5ZTBiIiAvPgogICAgPC9tYXJrZXI+CiAgPC9kZWZzPgoKICA8IS0tIFRpdGxlICYgU3VidGl0bGUgLS0+CiAgPHRleHQgeD0iNDUwIiB5PSIzNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyMiIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPlByb21wdCBFbmdpbmVlcmluZyAmYW1wOyBFdmFsdWF0aW9uIExpZmVjeWNsZTwvdGV4dD4KICA8dGV4dCB4PSI0NTAiIHk9IjYwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBmaWxsPSIjNjQ3NDhiIj5UcmFuc2l0aW9uaW5nIGZyb20gInZpYmUtYmFzZWQiIGRldmVsb3BtZW50IHRvIHByb2R1Y3Rpb24tZ3JhZGUgQUkgcmVsaWFiaWxpdHk8L3RleHQ+CgogIDwhLS0gUHJvbXB0IEVuZ2luZWVyaW5nIFNlY3Rpb24gLS0+CiAgPHJlY3QgeD0iNDAiIHk9IjEwMCIgd2lkdGg9IjI4MCIgaGVpZ2h0PSIyODAiIHJ4PSIxMiIgZmlsbD0iIzYzNjZmMTEwIiBzdHJva2U9IiM2MzY2ZjEiIHN0cm9rZS13aWR0aD0iMiIgLz4KICA8dGV4dCB4PSIxODAiIHk9IjEzMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxOCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPjEuIFByb21wdCBBbmF0b215PC90ZXh0PgogIAogIDxnIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiMxZTI5M2IiPgogICAgPHJlY3QgeD0iNjAiIHk9IjE1MCIgd2lkdGg9IjI0MCIgaGVpZ2h0PSIzNSIgcng9IjYiIGZpbGw9IiNmZmZmZmY4MCIgc3Ryb2tlPSIjNjM2NmYxNDAiIC8+CiAgICA8dGV4dCB4PSI3MCIgeT0iMTcyIj48dHNwYW4gZm9udC13ZWlnaHQ9ImJvbGQiPlJvbGU6PC90c3Bhbj4gUGVyc29uYSAmYW1wOyBib3VuZGFyaWVzPC90ZXh0PgogICAgCiAgICA8cmVjdCB4PSI2MCIgeT0iMTk1IiB3aWR0aD0iMjQwIiBoZWlnaHQ9IjM1IiByeD0iNiIgZmlsbD0iI2ZmZmZmZjgwIiBzdHJva2U9IiM2MzY2ZjE0MCIgLz4KICAgIDx0ZXh0IHg9IjcwIiB5PSIyMTciPjx0c3BhbiBmb250LXdlaWdodD0iYm9sZCI+SW5zdHJ1Y3Rpb246PC90c3Bhbj4gVGhlIGNvcmUgdGFzazwvdGV4dD4KICAgIAogICAgPHJlY3QgeD0iNjAiIHk9IjI0MCIgd2lkdGg9IjI0MCIgaGVpZ2h0PSIzNSIgcng9IjYiIGZpbGw9IiNmZmZmZmY4MCIgc3Ryb2tlPSIjNjM2NmYxNDAiIC8+CiAgICA8dGV4dCB4PSI3MCIgeT0iMjYyIj48dHNwYW4gZm9udC13ZWlnaHQ9ImJvbGQiPkNvbnRleHQ6PC90c3Bhbj4gRXh0ZXJuYWwgZGF0YSAoUkFHKTwvdGV4dD4KICAgIAogICAgPHJlY3QgeD0iNjAiIHk9IjI4NSIgd2lkdGg9IjI0MCIgaGVpZ2h0PSIzNSIgcng9IjYiIGZpbGw9IiNmZmZmZmY4MCIgc3Ryb2tlPSIjNjM2NmYxNDAiIC8+CiAgICA8dGV4dCB4PSI3MCIgeT0iMzA3Ij48dHNwYW4gZm9udC13ZWlnaHQ9ImJvbGQiPkNvbnN0cmFpbnRzOjwvdHNwYW4+IEZvcm1hdCAmYW1wOyBsaW1pdHM8L3RleHQ+CiAgICAKICAgIDxyZWN0IHg9IjYwIiB5PSIzMzAiIHdpZHRoPSIyNDAiIGhlaWdodD0iMzUiIHJ4PSI2IiBmaWxsPSIjZmZmZmZmODAiIHN0cm9rZT0iIzYzNjZmMTQwIiAvPgogICAgPHRleHQgeD0iNzAiIHk9IjM1MiI+PHRzcGFuIGZvbnQtd2VpZ2h0PSJib2xkIj5GZXctU2hvdDo8L3RzcGFuPiBJQ0wgRXhhbXBsZXM8L3RleHQ+CiAgPC9nPgoKICA8IS0tIEFkdmFuY2VkIFRlY2huaXF1ZXMgQmFkZ2VzIC0tPgogIDxyZWN0IHg9IjQwIiB5PSIzOTUiIHdpZHRoPSI4NSIgaGVpZ2h0PSIyNSIgcng9IjEyIiBmaWxsPSIjNjM2NmYxMjAiIHN0cm9rZT0iIzYzNjZmMSIgLz4KICA8dGV4dCB4PSI4Mi41IiB5PSI0MTIiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5DaGFpbi1vZi1UaG91Z2h0PC90ZXh0PgogIAogIDxyZWN0IHg9IjEzNSIgeT0iMzk1IiB3aWR0aD0iODUiIGhlaWdodD0iMjUiIHJ4PSIxMiIgZmlsbD0iIzYzNjZmMTIwIiBzdHJva2U9IiM2MzY2ZjEiIC8+CiAgPHRleHQgeD0iMTc3LjUiIHk9IjQxMiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPlJlQWN0IFBhdHRlcm48L3RleHQ+CiAgCiAgPHJlY3QgeD0iMjMwIiB5PSIzOTUiIHdpZHRoPSI5MCIgaGVpZ2h0PSIyNSIgcng9IjEyIiBmaWxsPSIjNjM2NmYxMjAiIHN0cm9rZT0iIzYzNjZmMSIgLz4KICA8dGV4dCB4PSIyNzUiIHk9IjQxMiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPkluLUNvbnRleHQgTGVhcm5pbmc8L3RleHQ+CgogIDwhLS0gQ2VudHJhbCBNb2RlbCBFeGVjdXRpb24gLS0+CiAgPHBhdGggZD0iTSAzMjAgMjQwIEwgMzcwIDI0MCIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjIiIG1hcmtlci1lbmQ9InVybCgjYXJyb3ctaW5kaWdvKSIgLz4KICA8cmVjdCB4PSIzODAiIHk9IjIxMCIgd2lkdGg9IjE0MCIgaGVpZ2h0PSI2MCIgcng9IjEyIiBmaWxsPSIjMGVhNWU5MTUiIHN0cm9rZT0iIzBlYTVlOSIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogIDx0ZXh0IHg9IjQ1MCIgeT0iMjM1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+TExNIEluZmVyZW5jZTwvdGV4dD4KICA8dGV4dCB4PSI0NTAiIHk9IjI1NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzY0NzQ4YiI+TGF0ZW50IFNwYWNlIFNlYXJjaDwvdGV4dD4KICA8cGF0aCBkPSJNIDUyMCAyNDAgTCA1NzAgMjQwIiBzdHJva2U9IiMwZWE1ZTkiIHN0cm9rZS13aWR0aD0iMiIgbWFya2VyLWVuZD0idXJsKCNhcnJvdy1za3kpIiAvPgoKICA8IS0tIEV2YWx1YXRpb24gU2VjdGlvbiAtLT4KICA8cmVjdCB4PSI1ODAiIHk9IjEwMCIgd2lkdGg9IjI4MCIgaGVpZ2h0PSIyODAiIHJ4PSIxMiIgZmlsbD0iIzEwYjk4MTEwIiBzdHJva2U9IiMxMGI5ODEiIHN0cm9rZS13aWR0aD0iMiIgLz4KICA8dGV4dCB4PSI3MjAiIHk9IjEzMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxOCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPjIuIEV2YWx1YXRpb24gKEV2YWxzKTwvdGV4dD4KCiAgPGcgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+CiAgICA8cmVjdCB4PSI2MDAiIHk9IjE2MCIgd2lkdGg9IjI0MCIgaGVpZ2h0PSI1MCIgcng9IjYiIGZpbGw9IiNmZmZmZmY4MCIgc3Ryb2tlPSIjMTBiOTgxNDAiIC8+CiAgICA8dGV4dCB4PSI2MTAiIHk9IjE4MCIgZm9udC13ZWlnaHQ9ImJvbGQiPkRldGVybWluaXN0aWMgTWV0cmljczwvdGV4dD4KICAgIDx0ZXh0IHg9IjYxMCIgeT0iMTk4IiBmb250LXNpemU9IjEyIiBmaWxsPSIjNjQ3NDhiIj5FeGFjdCBNYXRjaCwgUmVnZXgsIEpTT04gU2NoZW1hPC90ZXh0PgogICAgCiAgICA8cmVjdCB4PSI2MDAiIHk9IjIyNSIgd2lkdGg9IjI0MCIgaGVpZ2h0PSI1MCIgcng9IjYiIGZpbGw9IiNmZmZmZmY4MCIgc3Ryb2tlPSIjMTBiOTgxNDAiIC8+CiAgICA8dGV4dCB4PSI2MTAiIHk9IjI0NSIgZm9udC13ZWlnaHQ9ImJvbGQiPlNlbWFudGljIE1ldHJpY3M8L3RleHQ+CiAgICA8dGV4dCB4PSI2MTAiIHk9IjI2MyIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzY0NzQ4YiI+Q29zaW5lIFNpbWlsYXJpdHksIEJFUlRTY29yZTwvdGV4dD4KICAgIAogICAgPHJlY3QgeD0iNjAwIiB5PSIyOTAiIHdpZHRoPSIyNDAiIGhlaWdodD0iNTAiIHJ4PSI2IiBmaWxsPSIjZmZmZmZmODAiIHN0cm9rZT0iIzEwYjk4MTQwIiAvPgogICAgPHRleHQgeD0iNjEwIiB5PSIzMTAiIGZvbnQtd2VpZ2h0PSJib2xkIj5Nb2RlbC1iYXNlZCAoTExNLWFzLWEtSnVkZ2UpPC90ZXh0PgogICAgPHRleHQgeD0iNjEwIiB5PSIzMjgiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiM2NDc0OGIiPlJ1YnJpYy1iYXNlZCBzY29yaW5nIChlLmcuIEctRXZhbCk8L3RleHQ+CiAgPC9nPgoKICA8IS0tIEdvbGRlbiBEYXRhc2V0IFNlY3Rpb24gLS0+CiAgPHJlY3QgeD0iMzMwIiB5PSI0MzAiIHdpZHRoPSIyNDAiIGhlaWdodD0iNzUiIHJ4PSIxMiIgZmlsbD0iI2Y1OWUwYjEwIiBzdHJva2U9IiNmNTllMGIiIHN0cm9rZS13aWR0aD0iMiIgLz4KICA8dGV4dCB4PSI0NTAiIHk9IjQ1NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNSIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPkdvbGRlbiBEYXRhc2V0PC90ZXh0PgogIDx0ZXh0IHg9IjQ1MCIgeT0iNDc1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjNjQ3NDhiIj5Hcm91bmQgVHJ1dGg6IEN1cmF0ZWQgSW5wdXRzL091dHB1dHM8L3RleHQ+CiAgPHRleHQgeD0iNDUwIiB5PSI0OTIiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZvbnQtc3R5bGU9Iml0YWxpYyIgZmlsbD0iIzY0NzQ4YiI+TWFudWFsICsgU3ludGhldGljICsgTG9nczwvdGV4dD4KCiAgPCEtLSBDb25uZWN0aW9ucyB0byBHb2xkZW4gRGF0YXNldCAtLT4KICA8cGF0aCBkPSJNIDQ1MCA0MzAgTCA0NTAgMjcwIiBzdHJva2U9IiNmNTllMGIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWRhc2hhcnJheT0iNCIgbWFya2VyLWVuZD0idXJsKCNhcnJvdy1hbWJlcikiIC8+CiAgPHBhdGggZD0iTSA1NzAgNDY3IEwgNzIwIDQ2NyBMIDcyMCAzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y1OWUwYiIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93LWFtYmVyKSIgLz4KICA8dGV4dCB4PSI3MjUiIHk9IjQ1NSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZmlsbD0iI2Y1OWUwYiIgZm9udC13ZWlnaHQ9ImJvbGQiPkJlbmNobWFyazwvdGV4dD4KCiAgPCEtLSBGZWVkYmFjayBMb29wIC0tPgogIDxwYXRoIGQ9Ik0gNzIwIDEwMCBDIDcyMCA1MCwgMTgwIDUwLCAxODAgMTAwIiBmaWxsPSJub25lIiBzdHJva2U9IiMxMGI5ODEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWRhc2hhcnJheT0iNiIgbWFya2VyLWVuZD0idXJsKCNhcnJvdy1lbWVyYWxkKSIgLz4KICA8cmVjdCB4PSI0MDAiIHk9Ijc1IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjIwIiByeD0iMTAiIGZpbGw9IndoaXRlIiAvPgogIDx0ZXh0IHg9IjQ1MCIgeT0iOTAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMTBiOTgxIj5JdGVyYXRpdmUgUmVmaW5lbWVudDwvdGV4dD4KCjwvc3ZnPg==Prompt Engineering and Evaluation image 1Prompt Engineering and Evaluation - Start building with Claude - image 1https://www.getlykke.com/explore/public/start-building-with-claude-4423f20b-6458-4c18-9b13-b59d9eef03dd/media/tool-use-infrastructure/svg/1Tool Use and Infrastructure diagram 1Tool Use and Infrastructure - Start building with Claude - diagram 1data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNTIwIj4KICA8ZGVmcz4KICAgIDxtYXJrZXIgaWQ9ImFycm93aGVhZCIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjciIHJlZlg9IjkiIHJlZlk9IjMuNSIgb3JpZW50PSJhdXRvIj4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDMuNSwgMCA3IiBmaWxsPSIjNjQ3NDhiIiAvPgogICAgPC9tYXJrZXI+CiAgICA8bWFya2VyIGlkPSJhcnJvd2hlYWQtaW5kaWdvIiBtYXJrZXJXaWR0aD0iMTAiIG1hcmtlckhlaWdodD0iNyIgcmVmWD0iOSIgcmVmWT0iMy41IiBvcmllbnQ9ImF1dG8iPgogICAgICA8cG9seWdvbiBwb2ludHM9IjAgMCwgMTAgMy41LCAwIDciIGZpbGw9IiM2MzY2ZjEiIC8+CiAgICA8L21hcmtlcj4KICAgIDxtYXJrZXIgaWQ9ImFycm93aGVhZC1za3kiIG1hcmtlcldpZHRoPSIxMCIgbWFya2VySGVpZ2h0PSI3IiByZWZYPSI5IiByZWZZPSIzLjUiIG9yaWVudD0iYXV0byI+CiAgICAgIDxwb2x5Z29uIHBvaW50cz0iMCAwLCAxMCAzLjUsIDAgNyIgZmlsbD0iIzBlYTVlOSIgLz4KICAgIDwvbWFya2VyPgogICAgPG1hcmtlciBpZD0iYXJyb3doZWFkLWVtZXJhbGQiIG1hcmtlcldpZHRoPSIxMCIgbWFya2VySGVpZ2h0PSI3IiByZWZYPSI5IiByZWZZPSIzLjUiIG9yaWVudD0iYXV0byI+CiAgICAgIDxwb2x5Z29uIHBvaW50cz0iMCAwLCAxMCAzLjUsIDAgNyIgZmlsbD0iIzEwYjk4MSIgLz4KICAgIDwvbWFya2VyPgogIDwvZGVmcz4KCiAgPCEtLSBUaXRsZSBhbmQgU3VidGl0bGUgLS0+CiAgPHRleHQgeD0iNDUwIiB5PSI0MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyMiIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPkJ1aWxkaW5nIHdpdGggQ2xhdWRlIE1hbmFnZWQgQWdlbnRzPC90ZXh0PgogIDx0ZXh0IHg9IjQ1MCIgeT0iNjUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiM2NDc0OGIiPkFyY2hpdGVjdHVyYWwgZmxvdyBmcm9tIGRldmVsb3BlciBkZWZpbml0aW9ucyB0byBhdXRvbm9tb3VzIHRvb2wgb3JjaGVzdHJhdGlvbjwvdGV4dD4KCiAgPCEtLSBEZXZlbG9wZXIgSW5wdXQgU2VjdGlvbiAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MCwgMTIwKSI+CiAgICA8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjMyMCIgcng9IjEyIiBmaWxsPSIjZjU5ZTBiMTAiIHN0cm9rZT0iI2Y1OWUwYiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiIC8+CiAgICA8dGV4dCB4PSIxMDAiIHk9Ii0xNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNiIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPkRldmVsb3BlciBJbnB1dDwvdGV4dD4KICAgIAogICAgPHJlY3QgeD0iMjAiIHk9IjQwIiB3aWR0aD0iMTYwIiBoZWlnaHQ9IjgwIiByeD0iOCIgZmlsbD0iI2Y1OWUwYjIwIiBzdHJva2U9IiNmNTllMGIiIC8+CiAgICA8dGV4dCB4PSIxMDAiIHk9IjcwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+T2JqZWN0aXZlPC90ZXh0PgogICAgPHRleHQgeD0iMTAwIiB5PSI5MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzFlMjkzYiI+VXNlciBHb2FsICZhbXA7IENvbnRleHQ8L3RleHQ+CgogICAgPHJlY3QgeD0iMjAiIHk9IjE2MCIgd2lkdGg9IjE2MCIgaGVpZ2h0PSI4MCIgcng9IjgiIGZpbGw9IiNmNTllMGIyMCIgc3Ryb2tlPSIjZjU5ZTBiIiAvPgogICAgPHRleHQgeD0iMTAwIiB5PSIxOTAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTQiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5Ub29sIERlZmluaXRpb25zPC90ZXh0PgogICAgPHRleHQgeD0iMTAwIiB5PSIyMTAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiMxZTI5M2IiPkpTT04gU2NoZW1hIEFQSXM8L3RleHQ+CiAgPC9nPgoKICA8IS0tIE1hbmFnZWQgSW5mcmFzdHJ1Y3R1cmUgQm91bmRhcnkgLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjgwLCAxMDApIj4KICAgIDxyZWN0IHdpZHRoPSIzODAiIGhlaWdodD0iMzYwIiByeD0iMTYiIGZpbGw9IiM2MzY2ZjEwNSIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1kYXNoYXJyYXk9IjggNCIgLz4KICAgIDx0ZXh0IHg9IjE5MCIgeT0iLTE1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzYzNjZmMSI+TWFuYWdlZCBBZ2VudCBJbmZyYXN0cnVjdHVyZTwvdGV4dD4KICAgIAogICAgPCEtLSBUaGUgUmVBY3QgTG9vcCAtLT4KICAgIDwhLS0gUmVhc29uaW5nIC0tPgogICAgPHJlY3QgeD0iMTEwIiB5PSI0MCIgd2lkdGg9IjE2MCIgaGVpZ2h0PSI2MCIgcng9IjEyIiBmaWxsPSIjNjM2NmYxMjAiIHN0cm9rZT0iIzYzNjZmMSIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogICAgPHRleHQgeD0iMTkwIiB5PSI2NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPlJlYXNvbmluZyAoVGhvdWdodCk8L3RleHQ+CiAgICA8dGV4dCB4PSIxOTAiIHk9IjgyIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjMWUyOTNiIj5MYXRlbnQgUGxhbm5pbmcgJmFtcDsgRGVjb21wb3NpdGlvbjwvdGV4dD4KCiAgICA8IS0tIEFjdGluZyAtLT4KICAgIDxyZWN0IHg9IjIxMCIgeT0iMTUwIiB3aWR0aD0iMTQwIiBoZWlnaHQ9IjYwIiByeD0iMTIiIGZpbGw9IiMwZWE1ZTkyMCIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIyODAiIHk9IjE3NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPkFjdGluZzwvdGV4dD4KICAgIDx0ZXh0IHg9IjI4MCIgeT0iMTkyIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjMWUyOTNiIj50b29sX3VzZSBibG9ja3M8L3RleHQ+CgogICAgPCEtLSBPYnNlcnZpbmcgLS0+CiAgICA8cmVjdCB4PSIxMTAiIHk9IjI2MCIgd2lkdGg9IjE2MCIgaGVpZ2h0PSI2MCIgcng9IjEyIiBmaWxsPSIjMTBiOTgxMjAiIHN0cm9rZT0iIzEwYjk4MSIgc3Ryb2tlLXdpZHRoPSIyIiAvPgogICAgPHRleHQgeD0iMTkwIiB5PSIyODUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTQiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5PYnNlcnZpbmc8L3RleHQ+CiAgICA8dGV4dCB4PSIxOTAiIHk9IjMwMiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZmlsbD0iIzFlMjkzYiI+dG9vbF9yZXN1bHQgaW50ZWdyYXRpb248L3RleHQ+CgogICAgPCEtLSBTdGF0ZSAtLT4KICAgIDxyZWN0IHg9IjMwIiB5PSIxNTAiIHdpZHRoPSIxNDAiIGhlaWdodD0iNjAiIHJ4PSIxMiIgZmlsbD0iI2Y1OWUwYjIwIiBzdHJva2U9IiNmNTllMGIiIHN0cm9rZS13aWR0aD0iMiIgLz4KICAgIDx0ZXh0IHg9IjEwMCIgeT0iMTc1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+U3RhdGUgKHNfdCk8L3RleHQ+CiAgICA8dGV4dCB4PSIxMDAiIHk9IjE5MiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZmlsbD0iIzFlMjkzYiI+Q29udGV4dCBQZXJzaXN0ZW5jZTwvdGV4dD4KCiAgICA8IS0tIExvb3AgQXJyb3dzIC0tPgogICAgPHBhdGggZD0iTSAxOTAgMTAwIEwgMTkwIDEzMCBRIDE5MCAxNDAgMjAwIDE0NSBMIDIxMCAxNTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzYzNjZmMSIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZC1pbmRpZ28pIiAvPgogICAgPHBhdGggZD0iTSAyODAgMjEwIEwgMjgwIDI0MCBRIDI4MCAyNTAgMjcwIDI1NSBMIDI2MCAyNjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzBlYTVlOSIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZC1za3kpIiAvPgogICAgPHBhdGggZD0iTSAxOTAgMjYwIEwgMTkwIDIzMCBRIDE5MCAyMjAgMTgwIDIxNSBMIDE3MCAyMTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzEwYjk4MSIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZC1lbWVyYWxkKSIgLz4KICAgIDxwYXRoIGQ9Ik0gMTAwIDE1MCBMIDEwMCAxMjAgUSAxMDAgMTEwIDExMCAxMDUgTCAxMjAgMTAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNmNTllMGIiIHN0cm9rZS13aWR0aD0iMiIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQpIiAvPgogIDwvZz4KCiAgPCEtLSBFeHRlcm5hbCBFbnZpcm9ubWVudCAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MDAsIDIyMCkiPgogICAgPHJlY3Qgd2lkdGg9IjE2MCIgaGVpZ2h0PSIxMjAiIHJ4PSIxMiIgZmlsbD0iIzFlMjkzYjA1IiBzdHJva2U9IiMxZTI5M2IiIHN0cm9rZS13aWR0aD0iMiIgLz4KICAgIDx0ZXh0IHg9IjgwIiB5PSItMTUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTYiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5FbnZpcm9ubWVudDwvdGV4dD4KICAgIDx0ZXh0IHg9IjgwIiB5PSI0MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+RXh0ZXJuYWwgQVBJczwvdGV4dD4KICAgIDx0ZXh0IHg9IjgwIiB5PSI2NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZmlsbD0iIzFlMjkzYiI+RGF0YWJhc2VzPC90ZXh0PgogICAgPHRleHQgeD0iODAiIHk9IjkwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj5Mb2NhbCBGdW5jdGlvbnM8L3RleHQ+CiAgPC9nPgoKICA8IS0tIENvbm5lY3RpbmcgQXJyb3dzIC0tPgogIDwhLS0gRGV2IHRvIE1hbmFnZWQgLS0+CiAgPGxpbmUgeDE9IjI0MCIgeTE9IjIyMCIgeDI9IjI3MCIgeTI9IjIyMCIgc3Ryb2tlPSIjZjU5ZTBiIiBzdHJva2Utd2lkdGg9IjIiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkKSIgLz4KICAKICA8IS0tIE1hbmFnZWQgdG8gRXh0ZXJuYWwgLS0+CiAgPHBhdGggZD0iTSA2MzAgMjcwIEwgNjkwIDI3MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkLXNreSkiIC8+CiAgPHBhdGggZD0iTSA3MDAgMzEwIEwgNjMwIDMxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTBiOTgxIiBzdHJva2Utd2lkdGg9IjIiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkLWVtZXJhbGQpIiAvPgoKICA8IS0tIFRyYWplY3RvcnkgRXF1YXRpb24gYXQgQm90dG9tIC0tPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1MCwgNDg1KSI+CiAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjMwIiByeD0iMTUiIGZpbGw9IiMxZTI5M2IwNSIgLz4KICAgIDx0ZXh0IHg9IjIwMCIgeT0iMjAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzZXJpZiIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzFlMjkzYiI+CiAgICAgIFRyYWplY3RvcnkgPHRzcGFuIGZvbnQtc3R5bGU9Iml0YWxpYyI+VDwvdHNwYW4+ID0geyAoc+KCgCwgYeKCgCwgb+KCgCksIChz4oKBLCBh4oKBLCBv4oKBKSwgLi4uICwgKHPigpksIGHigpksIG/igpkpIH0KICAgIDwvdGV4dD4KICA8L2c+CgogIDwhLS0gTGFiZWxzIGZvciB0aGUgdHJhbnNpdGlvbiAtLT4KICA8dGV4dCB4PSI2NjUiIHk9IjI2MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZmlsbD0iIzBlYTVlOSIgZm9udC13ZWlnaHQ9ImJvbGQiPkNBTEw8L3RleHQ+CiAgPHRleHQgeD0iNjY1IiB5PSIzMjUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiMxMGI5ODEiIGZvbnQtd2VpZ2h0PSJib2xkIj5EQVRBPC90ZXh0Pgo8L3N2Zz4=Building with Claude Managed Agents image 1Building with Claude Managed Agents - Start building with Claude - image 1https://www.getlykke.com/explore/public/pandas-documentation-2798b47b-c651-4715-bcbd-a9e8e81bda1d2026-04-17T15:27:36.000Zhttps://www.getlykke.com/explore/public/pandas-documentation-2798b47b-c651-4715-bcbd-a9e8e81bda1d/media/introduction-to-pandas/svg/1Introduction to pandas diagram 1Introduction to pandas - pandas documentation - diagram 1https://www.getlykke.com/explore/public/pandas-documentation-2798b47b-c651-4715-bcbd-a9e8e81bda1d/media/core-data-wrangling/svg/1Core Data Wrangling: A Hands-On Guide diagram 1Core Data Wrangling: A Hands-On Guide - pandas documentation - diagram 1https://www.getlykke.com/explore/public/pandas-documentation-2798b47b-c651-4715-bcbd-a9e8e81bda1d/media/advanced-data-handling/svg/1Advanced Data Handling: Time Series and Text diagram 1Advanced Data Handling: Time Series and Text - pandas documentation - diagram 1https://www.getlykke.com/explore/public/pandas-documentation-2798b47b-c651-4715-bcbd-a9e8e81bda1d/media/comparing-pandas-with-other-tools/svg/1Comparing pandas with Other Data Tools diagram 1Comparing pandas with Other Data Tools - pandas documentation - diagram 1https://www.getlykke.com/explore/public/pandas-documentation-2798b47b-c651-4715-bcbd-a9e8e81bda1d/media/guides-and-references/svg/1Essential Guides and References diagram 1Essential Guides and References - pandas documentation - diagram 1https://www.getlykke.com/explore/public/pandas-documentation-2798b47b-c651-4715-bcbd-a9e8e81bda1d/media/api-reference-and-contribution/svg/1API Reference and Contribution Guide diagram 1API Reference and Contribution Guide - pandas documentation - diagram 1https://www.getlykke.com/explore/public/pandas-documentation-2798b47b-c651-4715-bcbd-a9e8e81bda1d/media/community-resources/svg/1Community Tutorials and Next Steps diagram 1Community Tutorials and Next Steps - pandas documentation - diagram 1https://www.getlykke.com/explore/public/learn-rust-152ba9ad-70c8-41a8-a090-c49df688e82d2026-04-17T15:11:31.000Zdata:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNTIwIj4KICA8ZGVmcz4KICAgIDxtYXJrZXIgaWQ9ImFycm93aGVhZCIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjciIHJlZlg9IjkiIHJlZlk9IjMuNSIgb3JpZW50PSJhdXRvIj4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDMuNSwgMCA3IiBmaWxsPSIjNjQ3NDhiIiAvPgogICAgPC9tYXJrZXI+CiAgICA8bWFya2VyIGlkPSJhcnJvd2hlYWQtaW5kaWdvIiBtYXJrZXJXaWR0aD0iMTAiIG1hcmtlckhlaWdodD0iNyIgcmVmWD0iOSIgcmVmWT0iMy41IiBvcmllbnQ9ImF1dG8iPgogICAgICA8cG9seWdvbiBwb2ludHM9IjAgMCwgMTAgMy41LCAwIDciIGZpbGw9IiM2MzY2ZjEiIC8+CiAgICA8L21hcmtlcj4KICA8L2RlZnM+CgogIDwhLS0gVGl0bGUgYW5kIFN1YnRpdGxlIC0tPgogIDx0ZXh0IHg9IjQ1MCIgeT0iMzUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjIiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5CcmlkZ2luZyB0aGUgUnVzdCBMZWFybmluZyBDbGlmZjwvdGV4dD4KICA8dGV4dCB4PSI0NTAiIHk9IjYwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBmaWxsPSIjNjQ3NDhiIj5UcmFuc2l0aW9uaW5nIGZyb20gdGhlb3JldGljYWwga25vd2xlZGdlIHRvIGVuZ2luZWVyaW5nIHByb2ZpY2llbmN5PC90ZXh0PgoKICA8IS0tIExlZnQ6IFRoZSBCb29rIChUaGVvcnkpIC0tPgogIDxyZWN0IHg9IjMwIiB5PSIxODAiIHdpZHRoPSIxNjAiIGhlaWdodD0iMTAwIiByeD0iMTIiIGZpbGw9IiNmNTllMGIxNSIgc3Ryb2tlPSIjZjU5ZTBiIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgPHRleHQgeD0iMTEwIiB5PSIyMTUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTYiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5UaGUgQm9vazwvdGV4dD4KICA8dGV4dCB4PSIxMTAiIHk9IjIzNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzFlMjkzYiI+Q29uY2VwdHVhbCBTY2FmZm9sZGluZzwvdGV4dD4KICA8dGV4dCB4PSIxMTAiIHk9IjI1NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZmlsbD0iIzY0NzQ4YiI+T3duZXJzaGlwLCBTdGFjay9IZWFwLCBSdWxlczwvdGV4dD4KCiAgPCEtLSBSaWdodDogRW5naW5lZXJpbmcgKFByYWN0aWNlKSAtLT4KICA8cmVjdCB4PSI3MTAiIHk9IjE4MCIgd2lkdGg9IjE2MCIgaGVpZ2h0PSIxMDAiIHJ4PSIxMiIgZmlsbD0iIzEwYjk4MTE1IiBzdHJva2U9IiMxMGI5ODEiIHN0cm9rZS13aWR0aD0iMiIgLz4KICA8dGV4dCB4PSI3OTAiIHk9IjIxNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNiIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPlByb2ZpY2llbmN5PC90ZXh0PgogIDx0ZXh0IHg9Ijc5MCIgeT0iMjM1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjMWUyOTNiIj5Db21waWxlciBhcyBQYXJ0bmVyPC90ZXh0PgogIDx0ZXh0IHg9Ijc5MCIgeT0iMjU1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjNjQ3NDhiIj5NdXNjbGUgTWVtb3J5ICZhbXA7IElkaW9tczwvdGV4dD4KCiAgPCEtLSBNYWluIENvbm5lY3RvcnMgLS0+CiAgPHBhdGggZD0iTSAxOTAgMjMwIEwgMjQwIDIzMCIgc3Ryb2tlPSIjNjQ3NDhiIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1kYXNoYXJyYXk9IjQiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkKSIgLz4KICA8cGF0aCBkPSJNIDY2MCAyMzAgTCA3MTAgMjMwIiBzdHJva2U9IiM2NDc0OGIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWRhc2hhcnJheT0iNCIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQpIiAvPgoKICA8IS0tIENlbnRlciBUb3A6IFJ1c3RsaW5ncyBGZWVkYmFjayBMb29wIC0tPgogIDx0ZXh0IHg9IjQ1MCIgeT0iMTAwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE1IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzYzNjZmMSI+UnVzdGxpbmdzOiBUaGUgRmVlZGJhY2sgTG9vcDwvdGV4dD4KICAKICA8IS0tIExvb3AgTm9kZXMgLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUwLCAxODApIj4KICAgIDwhLS0gMS4gT2JzZXJ2YXRpb24gLS0+CiAgICA8cmVjdCB4PSItMTcwIiB5PSItNTAiIHdpZHRoPSIxMDAiIGhlaWdodD0iNDAiIHJ4PSI4IiBmaWxsPSIjNjM2NmYxMTUiIHN0cm9rZT0iIzYzNjZmMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIC8+CiAgICA8dGV4dCB4PSItMTIwIiB5PSItMjUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5PYnNlcnZhdGlvbjwvdGV4dD4KICAgIAogICAgPCEtLSAyLiBDb21waWxhdGlvbiAtLT4KICAgIDxyZWN0IHg9Ii01MCIgeT0iLTg1IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjQwIiByeD0iOCIgZmlsbD0iIzYzNjZmMTE1IiBzdHJva2U9IiM2MzY2ZjEiIHN0cm9rZS13aWR0aD0iMS41IiAvPgogICAgPHRleHQgeD0iMCIgeT0iLTYwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+Q29tcGlsYXRpb248L3RleHQ+CiAgICAKICAgIDwhLS0gMy4gRGlhZ25vc2lzIC0tPgogICAgPHJlY3QgeD0iNzAiIHk9Ii01MCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSI0MCIgcng9IjgiIGZpbGw9IiM2MzY2ZjExNSIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjEuNSIgLz4KICAgIDx0ZXh0IHg9IjEyMCIgeT0iLTI1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+RGlhZ25vc2lzPC90ZXh0PgogICAgCiAgICA8IS0tIDQuIFJlY3RpZmljYXRpb24gLS0+CiAgICA8cmVjdCB4PSIzMCIgeT0iMjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iNDAiIHJ4PSI4IiBmaWxsPSIjNjM2NmYxMTUiIHN0cm9rZT0iIzYzNjZmMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIC8+CiAgICA8dGV4dCB4PSI4MCIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5SZWN0aWZpY2F0aW9uPC90ZXh0PgogICAgCiAgICA8IS0tIDUuIFZhbGlkYXRpb24gLS0+CiAgICA8cmVjdCB4PSItMTMwIiB5PSIyMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSI0MCIgcng9IjgiIGZpbGw9IiM2MzY2ZjExNSIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjEuNSIgLz4KICAgIDx0ZXh0IHg9Ii04MCIgeT0iNDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5WYWxpZGF0aW9uPC90ZXh0PgoKICAgIDwhLS0gTG9vcCBBcnJvd3MgLS0+CiAgICA8cGF0aCBkPSJNIC03MCAtNDUgUSAtNjAgLTY1IC01MCAtNjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzYzNjZmMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkLWluZGlnbykiIC8+CiAgICA8cGF0aCBkPSJNIDUwIC02NSBRIDYwIC02NSA3MCAtNDUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzYzNjZmMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkLWluZGlnbykiIC8+CiAgICA8cGF0aCBkPSJNIDEyMCAtMTAgUSAxMjAgNDAgODAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzYzNjZmMSIgc3Ryb2tlLXdpZHRoPSIxLjUiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkLWluZGlnbykiIC8+CiAgICA8cGF0aCBkPSJNIDMwIDQwIEwgLTMwIDQwIiBmaWxsPSJub25lIiBzdHJva2U9IiM2MzY2ZjEiIHN0cm9rZS13aWR0aD0iMS41IiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZC1pbmRpZ28pIiAvPgogICAgPHBhdGggZD0iTSAtMTMwIDQwIFEgLTE3MCA0MCAtMTcwIC0xMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjEuNSIgbWFya2VyLWVuZD0idXJsKCNhcnJvd2hlYWQtaW5kaWdvKSIgLz4KICA8L2c+CgogIDwhLS0gQ2VudGVyIEJvdHRvbTogUnVzdCBCeSBFeGFtcGxlIC0tPgogIDx0ZXh0IHg9IjQ1MCIgeT0iMzMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE1IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzBlYTVlOSI+UnVzdCBCeSBFeGFtcGxlOiBUaGUgSWRpb21hdGljIEJsdWVwcmludDwvdGV4dD4KICAKICA8cmVjdCB4PSIyNTAiIHk9IjM1MCIgd2lkdGg9IjEyMCIgaGVpZ2h0PSI2MCIgcng9IjEwIiBmaWxsPSIjMGVhNWU5MTUiIHN0cm9rZT0iIzBlYTVlOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIC8+CiAgPHRleHQgeD0iMzEwIiB5PSIzNzUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5QYXR0ZXJuIE1hdGNoaW5nPC90ZXh0PgogIDx0ZXh0IHg9IjMxMCIgeT0iMzkyIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEwIiBmaWxsPSIjNjQ3NDhiIj5FeGhhdXN0aXZlIG1hdGNoPC90ZXh0PgoKICA8cmVjdCB4PSIzOTAiIHk9IjM1MCIgd2lkdGg9IjEyMCIgaGVpZ2h0PSI2MCIgcng9IjEwIiBmaWxsPSIjMGVhNWU5MTUiIHN0cm9rZT0iIzBlYTVlOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIC8+CiAgPHRleHQgeD0iNDUwIiB5PSIzNzUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5FcnJvciBIYW5kbGluZzwvdGV4dD4KICA8dGV4dCB4PSI0NTAiIHk9IjM5MiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMCIgZmlsbD0iIzY0NzQ4YiI+UmVzdWx0ICZhbXA7IE9wdGlvbjwvdGV4dD4KCiAgPHJlY3QgeD0iNTMwIiB5PSIzNTAiIHdpZHRoPSIxMjAiIGhlaWdodD0iNjAiIHJ4PSIxMCIgZmlsbD0iIzBlYTVlOTE1IiBzdHJva2U9IiMwZWE1ZTkiIHN0cm9rZS13aWR0aD0iMS41IiAvPgogIDx0ZXh0IHg9IjU5MCIgeT0iMzc1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+VHJhaXRzICZhbXA7IEdlbmVyaWNzPC90ZXh0PgogIDx0ZXh0IHg9IjU5MCIgeT0iMzkyIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEwIiBmaWxsPSIjNjQ3NDhiIj5TaGFyZWQgQmVoYXZpb3I8L3RleHQ+CgogIDwhLS0gQm90dG9tOiBFcnJvciBDb2RlIExlZ2VuZCAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MCwgNDYwKSI+CiAgICA8dGV4dCB4PSIwIiB5PSIxNSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPkNvbW1vbiBEaWFnbm9zdGljIFBhdHRlcm5zOjwvdGV4dD4KICAgIAogICAgPHJlY3QgeD0iMjAwIiB5PSIwIiB3aWR0aD0iMTQwIiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiM2MzY2ZjExMCIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjEiIC8+CiAgICA8dGV4dCB4PSIyNzAiIHk9IjE2IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjMWUyOTNiIj5FMDM4MjogVXNlIG9mIE1vdmVkIFZhbHVlPC90ZXh0PgogICAgCiAgICA8cmVjdCB4PSIzNTAiIHk9IjAiIHdpZHRoPSIxNDAiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0iIzYzNjZmMTEwIiBzdHJva2U9IiM2MzY2ZjEiIHN0cm9rZS13aWR0aD0iMSIgLz4KICAgIDx0ZXh0IHg9IjQyMCIgeT0iMTYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiMxZTI5M2IiPkUwNTAyOiBCb3Jyb3cgQ29uZmxpY3Q8L3RleHQ+CiAgICAKICAgIDxyZWN0IHg9IjUwMCIgeT0iMCIgd2lkdGg9IjE0MCIgaGVpZ2h0PSIyNCIgcng9IjEyIiBmaWxsPSIjNjM2NmYxMTAiIHN0cm9rZT0iIzYzNjZmMSIgc3Ryb2tlLXdpZHRoPSIxIiAvPgogICAgPHRleHQgeD0iNTcwIiB5PSIxNiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZmlsbD0iIzFlMjkzYiI+RTA1OTc6IExpZmV0aW1lIElzc3VlPC90ZXh0PgogICAgCiAgICA8cmVjdCB4PSI2NTAiIHk9IjAiIHdpZHRoPSIxNDAiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0iIzYzNjZmMTEwIiBzdHJva2U9IiM2MzY2ZjEiIHN0cm9rZS13aWR0aD0iMSIgLz4KICAgIDx0ZXh0IHg9IjcyMCIgeT0iMTYiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiMxZTI5M2IiPkUwMjc3OiBUcmFpdCBOb3QgSW1wbDwvdGV4dD4KICA8L2c+Cjwvc3ZnPg==Practical Learning: Rustlings and Rust By Example image 1Practical Learning: Rustlings and Rust By Example - Learn Rust - image 1data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNTIwIj4KICA8IS0tIERlZmluaXRpb25zIGZvciBtYXJrZXJzIGFuZCBmaWx0ZXJzIC0tPgogIDxkZWZzPgogICAgPG1hcmtlciBpZD0iYXJyb3doZWFkIiBtYXJrZXJXaWR0aD0iMTAiIG1hcmtlckhlaWdodD0iNyIgcmVmWD0iOSIgcmVmWT0iMy41IiBvcmllbnQ9ImF1dG8iPgogICAgICA8cG9seWdvbiBwb2ludHM9IjAgMCwgMTAgMy41LCAwIDciIGZpbGw9IiM2NDc0OGIiIC8+CiAgICA8L21hcmtlcj4KICAgIDxtYXJrZXIgaWQ9ImFycm93aGVhZC1pbmRpZ28iIG1hcmtlcldpZHRoPSIxMCIgbWFya2VySGVpZ2h0PSI3IiByZWZYPSI5IiByZWZZPSIzLjUiIG9yaWVudD0iYXV0byI+CiAgICAgIDxwb2x5Z29uIHBvaW50cz0iMCAwLCAxMCAzLjUsIDAgNyIgZmlsbD0iIzYzNjZmMSIgLz4KICAgIDwvbWFya2VyPgogICAgPG1hcmtlciBpZD0iYXJyb3doZWFkLXNreSIgbWFya2VyV2lkdGg9IjEwIiBtYXJrZXJIZWlnaHQ9IjciIHJlZlg9IjkiIHJlZlk9IjMuNSIgb3JpZW50PSJhdXRvIj4KICAgICAgPHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDMuNSwgMCA3IiBmaWxsPSIjMGVhNWU5IiAvPgogICAgPC9tYXJrZXI+CiAgPC9kZWZzPgoKICA8IS0tIFRpdGxlIGFuZCBTdWJ0aXRsZSAtLT4KICA8dGV4dCB4PSI0NTAiIHk9IjQwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIyIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+VGhlIFJ1c3QgVG9vbGNoYWluIEVjb3N5c3RlbTwvdGV4dD4KICA8dGV4dCB4PSI0NTAiIHk9IjY1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE0IiBmaWxsPSIjNjQ3NDhiIj5BIHVuaWZpZWQgYXJjaGl0ZWN0dXJlIGZvciB2ZXJzaW9uIG1hbmFnZW1lbnQsIGJ1aWxkcywgYW5kIGRvY3VtZW50YXRpb248L3RleHQ+CgogIDwhLS0gU3lzdGVtIExldmVsOiBydXN0dXAgLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAsIDEwMCkiPgogICAgPHJlY3Qgd2lkdGg9IjIyMCIgaGVpZ2h0PSIxMjAiIHJ4PSIxMiIgZmlsbD0iIzYzNjZmMTE1IiBzdHJva2U9IiM2MzY2ZjEiIHN0cm9rZS13aWR0aD0iMiIgLz4KICAgIDx0ZXh0IHg9IjExMCIgeT0iMzAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5ydXN0dXA8L3RleHQ+CiAgICA8dGV4dCB4PSIxMTAiIHk9IjUwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjNjQ3NDhiIj5Ub29sY2hhaW4gTXVsdGlwbGV4ZXI8L3RleHQ+CiAgICA8bGluZSB4MT0iMzAiIHkxPSI2NSIgeDI9IjE5MCIgeTI9IjY1IiBzdHJva2U9IiM2MzY2ZjEiIHN0cm9rZS1kYXNoYXJyYXk9IjQiIC8+CiAgICA8dGV4dCB4PSIxMTAiIHk9Ijg1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEzIiBmaWxsPSIjMWUyOTNiIj5TdGFibGUg4oCiIEJldGEg4oCiIE5pZ2h0bHk8L3RleHQ+CiAgICA8dGV4dCB4PSIxMTAiIHk9IjEwNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZm9udC1zdHlsZT0iaXRhbGljIiBmaWxsPSIjMWUyOTNiIj5NYW5hZ2VzIHJ1c3RjICZhbXA7IHN0ZDwvdGV4dD4KICA8L2c+CgogIDwhLS0gUHJvamVjdCBMZXZlbDogQ2FyZ28gLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIwLCAxMDApIj4KICAgIDxyZWN0IHdpZHRoPSIyNjAiIGhlaWdodD0iMTYwIiByeD0iMTIiIGZpbGw9IiMwZWE1ZTkxNSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIxMzAiIHk9IjMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE4IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+Q2FyZ288L3RleHQ+CiAgICA8dGV4dCB4PSIxMzAiIHk9IjUwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjNjQ3NDhiIj5UaGUgU3dpc3MgQXJteSBLbmlmZTwvdGV4dD4KICAgIAogICAgPCEtLSBNYW5pZmVzdHMgLS0+CiAgICA8cmVjdCB4PSIyMCIgeT0iNzAiIHdpZHRoPSIxMDAiIGhlaWdodD0iNzAiIHJ4PSI2IiBmaWxsPSIjZmZmZmZmODAiIHN0cm9rZT0iIzBlYTVlOSIgc3Ryb2tlLWRhc2hhcnJheT0iMiIgLz4KICAgIDx0ZXh0IHg9IjcwIiB5PSI5MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPkNhcmdvLnRvbWw8L3RleHQ+CiAgICA8dGV4dCB4PSI3MCIgeT0iMTA1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEwIiBmaWxsPSIjNjQ3NDhiIj5NYW5pZmVzdDwvdGV4dD4KICAgIDx0ZXh0IHg9IjcwIiB5PSIxMjUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTAiIGZpbGw9IiMxZTI5M2IiPihVc2VyIEludGVudCk8L3RleHQ+CgogICAgPHJlY3QgeD0iMTQwIiB5PSI3MCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSI3MCIgcng9IjYiIGZpbGw9IiNmZmZmZmY4MCIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2UtZGFzaGFycmF5PSIyIiAvPgogICAgPHRleHQgeD0iMTkwIiB5PSI5MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiMxZTI5M2IiPkNhcmdvLmxvY2s8L3RleHQ+CiAgICA8dGV4dCB4PSIxOTAiIHk9IjEwNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMCIgZmlsbD0iIzY0NzQ4YiI+UmVzb2x2ZWQgU3RhdGU8L3RleHQ+CiAgICA8dGV4dCB4PSIxOTAiIHk9IjEyNSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMCIgZmlsbD0iIzFlMjkzYiI+KFJlcHJvZHVjaWJpbGl0eSk8L3RleHQ+CiAgPC9nPgoKICA8IS0tIFJlZ2lzdHJ5OiBDcmF0ZXMuaW8gLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjMwLCAxMDApIj4KICAgIDxyZWN0IHdpZHRoPSIyMjAiIGhlaWdodD0iMTIwIiByeD0iMTIiIGZpbGw9IiNmNTllMGIxNSIgc3Ryb2tlPSIjZjU5ZTBiIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIxMTAiIHk9IjMwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE4IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+Q3JhdGVzLmlvPC90ZXh0PgogICAgPHRleHQgeD0iMTEwIiB5PSI1MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzY0NzQ4YiI+UGFja2FnZSBSZWdpc3RyeTwvdGV4dD4KICAgIDxwYXRoIGQ9Ik02MCA3MCBMMTYwIDcwIEwxNzAgOTAgTDUwIDkwIFoiIGZpbGw9IiNmNTllMGIzMCIgc3Ryb2tlPSIjZjU5ZTBiIiAvPgogICAgPHRleHQgeD0iMTEwIiB5PSIxMDUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTMiIGZpbGw9IiMxZTI5M2IiPlNlbVZlciBFY29zeXN0ZW08L3RleHQ+CiAgPC9nPgoKICA8IS0tIEFycm93cyBmb3IgdG9wIHJvdyAtLT4KICA8cGF0aCBkPSJNMjcwIDE2MCBMMzEwIDE2MCIgc3Ryb2tlPSIjNjM2NmYxIiBzdHJva2Utd2lkdGg9IjIiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkLWluZGlnbykiIC8+CiAgPHBhdGggZD0iTTYzMCAxNjAgTDU5MCAxNjAiIHN0cm9rZT0iI2Y1OWUwYiIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZCkiIC8+CiAgPHRleHQgeD0iMjkwIiB5PSIxNTAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiM2MzY2ZjEiPlByb3ZpZGVzPC90ZXh0PgogIDx0ZXh0IHg9IjYxMCIgeT0iMTUwIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjZjU5ZTBiIj5GZXRjaGVzPC90ZXh0PgoKICA8IS0tIENvbXBpbGF0aW9uIFBpcGVsaW5lIC0tPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1MCwgMzEwKSI+CiAgICA8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjgwIiByeD0iMTIiIGZpbGw9IiMxZTI5M2IxMCIgc3Ryb2tlPSIjMWUyOTNiIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIxMDAiIHk9IjM1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE4IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+cnVzdGM8L3RleHQ+CiAgICA8dGV4dCB4PSIxMDAiIHk9IjU1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjNjQ3NDhiIj5UaGUgQ29tcGlsZXI8L3RleHQ+CiAgICA8dGV4dCB4PSIxMDAiIHk9IjcyIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjMWUyOTNiIj5MTFZNIEJhY2tlbmQ8L3RleHQ+CiAgPC9nPgoKICA8IS0tIERvY3VtZW50YXRpb24gLS0+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjMwLCAzMTApIj4KICAgIDxyZWN0IHdpZHRoPSIyMjAiIGhlaWdodD0iODAiIHJ4PSIxMiIgZmlsbD0iIzEwYjk4MTE1IiBzdHJva2U9IiMxMGI5ODEiIHN0cm9rZS13aWR0aD0iMiIgLz4KICAgIDx0ZXh0IHg9IjExMCIgeT0iMzUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5ydXN0ZG9jPC90ZXh0PgogICAgPHRleHQgeD0iMTEwIiB5PSI1NSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzY0NzQ4YiI+RG9jdW1lbnRhdGlvbiBFbmdpbmU8L3RleHQ+CiAgICA8dGV4dCB4PSIxMTAiIHk9IjcyIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjExIiBmaWxsPSIjMWUyOTNiIj5NYXJrZG93biArIERvYy10ZXN0czwvdGV4dD4KICA8L2c+CgogIDwhLS0gUXVhbGl0eSBUb29scyAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MCwgMzEwKSI+CiAgICA8cmVjdCB3aWR0aD0iMjIwIiBoZWlnaHQ9IjgwIiByeD0iMTIiIGZpbGw9IiM2NDc0OGIxNSIgc3Ryb2tlPSIjNjQ3NDhiIiBzdHJva2Utd2lkdGg9IjIiIC8+CiAgICA8dGV4dCB4PSIxMTAiIHk9IjM1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzFlMjkzYiI+Q2xpcHB5ICZhbXA7IFJ1c3RmbXQ8L3RleHQ+CiAgICA8dGV4dCB4PSIxMTAiIHk9IjU1IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjNjQ3NDhiIj5MaW50cyAmYW1wOyBGb3JtYXR0aW5nPC90ZXh0PgogICAgPHRleHQgeD0iMTEwIiB5PSI3MiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZmlsbD0iIzFlMjkzYiI+Q29kZSBRdWFsaXR5IEVuZm9yY2VtZW50PC90ZXh0PgogIDwvZz4KCiAgPCEtLSBGaW5hbCBBcnRpZmFjdCAtLT4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTAsIDQ0MCkiPgogICAgPHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSI1MCIgcng9IjI1IiBmaWxsPSIjMWUyOTNiIiAvPgogICAgPHRleHQgeD0iMTAwIiB5PSIzMiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxNCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IiNmZmZmZmYiPkJpbmFyeSAvIExpYnJhcnk8L3RleHQ+CiAgPC9nPgoKICA8IS0tIENvbm5lY3RpbmcgQXJyb3dzIGZvciBQaXBlbGluZSAtLT4KICA8cGF0aCBkPSJNNDUwIDI2MCBMNDUwIDMwMCIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkLXNreSkiIC8+CiAgPHRleHQgeD0iNDEwIiB5PSIyODUiIHRleHQtYW5jaG9yPSJlbmQiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiMwZWE1ZTkiPk9yY2hlc3RyYXRlczwvdGV4dD4KCiAgPHBhdGggZD0iTTU4MCAyMTAgUTYxMCAyMTAgNjEwIDI2MCBUNzQwIDMwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1kYXNoYXJyYXk9IjQiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkLXNreSkiIC8+CiAgPHRleHQgeD0iNzAwIiB5PSIyNzAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiMwZWE1ZTkiPmNhcmdvIGRvYzwvdGV4dD4KCiAgPHBhdGggZD0iTTMyMCAyMTAgUTI4MCAyMTAgMjgwIDI2MCBUMTYwIDMwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVhNWU5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1kYXNoYXJyYXk9IjQiIG1hcmtlci1lbmQ9InVybCgjYXJyb3doZWFkLXNreSkiIC8+CiAgPHRleHQgeD0iMjAwIiB5PSIyNzAiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9IiMwZWE1ZTkiPmNhcmdvIGNsaXBweTwvdGV4dD4KCiAgPHBhdGggZD0iTTQ1MCAzOTAgTDQ1MCA0MzAiIHN0cm9rZT0iIzFlMjkzYiIgc3Ryb2tlLXdpZHRoPSIyIiBtYXJrZXItZW5kPSJ1cmwoI2Fycm93aGVhZCkiIC8+CiAgPHRleHQgeD0iNDYwIiB5PSI0MTUiIHRleHQtYW5jaG9yPSJzdGFydCIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMSIgZmlsbD0iIzFlMjkzYiI+TGlua2luZzwvdGV4dD4KCiAgPCEtLSBMZWdlbmQvTGFiZWxzIC0tPgogIDx0ZXh0IHg9IjUwIiB5PSI0ODAiIGZvbnQtZmFtaWx5PSJzeXN0ZW0tdWksIC1hcHBsZS1zeXN0ZW0sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSIjMWUyOTNiIj5Xb3JrZmxvdzo8L3RleHQ+CiAgPHRleHQgeD0iNTAiIHk9IjUwMCIgZm9udC1mYW1pbHk9InN5c3RlbS11aSwgLWFwcGxlLXN5c3RlbSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzY0NzQ4YiI+MS4gUmVzb2x2ZSAoQ2FyZ28pIOKGkiAyLiBDb21waWxlIChydXN0Yykg4oaSIDMuIExpbmsg4oaSIDQuIEV4ZWN1dGU8L3RleHQ+Cjwvc3ZnPg==Core Tooling and Documentation image 1Core Tooling and Documentation - Learn Rust - image 1https://www.getlykke.com/explore/public/learn-rust-152ba9ad-70c8-41a8-a090-c49df688e82d/media/domain-specific-guides/svg/1Domain-Specific Development diagram 1Domain-Specific Development - Learn Rust - diagram 1https://www.getlykke.com/explore/public/data-connectivity-and-integration-cfe45305-2201-4c25-a412-cfd1b5648c3e2026-04-16T21:47:22.000Zhttps://www.getlykke.com/explore/public/data-connectivity-and-integration-cfe45305-2201-4c25-a412-cfd1b5648c3e/media/intro-integration/svg/1Foundations of Foundry Data Integration diagram 1Foundations of Foundry Data Integration - Data connectivity and integration - diagram 1https://www.getlykke.com/explore/public/data-connectivity-and-integration-cfe45305-2201-4c25-a412-cfd1b5648c3e/media/pipeline-development/svg/1Building and Orchestrating Pipelines diagram 1Building and Orchestrating Pipelines - Data connectivity and integration - diagram 1https://www.getlykke.com/explore/public/data-connectivity-and-integration-cfe45305-2201-4c25-a412-cfd1b5648c3e/media/streaming-realtime/svg/1Real-time Data Processing with Flink diagram 1Real-time Data Processing with Flink - Data connectivity and integration - diagram 1https://www.getlykke.com/explore/public/data-connectivity-and-integration-cfe45305-2201-4c25-a412-cfd1b5648c3e/media/orchestration-health/svg/1Pipeline Reliability and Health diagram 1Pipeline Reliability and Health - Data connectivity and integration - diagram 1https://www.getlykke.com/explore/public/data-connectivity-and-integration-f6a7b76f-292f-41cd-bd16-e28c8beab8762026-04-10T04:07:58.000Zhttps://www.getlykke.com/explore/public/data-connectivity-and-integration-f6a7b76f-292f-41cd-bd16-e28c8beab876/media/intro-integration/svg/1Foundations of Foundry Data Integration diagram 1Foundations of Foundry Data Integration - Data connectivity and integration - diagram 1https://www.getlykke.com/explore/public/data-connectivity-and-integration-f6a7b76f-292f-41cd-bd16-e28c8beab876/media/pipeline-development/svg/1Building and Orchestrating Pipelines diagram 1Building and Orchestrating Pipelines - Data connectivity and integration - diagram 1https://www.getlykke.com/explore/public/data-connectivity-and-integration-f6a7b76f-292f-41cd-bd16-e28c8beab876/media/streaming-realtime/svg/1Real-time Data Processing with Flink diagram 1Real-time Data Processing with Flink - Data connectivity and integration - diagram 1https://www.getlykke.com/explore/public/data-connectivity-and-integration-f6a7b76f-292f-41cd-bd16-e28c8beab876/media/orchestration-health/svg/1Pipeline Reliability and Health diagram 1Pipeline Reliability and Health - Data connectivity and integration - diagram 1https://www.getlykke.com/explore/public/ontology-building-bcb15b12-7aa8-4074-91e9-14ba6afcc0ae2026-04-10T04:07:35.000Zhttps://www.getlykke.com/explore/public/ontology-building-bcb15b12-7aa8-4074-91e9-14ba6afcc0ae/media/ontology-design-principles/svg/1Ontology Design and Best Practices diagram 1Ontology Design and Best Practices - Ontology building - diagram 1https://www.getlykke.com/explore/public/ontology-building-bcb15b12-7aa8-4074-91e9-14ba6afcc0ae/media/ontology-management/svg/1The Ontology Manager (OMA) diagram 1The Ontology Manager (OMA) - Ontology building - diagram 1https://www.getlykke.com/explore/public/ontology-building-bcb15b12-7aa8-4074-91e9-14ba6afcc0ae/media/permissions-and-security/svg/1Permissions and Governance diagram 1Permissions and Governance - Ontology building - diagram 1https://www.getlykke.com/explore/public/ontology-building-bcb15b12-7aa8-4074-91e9-14ba6afcc0ae/media/ontology-aware-applications/svg/1Ontology-Aware Applications and Logic diagram 1Ontology-Aware Applications and Logic - Ontology building - diagram 1https://www.getlykke.com/explore/public/ontology-building-bcb15b12-7aa8-4074-91e9-14ba6afcc0ae/media/semantic-search-and-ai/svg/1Semantic Search and AI Integration diagram 1Semantic Search and AI Integration - Ontology building - diagram 1https://www.getlykke.com/explore/public/ai-fde-10ad3e9f-eab2-48bc-9d9e-5fc1497ab52b2026-04-10T04:07:00.000Zhttps://www.getlykke.com/explore/public/ai-fde-10ad3e9f-eab2-48bc-9d9e-5fc1497ab52b/media/intro-to-ai-fde/svg/1Introduction to AI FDE diagram 1Introduction to AI FDE - AI FDE - diagram 1https://www.getlykke.com/explore/public/ai-fde-10ad3e9f-eab2-48bc-9d9e-5fc1497ab52b/media/navigation-and-interface/svg/1Navigation and Session Management diagram 1Navigation and Session Management - AI FDE - diagram 1https://www.getlykke.com/explore/public/ai-fde-10ad3e9f-eab2-48bc-9d9e-5fc1497ab52b/media/modes-and-skills/svg/1Modes and Skills diagram 1Modes and Skills - AI FDE - diagram 1https://www.getlykke.com/explore/public/ai-fde-10ad3e9f-eab2-48bc-9d9e-5fc1497ab52b/media/security-and-governance/svg/1Security and Governance diagram 1Security and Governance - AI FDE - diagram 1https://www.getlykke.com/explore/public/ai-fde-10ad3e9f-eab2-48bc-9d9e-5fc1497ab52b/media/best-practices/svg/1Best Practices for AI FDE diagram 1Best Practices for AI FDE - AI FDE - diagram 1https://www.getlykke.com/explore/public/aip-overview-00e99a23-f139-44ca-9f2b-a070b37d22522026-04-10T04:06:40.000Zhttps://www.getlykke.com/explore/public/aip-overview-00e99a23-f139-44ca-9f2b-a070b37d2252/media/security-and-ethics/svg/1Security, Privacy, and AI Ethics diagram 1Security, Privacy, and AI Ethics - AIP overview - diagram 1https://www.getlykke.com/explore/public/aip-overview-00e99a23-f139-44ca-9f2b-a070b37d2252/media/prompt-engineering/svg/1Best Practices for Prompt Engineering diagram 1Best Practices for Prompt Engineering - AIP overview - diagram 1https://www.getlykke.com/explore/public/aip-overview-00e99a23-f139-44ca-9f2b-a070b37d2252/media/byom-integration/svg/1Bring Your Own Model (BYOM) diagram 1Bring Your Own Model (BYOM) - AIP overview - diagram 1https://www.getlykke.com/explore/public/aip-overview-00e99a23-f139-44ca-9f2b-a070b37d2252/media/aip-analyst/svg/1Agentic Workflows with AIP Analyst diagram 1Agentic Workflows with AIP Analyst - AIP overview - diagram 1https://www.getlykke.com/explore/public/aip-overview-00e99a23-f139-44ca-9f2b-a070b37d2252/media/aip-evals/svg/1Testing and Benchmarking with AIP Evals diagram 1Testing and Benchmarking with AIP Evals - AIP overview - diagram 1https://www.getlykke.com/explore/public/aip-overview-00e99a23-f139-44ca-9f2b-a070b37d2252/media/observability/svg/1AIP Observability and Monitoring diagram 1AIP Observability and Monitoring - AIP overview - diagram 1https://www.getlykke.com/explore/public/21intro-to-cuda-c-1b53b50f-8aff-44bb-aa75-b57f1f93675c2026-04-08T19:43:33.000Zhttps://www.getlykke.com/explore/public/21intro-to-cuda-c-1b53b50f-8aff-44bb-aa75-b57f1f93675c/media/asynchronous-execution-streams/svg/1Asynchronous Execution and Streams diagram 1Asynchronous Execution and Streams - 2.1.Intro to CUDA C++ - diagram 1https://www.getlykke.com/explore/public/finance-theory-i-5c23d6da-c239-4628-9b1d-fb3539a0c8932026-03-23T04:47:37.000Zhttps://www.getlykke.com/explore/public/finance-theory-i-5c23d6da-c239-4628-9b1d-fb3539a0c893/media/foundations-tvm/svg/1Foundations of Finance and Time Value of Money diagram 1Foundations of Finance and Time Value of Money - Finance Theory I - diagram 1https://www.getlykke.com/explore/public/finance-theory-i-5c23d6da-c239-4628-9b1d-fb3539a0c893/media/fixed-income-securities/svg/1Fixed-Income Securities diagram 1Fixed-Income Securities - Finance Theory I - diagram 1https://www.getlykke.com/explore/public/finance-theory-i-5c23d6da-c239-4628-9b1d-fb3539a0c893/media/equity-valuation/svg/1Equity Valuation and Common Stocks diagram 1Equity Valuation and Common Stocks - Finance Theory I - diagram 1https://www.getlykke.com/explore/public/finance-theory-i-5c23d6da-c239-4628-9b1d-fb3539a0c893/media/asset-pricing-models/svg/1Asset Pricing Models: CAPM and APT diagram 1Asset Pricing Models: CAPM and APT - Finance Theory I - diagram 1https://www.getlykke.com/explore/public/finance-theory-i-5c23d6da-c239-4628-9b1d-fb3539a0c893/media/capital-budgeting/svg/1Capital Budgeting and Corporate Investment diagram 1Capital Budgeting and Corporate Investment - Finance Theory I - diagram 1https://www.getlykke.com/explore/public/finance-theory-i-5c23d6da-c239-4628-9b1d-fb3539a0c893/media/market-efficiency/svg/1Market Efficiency and Behavioral Finance diagram 1Market Efficiency and Behavioral Finance - Finance Theory I - diagram 1https://www.getlykke.com/explore/public/finance-theory-i-5c23d6da-c239-4628-9b1d-fb3539a0c893/media/derivatives/svg/1Introduction to Derivatives: Forwards, Futures, and Options diagram 1Introduction to Derivatives: Forwards, Futures, and Options - Finance Theory I - diagram 1https://www.getlykke.com/explore/public/finance-theory-i-5c23d6da-c239-4628-9b1d-fb3539a0c893/media/future-of-finance/svg/1The Future of Finance and Society diagram 1The Future of Finance and Society - Finance Theory I - diagram 1https://www.getlykke.com/explore/public/finance-theory-i-5c23d6da-c239-4628-9b1d-fb3539a0c893/media/exams-and-review/svg/1Course Synthesis and Assessment diagram 1Course Synthesis and Assessment - Finance Theory I - diagram 1https://www.getlykke.com/explore/public/the-great-ai-silicon-shortage-e0ef81d3-bbb0-4488-9263-2aed5bf134812026-03-21T23:55:03.000Zhttps://www.getlykke.com/explore/public/the-great-ai-silicon-shortage-e0ef81d3-bbb0-4488-9263-2aed5bf13481/media/tsmc-n3-bottleneck/svg/1The TSMC N3 Fabrication Crisis diagram 1The TSMC N3 Fabrication Crisis - The Great AI Silicon Shortage - diagram 1https://www.getlykke.com/explore/public/the-great-ai-silicon-shortage-e0ef81d3-bbb0-4488-9263-2aed5bf13481/media/hbm-and-infrastructure/svg/1Memory Constraints and Datacenter Bottlenecks diagram 1Memory Constraints and Datacenter Bottlenecks - The Great AI Silicon Shortage - diagram 1https://www.getlykke.com/explore/public/the-great-ai-silicon-shortage-e0ef81d3-bbb0-4488-9263-2aed5bf13481/media/supply-chain-wars/svg/1Hyperscaler Capex and Foundry Diversification diagram 1Hyperscaler Capex and Foundry Diversification - The Great AI Silicon Shortage - diagram 1https://www.getlykke.com/explore/public/autoresearch-autonomous-ai-research-framework-41216b8f-5a7e-4e9e-bb27-4c25e8cb3bb32026-03-21T19:16:39.000Zhttps://www.getlykke.com/explore/public/autoresearch-autonomous-ai-research-framework-41216b8f-5a7e-4e9e-bb27-4c25e8cb3bb3/media/introduction-to-autoresearch/svg/1Introduction to Autonomous Research Frameworks diagram 1Introduction to Autonomous Research Frameworks - Autoresearch: Autonomous AI Research Framework - diagram 1https://www.getlykke.com/explore/public/autoresearch-autonomous-ai-research-framework-41216b8f-5a7e-4e9e-bb27-4c25e8cb3bb3/media/environment-and-data-prep/svg/1Data Pipeline and Environment Management diagram 1Data Pipeline and Environment Management - Autoresearch: Autonomous AI Research Framework - diagram 1https://www.getlykke.com/explore/public/autoresearch-autonomous-ai-research-framework-41216b8f-5a7e-4e9e-bb27-4c25e8cb3bb3/media/model-architecture/svg/1The Autoresearch GPT Architecture diagram 1The Autoresearch GPT Architecture - Autoresearch: Autonomous AI Research Framework - diagram 1https://www.getlykke.com/explore/public/autoresearch-autonomous-ai-research-framework-41216b8f-5a7e-4e9e-bb27-4c25e8cb3bb3/media/autonomous-research-loop/svg/1The Agentic Research Loop diagram 1The Agentic Research Loop - Autoresearch: Autonomous AI Research Framework - diagram 1https://www.getlykke.com/explore/public/introduction-to-cuda-and-modern-c-c35571de-27f0-47c8-91b5-0788fbf6b12f2026-03-20T14:24:18.000Zhttps://www.getlykke.com/explore/public/introduction-to-cuda-and-modern-c-c35571de-27f0-47c8-91b5-0788fbf6b12f/media/modern-cpp-type-deduction/svg/1Modern C++ Type Deduction & Safety diagram 1Modern C++ Type Deduction & Safety - Introduction to CUDA and Modern C++ Programming - diagram 1https://www.getlykke.com/explore/public/introduction-to-cuda-and-modern-c-c35571de-27f0-47c8-91b5-0788fbf6b12f/media/advanced-templates-metaprogramming/svg/1Advanced Templates & Metaprogramming diagram 1Advanced Templates & Metaprogramming - Introduction to CUDA and Modern C++ Programming - diagram 1https://www.getlykke.com/explore/public/introduction-to-cuda-and-modern-c-c35571de-27f0-47c8-91b5-0788fbf6b12f/media/performance-attributes-alignment/svg/1Performance, Attributes, & Memory Alignment diagram 1Performance, Attributes, & Memory Alignment - Introduction to CUDA and Modern C++ Programming - diagram 1https://www.getlykke.com/explore/public/introduction-to-cuda-and-modern-c-c35571de-27f0-47c8-91b5-0788fbf6b12f/media/syntax-extensions-literals/svg/1Modern Syntax & Literal Extensions diagram 1Modern Syntax & Literal Extensions - Introduction to CUDA and Modern C++ Programming - diagram 1https://www.getlykke.com/explore/public/introduction-to-cuda-and-modern-c-c35571de-27f0-47c8-91b5-0788fbf6b12f/media/object-lifecycle-language-rules/svg/1Object Lifecycle & Advanced Language Rules diagram 1Object Lifecycle & Advanced Language Rules - Introduction to CUDA and Modern C++ Programming - diagram 1https://www.getlykke.com/explore/public/backpropagation-d2b74f25-f27c-4873-a2c7-bead22dc4b222026-03-20T07:23:12.000Zhttps://www.getlykke.com/explore/public/backpropagation-d2b74f25-f27c-4873-a2c7-bead22dc4b22/media/historical-context-and-origins/svg/1Historical Context and the Backwards Method diagram 1Historical Context and the Backwards Method - Backpropagation - diagram 1https://www.getlykke.com/explore/public/backpropagation-d2b74f25-f27c-4873-a2c7-bead22dc4b22/media/core-backpropagation-algorithm/svg/1The Core Backpropagation Algorithm diagram 1The Core Backpropagation Algorithm - Backpropagation - diagram 1https://www.getlykke.com/explore/public/backpropagation-d2b74f25-f27c-4873-a2c7-bead22dc4b22/media/theoretical-derivations-control/svg/1Theoretical Derivations and Optimal Control diagram 1Theoretical Derivations and Optimal Control - Backpropagation - diagram 1https://www.getlykke.com/explore/public/backpropagation-d2b74f25-f27c-4873-a2c7-bead22dc4b22/media/specialized-architectures/svg/1Backpropagation for Specialized Architectures diagram 1Backpropagation for Specialized Architectures - Backpropagation - diagram 1https://www.getlykke.com/explore/public/backpropagation-d2b74f25-f27c-4873-a2c7-bead22dc4b22/media/optimization-and-efficiency/svg/1Advanced Optimization and Efficiency diagram 1Advanced Optimization and Efficiency - Backpropagation - diagram 1https://www.getlykke.com/explore/public/calculus-iii-ae331b09-bb42-43a5-9192-1ac30cfc7be72026-03-20T05:44:59.000Zhttps://www.getlykke.com/explore/public/calculus-iii-ae331b09-bb42-43a5-9192-1ac30cfc7be7/media/three-dimensional-space/svg/1Three-Dimensional Space and Vectors diagram 1Three-Dimensional Space and Vectors - Calculus III - diagram 1https://www.getlykke.com/explore/public/calculus-iii-ae331b09-bb42-43a5-9192-1ac30cfc7be7/media/partial-derivatives/svg/1Partial Derivatives diagram 1Partial Derivatives - Calculus III - diagram 1https://www.getlykke.com/explore/public/calculus-iii-ae331b09-bb42-43a5-9192-1ac30cfc7be7/media/applications-of-derivatives/svg/1Applications of Partial Derivatives diagram 1Applications of Partial Derivatives - Calculus III - diagram 1https://www.getlykke.com/explore/public/calculus-iii-ae331b09-bb42-43a5-9192-1ac30cfc7be7/media/multiple-integrals/svg/1Multiple Integrals diagram 1Multiple Integrals - Calculus III - diagram 1https://www.getlykke.com/explore/public/calculus-iii-ae331b09-bb42-43a5-9192-1ac30cfc7be7/media/vector-calculus-line-integrals/svg/1Line Integrals and Vector Fields diagram 1Line Integrals and Vector Fields - Calculus III - diagram 1https://www.getlykke.com/explore/public/calculus-iii-ae331b09-bb42-43a5-9192-1ac30cfc7be7/media/surface-integrals-theorems/svg/1Surface Integrals and Integral Theorems diagram 1Surface Integrals and Integral Theorems - Calculus III - diagram 1