Word Cloud

A d3-cloud tetejére épülő szófelhő komponens.

Opciók

• data | array: vagy szövegek tömbje, amelyekből a szófelhőt generálni kell, vagy, ha az precalculated értéke true, és szószám objektumok tömbje (a text és value kulcsokkal).. Default: [].
• font | (string|function): accessor függvény, amely meghatározza az egyes szavak betűtípusát. Függvény helyett konstansot is elfogad. Default: 'serif'.
• fontSizeMapper | function: accessor függvény, amely minden szóhoz megadja a betűméretet. Alapértelmezett értéke ( count - min + 1 ) / ( max - min + 6 ) * 30.0 + 14.0, ahol min és max a minimális és maximális szószámot jelöli.. Default: none.
• height | number: a szófelhő magassága (px-ben). Default: 600.
• language | string: nyelvi azonosító (meghatározza az eltávolítandó zárószavakat). Default: 'en'.
• minCount | number: ha be van állítva, csak azokat a szavakat tartalmazza, amelyek többször fordulnak elő a megadott adatokban, mint a "minCount".. Default: none.
• saveButton | boolean: szabályozza, hogy megjelenjen-e egy gomb a szófelhő képként történő mentéséhez.. Default: true.
• onClick | function: callback függvény, amely akkor hívódik elő, ha egy szóra kattintanak a szófelhőben.. Default: onClick() {}.
• padding | (function|number): hozzáférési függvény vagy konstans, amely az egyes szavak numerikus kitöltését jelzi. Default: 5.
• precalculated | boolean: szabályozza, hogy a szófelhő az előre kiszámított szószámok tömbjét várja-e, vagy a megadott szövegekhez generálja azokat.. Default: false.
• rotate | (function|number): accessor függvény, amely minden szóhoz megadja a forgatási szöget (fokban). A függvény helyett konstansot is elfogad. Default: word => word.value % 360.
• updateThreshold | number: az új dokumentumok kötegelt mérete az "adatokban", mielőtt a szófelhő újra renderelésre kerülne.. Default: 5.
• stopwords | array: a szófelhő megjelenítése előtt eltávolítandó további zárószavak. Default: [].
• triggerRender | boolean: újraszerkesztés az adathalmaz cseréjekor. Default: true.
• style | object: CSS inline stílusok. Default: {}.
• width | number: a szófelhő szélessége (px-ben). Default: 700.

Példák

• Minimal
• With Style
• With Stopwords

Élő szerkesztő

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

Eredmény

ReferenceError: Provider is not defined