dimple

הסקירה

אתם מדביקים שתי שורות של תגיות סקריפט לתוך קובץ HTML, כותבים שמונה שורות קוד בסיסיות, וגרף עמודות מופיע על המסך. הספרייה dimple נבנתה במטרה לפתוח את היכולות של d3 לאנליסטים. היא מיועדת להוריד את עקומת הלמידה החדה ודורשת מינימום קוד כדי להפיק תוצאה מעשית. במקום לבנות צירים, סולמות ורכיבי SVG מאפס באוסף פקודות מורכב, הספרייה עוטפת את התהליך בפקודות תמציתיות שמגדירות צירי נתונים ומציירות את הגרף מיד.

זה עובד ישירות בדפדפן.

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

חיבור נתונים ודרישות טכניות

כדי להתחיל לעבוד צריך לקשר קודם את קובץ d3 בגרסה d3.v4.min.js מכתובת הרשת d3js.org. רק לאחר מכן טוענים את dimple.v2.3.0.min.js מהשרת של dimplejs.org. תהליך היצירה מתחיל ביצירת אובייקט SVG באמצעות הפקודה dimple.newSvg עם מידות בפיקסלים, כמו 800 על 600. לאחר מכן מגדירים מערך נתונים פשוט עם שדות ומדדים, מייצרים מופע chart, ומצמידים אליו צירים כמו ציר קטגוריות וציר מדידה.

השליטה בצירים ישירה מאוד. פקודות כמו addCategoryAxis ו־addMeasureAxis קובעות בדיוק איזה שדה נתונים יופיע על ציר ה־X ואיזה על ציר ה־Y. לאחר קביעת הצירים, מוסיפים סדרה באמצעות addSeries ובוחרים את סוג התרשים הרצוי, למשל dimple.plot.bar. הפקודה האחרונה היא תמיד draw, שבונה את הגרף הלכה למעשה. הדוגמאות באתר מציגות גם תרשימי שטחים אנכיים, שטחים מוערמים, ותרשימי עמודות של 100 אחוז.

אין פה לוח בקרה מוכן מראש.

עלויות והתאמה בפועל

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

• מחירקוד פתוח
• מנוע תצוגהמבוסס d3 גרסה 4
• תלות חיצוניתחובה לטעון d3

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

קחו בחשבון את התלות בגרסה הישנה.

מה שבאמת מפריע כאן הוא החיבור לגרסה מוגדרת של d3. הקוד באתר מפנה ישירות לגרסת d3.v4.min.js ולספריית dimple.v2.3.0.min.js. דפי ההסבר נכתבו על ידי היוצר John Kiernander וצוות תורמים ב־GitHub, אך לא מוזכרת תמיכה רשמית בגרסאות d3 חדשות יותר. אם הפרויקט שלכם כבר נשען על מהדורות מתקדמות של ספריות תצוגה, אתם תצטרכו לבדוק בעצמכם תאימות לאחור לפני שאתם מתחייבים לקוד הזה.