%%{init: {"theme": "base", "themeVariables": {"primaryColor": "#fabd2f", "primaryTextColor": "#282828", "primaryBorderColor": "#b57614", "lineColor": "#7c6f64", "secondaryColor": "#83a598", "tertiaryColor": "#b8bb26", "background": "#fbf1c7", "mainBkg": "#ebdbb2", "fontFamily": "Tahoma, sans-serif"}}}%% flowchart LR subgraph Era1["ยุค Relational First / SQL Dominant"] A["Table + Rowschema คงที่"] end subgraph Era2["ยุค Web Scale / NoSQL"] B["Document DBJSON-like"] C["MongoDBCollection/Document"] end subgraph Era3["ยุค ODM / App Integration"] D["Mongoose Schemaกำหนดรูปแบบ document"] E["MongoDB AtlasCloud Database"] end A --> B --> C --> D --> E
%%{init: {"theme": "base", "themeVariables": {"primaryColor": "#fabd2f", "primaryTextColor": "#282828", "primaryBorderColor": "#b57614", "lineColor": "#7c6f64", "secondaryColor": "#83a598", "tertiaryColor": "#b8bb26", "background": "#fbf1c7", "mainBkg": "#ebdbb2", "fontFamily": "Tahoma, sans-serif"}}}%% flowchart TD A["Databaseฐานข้อมูล"] --> B["Collection: usersกลุ่มเอกสาร"] B --> C["Document{ name, age }"] B --> D["Document{ name, courses[] }"] C --> E["Fieldkey-value"]