Guide to Install and Use Facial Physiognomy & Face Reading (Face Reading) for WordPress

graph TD
    A[Frontend Shortcode pxg_face_reading] --> B[Upload Portrait Image via AJAX upload_file]
    B --> C[Set Portrait as Background Canvas Layer pxg_face_reading_design]
    C --> D[Select Diagram from Bootstrap Treeview List Red / Black Overlay]
    D --> E[Inject Overlay Layer pxg_face_reading_editor]
    E --> F[Apply Interactive Dragging Rotation Matrix Scaling]
    F --> G[Render Complete Facial Physiognomy Reading Modal]

graph TD
    A[Align 12 Palaces Overlay Grid] --> B[Evaluate Life Palace Mệnh Cung & Forehead Height]
    B --> C[Inspect Wealth Palace Tài Bạch Cung & Nose Shape]
    C --> D[Inspect Career Palace Quan Lộc Cung & Eyebrows]
    D --> E[Evaluate Real Estate Palace Điền Trạch Cung & Eyes]
    E --> F[Inspect Health Palace Tật Ách Cung & Nose Bridge]
    F --> G[Map 108 Mole Position Impact for Men and Women]
    G --> H[Output Detailed Physiognomy Character & Fortune Synthesis]

graph TD
    A[User Drags Diagram Center Point] --> B[Update CSS Transform Matrix Translate X Y]
    A --> C[User Adjusts Scale Slider / Handles] --> D[Update Matrix Scale Factor]
    A --> E[User Rotates Angle Controller] --> F[Update Rotation Angle Degrees]
    B --> G[Re-render Combined Canvas Overlay over Portrait]
    D --> G
    F --> G