Δημιουργία γραφημάτων δεδομένων με τροφοδοσία JavaScript με το Billboard.js

Τα γραφικά και τα γραφικά παίζουν σημαντικό ρόλο στη βελτίωση του περιεχομένου ιστού. Με τη σύγχρονη τεχνολογία είναι τόσο εύκολο να προσθέσετε προσαρμοσμένες εικόνες όπως τα εικονίδια SVG στη σελίδα σας.

Αλλά μια άλλη έκπληξη οπτική που μπορείτε να χτίσετε από το μηδέν είναι ένα διάγραμμα ιστού.

Αυτό μπορεί να σας βοηθήσει γράψτε τα δεδομένα οπτικά έτσι ώστε οι επισκέπτες σας να μπορούν να απομακρύνουν γρήγορα τις σχετικές πληροφορίες. Και αντί να κωδικοποιήσετε μόνοι σας ένα γράφημα, μπορείτε να χρησιμοποιήσετε μια βιβλιοθήκη όπως το Billboard.js για να κάνετε όλη τη βαριά ανύψωση.

Αυτό είναι πραγματικά χτισμένο στην κορυφή του D3 που είναι μια βιβλιοθήκη οπτικοποίησης δεδομένων JavaScript. Είναι εύκολα η πιο δημοφιλής εκεί έξω καθιστώντας την ασφαλέστερη εξάρτηση που θα μπορούσατε να ζητήσετε.

Με το Billboard.js μπορείτε να έχετε πρόσβαση στο API D3 γρήγορα και εύκολα. Ο κύριος στόχος του Billboard είναι ευκολία χρήσης, καθιστώντας την προσβάσιμη σε οποιονδήποτε. Παρόλο που βοηθάει να έχετε κάποια εμπειρία με το JavaScript, σίγουρα δεν χρειάζεται να είστε ειδικός.

Απλά σημειώστε ότι ολόκληρο το codebase χρησιμοποιεί τη σύνταξη ES6 που μπορεί να προκαλέσει σύγχυση σε λιγότερο έμπειρους JS devs.

Εφόσον εσύ γνωρίζετε πώς να συντάξετε τον κώδικα θα πρέπει να είστε εντάξει. Στην πραγματικότητα καλύψαμε μερικές θερμές λειτουργίες από το ES6 αν θέλετε να μάθετε περισσότερα.

Όλες οι τεχνικές λεπτομέρειες σχετικά με αυτό το plugin μπορεί να φαίνονται ωραίες. Αλλά μάλλον απλά θέλετε να το ξέρετε τι μπορεί να κάνει αυτό.

Ρίξτε μια ματιά στη σελίδα επίδειξης και κάντε κλικ σε μερικά από τα ζωντανά παραδείγματα.

Θα βρείτε τα πάντα από τα γράμματα πίτας για να διασκορπίσετε οικόπεδα και προσαρμοσμένες κινούμενες γραφικές παραστάσεις.

Με το Billboard.js έχετε πλήρη έλεγχο των δεδομένων σας. Μπορείτε να ελέγξετε τον τρόπο με τον οποίο εμφανίζεται στη σελίδα, τον τρόπο δομής και τον τύπο των λειτουργιών UI / UX που προσθέτετε (εάν υπάρχουν).

Είναι πραγματικά μια φανταστική βιβλιοθήκη διαγραμμάτων και είναι ένα από τα πιο εύκολο να πάρει. Ρίξτε μια ματιά στο repo GitHub του έργου για να μάθετε περισσότερα.

Μπορείτε επίσης να ψάξετε σε αυτό το απόσπασμα στο CodePen εάν θέλετε να χρησιμοποιήσετε τον κώδικα στο πρόγραμμα περιήγησης.