Sigma.js

הסקירה

מתקינים את החבילה דרך npm ומקבלים מנוע שמצייר אלפי צמתים וקשרים בתוך הדפדפן. Sigma.js מתמקד אך ורק ברינדור גרפים ואינטראקציה ויזואלית, בזמן שאת כל ניהול הנתונים, המבנה והאלגוריתמים הוא משאיר לספרייה נפרדת בשם graphology. כשאתם בונים אפליקציה שמציגה רשתות קשרים מורכבות, החלוקה הזו מחייבת אתכם לעבוד עם שני כלים במקביל. השילוב הזה עובד מהר מאוד בזכות WebGL, שמנצל את המאיץ הגרפי של המחשב ולא חונק את הזיכרון של הדפדפן. לא תקבלו פה תוכנה מוכנה לשימוש בלחיצת כפתור, אלא ספריית קוד נטו שצריך לשלב בפיתוח עצמאי שלכם.

הוא מיועד רק למפתחי ווב. בלי ידע רציני ב־JavaScript אין לכם מה לחפש כאן.

רוב הכלים בקטגוריה, כמו d3.js הוותיקה, מציירים אלמנטים ישירות על ה־DOM או בעזרת Canvas ו־SVG רגילים. בנפחים קטנים זה נראה מעולה וקל לעיצוב, אבל ברגע שמנסים להציג רשת עם עשרות אלפי קשרים, הדפדפן פשוט קופא. Sigma.js עוקף את המגבלה הזו כי הוא רץ על WebGL, מה שנותן לו ביצועים חלקים ברינדור רשתות ענק. המחיר של הבחירה הזו מורגש מיד בקוד. עיצוב מותאם אישית של צמתים הופך להרבה יותר מסובך לפיתוח כשעובדים עם WebGL. אם אתם צריכים גרף קטן של כמה מאות צמתים עם אנימציות עדינות, d3.js תתאים לכם הרבה יותר ולא שווה להסתבך פה.

מי באמת צריך את זה

לא הייתי משתמש בזה לפרויקטים שדורשים שליפה מהירה של תרשימים פשוטים. אם המטרה היא להציג עץ ארגוני קטן, גרף שכבות בסיסי או רשת חברתית פנימית עם קומץ משתמשים, המורכבות של הכלי הזה מיותרת לחלוטין. הוא מתאים למפתחים שבונים מערכות לניתוח נתוני עתק, כלים לזיהוי קשרים בנתוני אבטחת מידע כמו BloodHound, או פלטפורמות מחקר שמציגות מיפוי מעמיק של רשתות. בנוסף, מי שעובד עם קבצי GEXF מתוכנת Gephi ומחפש דרך להציג אותם בדפדפן בלי להמציא את הגלגל ימצא כאן פתרון ישיר. אם אתם לא כותבים קוד, תתרחקו מזה.

האתר עצמו באנגלית מלאה. אין תיעוד מקומי, אין הסברים בעברית ואין תמיכה מובנית בכיווניות ימין לשמאל בתוך הטקסט של הצמתים.

כל מה שקשור לאלגוריתמיקה חישובית מנוהל מחוץ לספרייה הזו. Sigma.js עצמו לא יודע לפרוס את הצמתים במרחב ולא יודע לחשב מדדים מתמטיים של הרשת. כדי להפעיל אלגוריתם פריסה כמו ForceAtlas2, לאתר קהילות לפי שיטת Louvain או למדוד מרכזיות של צומת, תצטרכו ללמוד ולהגדיר את הפונקציות של graphology. הפיצול הזה מאפשר לטעון נתונים מפורמט CSV, לעבד אותם בקוד, ורק אז להעביר את התוצאה המוכנה לציור על המסך. זה דורש להכיר שתי מערכות תיעוד שונות לגמרי רק כדי להרים מסך אחד יציב.

תמיכה במסגרות עבודה ומחיר

מבחינת סביבת העבודה שלכם, החיים קלים יותר אם האפליקציה שלכם נשענת על React. קיימת מעטפת ייעודית בשם react-sigma שמחברת את הקומפוננטות של הגרף ישירות למחזור החיים של האפליקציה בצורה טבעית. אם אתם עובדים עם Angular, המצב שונה ופחות נעים. אין מעטפת רשמית מסודרת, והאתר מפנה למאגר דוגמה בסיסי כדי שתבינו איך לקשור את מנוע הציור לקוד שלכם לבד. זה דורש התעסקות ידנית בניהול הזיכרון והאירועים של הדפדפן, מה שעלול לייצר באגים מעצבנים סביב ביצועים ורינדור כפול אם לא נזהרים.

אין פה עמוד תמחור. מדובר בפרויקט קוד פתוח, כך שאין מנויים חודשיים, אין גרסאות בתשלום ואין רמות שימוש שונות שצריך להשוות ביניהן.

• מחירלא צוין באתר
• רישיון שימושקוד פתוח
• דרישות סףידע מעמיק בקוד

כרגע גרסה v3 היא הגרסה הרשמית באתר, אך קיימת כבר גרסת alpha v4 עם תיעוד נפרד. כשכלי תשתיתי נמצא במעבר בין גרסאות ראשיות, כדאי לכם לבדוק טוב את יציבות הממשק לפני שאתם מבססים עליו מערכת ליבה. פונקציות מסוימות עלולות להשתנות, ומה שעובד היום בגרסה 3 עשוי לדרוש התאמות כשגרסה 4 תהפוך לברירת המחדל. אם אתם נתקלים בבעיות טכניות, העזרה היחידה מגיעה מקהילת המפתחים ב־StackOverflow או דרך פתיחת תקלות ישירות במאגר ה־GitHub של הפרויקט. אין תמיכה טכנית רשמית שתענה לכם אם משהו נשבר.