NODEs v10

1) STYLE SECTION

Mengatur nilai CSS rules internal untuk presentasi elemen grafik

.box class styling

.label class styling

.edge class styling

GENERATED STYLE CODE
2) A) HEADER SECTION

Mengatur konfigurasi global untuk elemen pembungkus grafik (Canvas) & Metadata Dokumen

<svg> Properties

Berfungsi sebagai komponen Canvas

<metadata> Properties

Berfungsi sebagai komponen Accessibility

GENERATED HEADER CODE (<head> + opening <svg>)
2) B) BODY SECTION

Mengatur isian data koordinat komponen box dan teks label internal

Node A Component
Node B Component
Node C Component
Node D Component
GENERATED BODY CODE (NODES & LABELS)
2) C) CONNECTOR EDGES SECTION

Mengatur rute garis panah penghubung diagram lewat dekomposisi data perintah path (d)

Edge 1 | d
Edge 2 | d
Edge 3 | d
GENERATED PATH EDGES CODE
3) FINAL COMPILED CODE
4) RENDERED / COMPILED RESULT (VIEW MODE)

Comments

Post a Comment

Popular posts from this blog

[MAIN PROGRAM] UNDONE HOUSEHOLD WORKs WEB-PROGRAM v2/MAIN

Waiting to test Firebase… Write Test Data Read Test Data Delete Tester Data Category Manager (CRUD) ADD NEW Category: Add Category Existing Categories Category Actions Create New Task Task Title: Category: ADD NEW: Create Task Task List Filter by Category: (All Categories) Task ID Title Category Overall Status Manage Phase Manager Category for this Task: ADD NEW: Save Category Phase Number: Phase Status: Phase Description: Add Phase Existing Phases: Phase Status Description Upload Spreadsheet → Import to Firebase Expected columns in sheet: Title , Phase Number , Phase Status , Description , and optional Category . Value na or not available ...
Read more

PENDING ITEMs [REVISION] v0

🔗 My Pending and Delayed POSTs SUMMARY Sort by Date Sort by Auto Title Sort by My Title Ascending Descending Insert URL: Your Own Title (Optional): ➕ ADD ENTRY 💾 SAVE EDIT DATE AUTO TITLE MY TITLE URL ACTIONS 📝 TO DO LIST SUMMARY  Sort by Date Sort by Header Sort by Detail Ascending Descending Header (Title): Detail: ➕ ADD ENTRY ...
Read more