Word Cloud

O componentă de nor de cuvinte construită pe baza d3-cloud.

Opțiuni

• data | array: fie o matrice de texte din care să se genereze norul de cuvinte, fie, dacă precalculated este setat la true, o matrice de obiecte de număr de cuvinte (cu cheile text și value).. Default: [].
• font | (string|function): funcție de accesor care specifică fontul pentru fiecare cuvânt. Acceptă, de asemenea, o constantă în loc de o funcție. Default: 'serif'.
• fontSizeMapper | function: funcție accesor care indică dimensiunea fontului pentru fiecare cuvânt. Valoarea implicită este ( număr - min + 1 ) / ( max - min + 6 ) * 30.0 + 14.0, unde min și max reprezintă numărul minim și, respectiv, numărul maxim de cuvinte.. Default: none.
• height | number: înălțimea norului de cuvinte (în px). Default: 600.
• language | string: identificatorul de limbă (determină cuvintele de oprire care trebuie eliminate). Default: 'en'.
• minCount | number: dacă este setat, include numai cuvintele care apar de mai mult de minCount ori în datele date. Default: none.
• saveButton | boolean: controlează dacă se afișează sau nu un buton pentru salvarea norului de cuvinte sub formă de imagine. Default: true.
• onClick | function: funcția de callback invocată atunci când se face clic pe un cuvânt din norul de cuvinte. Default: onClick() {}.
• padding | (function|number): funcție de accesor sau constantă care indică umplutura numerică pentru fiecare cuvânt. Default: 5.
• precalculated | boolean: controlează dacă norul de cuvinte așteaptă o matrice de numere de cuvinte precalculate sau le va genera pentru textele date. Default: false.
• rotate | (function|number): funcție de accesor care indică unghiul de rotație (în grade) pentru fiecare cuvânt. Acceptă, de asemenea, o constantă în loc de o funcție. Default: word => word.value % 360.
• updateThreshold | number: dimensiunea lotului de documente noi din data înainte de re-reprezentarea norului de cuvinte. Default: 5.
• stopwords | array: cuvinte de oprire suplimentare care trebuie eliminate înainte de redarea norului de cuvinte. Default: [].
• triggerRender | boolean: redarea atunci când setul de date este schimbat. Default: true.
• style | object: Stiluri inline CSS. Default: {}.
• width | number: lățimea norului de cuvinte (în px). Default: 700.

Exemple

• Minimal
• With Style
• With Stopwords

Editor live

<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'
]} />

Rezultat

ReferenceError: Provider is not defined