D3.js

הסקירה

D3.js טוען נתונים גולמיים ומחבר אותם ישירות לרכיבי ה-DOM בדפדפן כדי ליצור מהם ייצוג חזותי. הוא לא מספק גרפים מוכנים מראש שלוחצים עליהם ומקבלים תרשים עמודות. במקום זה הוא נותן פקודות ברמה נמוכה שמגדירות איך כל נקודה, קו או צורה יגיבו למספרים שמגיעים מהקובץ. אתם כותבים קוד JavaScript שמצייר כל אלמנט בעצמו. הפעולה הזו דורשת שליטה מלאה במבנה המסמך ובאופן שבו דפדפנים מעבדים צורות גרפיות. מי שמחפש פתרון מהיר של הדבקת נתונים וקבלת תמונה יגלה כאן קיר של קוד מורכב. זה דורש תכנות נטו.

זה עובד קשה מדי.

איך עובד החיבור לנתונים

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

לא הייתי משתמש בזה לפרויקט שצריך להציג תרשים פשוט תוך חצי שעה.

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

התמחור מבלבל מי שנתקל בפרויקט.

הקשר של Observable והעלויות

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

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

אין כאן קיצורי דרך.

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

• מחיר באתרלא מפורט בעמוד
• שפת ממשקאנגלית בלבד
• שליטה בעיצובגמישות מלאה בקוד