Word Cloud

Komponent słowny chmury zbudowany na szczycie d3-cloud.

Opcje

• data | array: albo tablicę tekstów, z której można wygenerować chmurę słów lub, jeśli prekalkulowane jest ustawione na prawdziwe, oraz tablicę obiektów zliczających słowa (z klawiszami tekstowymi i wartościowymi). Default: [].
• font | (string|function): funkcja dostępowa określająca oblicze czcionki dla każdego słowa. Przyjmuje również stałą zamiast funkcji. Default: 'serif'.
• fontSizeMapper | function: funkcja akcesora określająca rozmiar czcionki dla każdego słowa. Domyślnie ( count - min + 1 ) / ( max - min + 6 ) * 30.0 + 14.0, gdzie min i max oznaczają odpowiednio minimalną i maksymalną liczbę słów.. Default: none.
• height | number: wysokość słowa "chmura" (w px). Default: 600.
• language | string: identyfikator języka (określa stopery, które mają być usunięte). Default: 'en'.
• minCount | number: jeśli jest ustawiony, zawiera tylko te słowa, które pojawiają się więcej niż minCount razy w podanych danych. Default: none.
• saveButton | boolean: kontroluje, czy ma być wyświetlany przycisk do zapisywania chmury słów jako obrazu. Default: true.
• onClick | function: funkcja callback wywoływana po kliknięciu słowa na chmurze słów. Default: onClick() {}.
• padding | (function|number): funkcja dostępowa lub stała wskazująca numeryczne wypełnienie dla każdego słowa. Default: 5.
• precalculated | boolean: kontroluje, czy chmura słów oczekuje tablicy wstępnie obliczonych zliczeń słów, czy też wygeneruje je dla danych tekstów. Default: false.
• rotate | (function|number): funkcja dostępowa wskazująca kąt obrotu (w stopniach) dla każdego słowa. Przyjmuje również stałą zamiast funkcji. Default: word => word.value % 360.
• updateThreshold | number: wielkość partii nowych dokumentów w danych przed ponownym odesłaniem chmury słownej. Default: 5.
• stopwords | array: dodatkowe stopery do usunięcia przed renderowaniem chmury słów. Default: [].
• triggerRender | boolean: umorzenie podczas wymiany zestawu danych. Default: true.
• style | object: Style CSS inline. Default: {}.
• width | number: szerokość słowa chmura (w px). Default: 700.

Przykłady

• Minimal
• With Style
• With Stopwords

Edytor na żywo

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

Wynik

ReferenceError: Provider is not defined