Word Cloud

Ένα συστατικό σύννεφο λέξεων που βασίζεται στο d3-cloud.

Επιλογές

• data | array: είτε ένας πίνακας κειμένων από τα οποία θα δημιουργηθεί το νέφος λέξεων είτε, αν το precalculated έχει οριστεί σε true, ένας πίνακας αντικειμένων μέτρησης λέξεων (με κλειδιά text και value). Default: [].
• font | (string|function): συνάρτηση προσπέλασης που καθορίζει την όψη γραμματοσειράς για κάθε λέξη. Δέχεται επίσης μια σταθερά αντί για μια συνάρτηση. Default: 'serif'.
• fontSizeMapper | function: συνάρτηση προσπέλασης που υποδεικνύει το μέγεθος γραμματοσειράς για κάθε λέξη. Προεπιλογή είναι ( count - min + 1 ) / ( max - min + 6 ) * 30.0 + 14.0, όπου min και max υποδηλώνουν τον ελάχιστο και μέγιστο αριθμό λέξεων, αντίστοιχα.. Default: none.
• height | number: ύψος του σύννεφου λέξεων (σε px). Default: 600.
• language | string: αναγνωριστικό γλώσσας (καθορίζει τις λέξεις παύσης που πρέπει να αφαιρεθούν). Default: 'en'.
• minCount | number: αν έχει οριστεί, περιλαμβάνει μόνο λέξεις που εμφανίζονται περισσότερες από minCount φορές στα δεδομένα που δίνονται. Default: none.
• saveButton | boolean: ελέγχει αν θα εμφανίζεται ένα κουμπί για την αποθήκευση του νέφους λέξεων ως εικόνα. Default: true.
• onClick | function: συνάρτηση επανάκλησης που καλείται όταν γίνεται κλικ σε μια λέξη στο σύννεφο λέξεων. Default: onClick() {}.
• padding | (function|number): συνάρτηση προσπέλασης ή σταθερά που υποδεικνύει το αριθμητικό γέμισμα για κάθε λέξη. Default: 5.
• precalculated | boolean: ελέγχει αν το σύννεφο λέξεων αναμένει έναν πίνακα προ-υπολογισμένων αριθμών λέξεων ή αν θα τους δημιουργήσει για συγκεκριμένα κείμενα. Default: false.
• rotate | (function|number): συνάρτηση προσπέλασης που υποδεικνύει τη γωνία περιστροφής (σε μοίρες) για κάθε λέξη. Δέχεται επίσης μια σταθερά αντί για μια συνάρτηση. Default: word => word.value % 360.
• updateThreshold | number: μέγεθος παρτίδας νέων εγγράφων στα "δεδομένα" πριν από την εκ νέου απόδοση του νέφους λέξεων. Default: 5.
• stopwords | array: πρόσθετες λέξεις που πρέπει να αφαιρεθούν πριν από την απόδοση του νέφους λέξεων. Default: [].
• triggerRender | boolean: επαναπροβολή όταν ανταλλάσσεται το σύνολο δεδομένων. Default: true.
• style | object: Στυλ γραμμής CSS. Default: {}.
• width | number: πλάτος του σύννεφου λέξεων (σε px). Default: 700.

Παραδείγματα

• Minimal
• With Style
• With Stopwords

Live Editor

<WordCloud data={[ 'This is my holiday', 'Breakfast is great', 'My house is my castle', 'A castle for a kingdom', 'I am longing for breakfast', 'Having rolls for breakfast is a must', 'A horse for a kingdom', 'Mom like rolls', 'Orange juice is fine', 'Where is the butter', 'I am looking for a spoon', 'Coffee for coffee drinkers', 'Tea for the sleepy ones', 'The sleepy, sloppy, crazy King lives in a castle', 'A house for everybody' ]} />

<WordCloud data={[
  'This is my holiday', 
  'Breakfast is great', 
  'My house is my castle', 
  'A castle for a kingdom', 
  'I am longing for breakfast',
  'Having rolls for breakfast is a must',
  'A horse for a kingdom',
  'Mom like rolls',
  'Orange juice is fine',
  'Where is the butter',
  'I am looking for a spoon',
  'Coffee for coffee drinkers',
  'Tea for the sleepy ones',
  'The sleepy, sloppy, crazy King lives in a castle',
  'A house for everybody'
]} />

Αποτέλεσμα

ReferenceError: Provider is not defined