Word Cloud

Sanapilvi-komponentti, joka on rakennettu d3-cloud päälle.

Vaihtoehdot

• data | array: joko joukko tekstejä, joista luodaan sanapilvi, tai, jos precalculated on asetettu arvoon true, joukko sanojen lukumäärän objekteja (avaimilla text ja value).. Default: [].
• font | (string|function): accessor-funktio, joka määrittelee kunkin sanan fonttipinnan. Hyväksyy myös vakion funktion sijasta. Default: 'serif'.
• fontSizeMapper | function: accessor-funktio, joka ilmoittaa kunkin sanan fonttikoon. Oletusarvo on ( count - min + 1 ) / ( max - min + 6 ) * 30.0 + 14.0, missä min ja max tarkoittavat sanojen miinimääriä ja maksimääriä.. Default: none.
• height | number: sanapilven korkeus (px). Default: 600.
• language | string: kielitunniste (määrittää poistettavat stop-sanat). Default: 'en'.
• minCount | number: jos asetettu, otetaan mukaan vain sanat, jotka esiintyvät yli minCount-kertaa annetussa aineistossa.. Default: none.
• saveButton | boolean: valvoo, näytetäänkö painike sanapilven tallentamiseksi kuvana.. Default: true.
• onClick | function: callback-funktio, joka käynnistyy, kun sanapilven sanaa napsautetaan.. Default: onClick() {}.
• padding | (function|number): accessor-funktio tai vakio, joka ilmoittaa kunkin sanan numeerisen pehmustuksen. Default: 5.
• precalculated | boolean: määrittää, odottaako sanapilvi ennalta laskettujen sanojen lukumäärän joukkoa vai luoko se ne annetuille teksteille.. Default: false.
• rotate | (function|number): accessor-funktio, joka ilmoittaa kunkin sanan kiertokulman (asteina). Hyväksyy myös vakion funktion sijasta. Default: word => word.value % 360.
• updateThreshold | number: uusien asiakirjojen eräkoko data:ssa ennen kuin sanapilvi renderöidään uudelleen.. Default: 5.
• stopwords | array: ylimääräiset pysäytyssanat, jotka on poistettava ennen sanapilven esittämistä.. Default: [].
• triggerRender | boolean: renderöinti, kun tietokokonaisuus vaihdetaan.. Default: true.
• style | object: CSS-inline-tyylit. Default: {}.
• width | number: sanapilven leveys (px). Default: 700.

Esimerkkejä

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

Tulos

ReferenceError: Provider is not defined