יצירת JavaScript מופעל נתונים תרשימים עם Billboard.js

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

אבל עוד חזותית מפתיע אתה יכול לבנות מאפס הוא תרשים אינטרנט.

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

זה בנוי למעשה על גבי D3 שהיא ספריית נתונים להדמיה JavaScript. זה בקלות אחד הפופולריים ביותר בחוץ עושה את זה התלות הבטוחה ביותר שאתה יכול לבקש.

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

רק לציין את כל קוד הבסיס משתמשת תחביר ES6 אשר יכול להיות מבלבל פחות ניסיון JS SVS.

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

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

תסתכל על דף ההדגמה ולחץ על כמה דוגמאות לחיות.

תוכלו למצוא כל דבר, החל גרפים עוגה כדי פיזור מגרשים וגרפים אנימציה אישית בר.

עם Billboard.js יש לך שליטה מלאה בנתונים שלך. אתה שולט באופן שבו הוא מופיע בדף, כיצד הוא מובנה ואיזה סוג של תכונות UI / UX שתוסיף (אם בכלל).

זה באמת ספריה תרשים פנטסטי וזה אחד הקלה ביותר להרים. יש להסתכל על ריטו GitHub של הפרויקט כדי ללמוד עוד.

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