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: размер на партидата от нови документи в data преди повторното визуализиране на облака от думи. Default: 5.
• stopwords | array: допълнителни спиращи думи, които да се премахнат, преди да се визуализира облакът от думи. Default: [].
• triggerRender | boolean: повторно визуализиране при обмен на набора от данни. Default: true.
• style | object: CSS инлайн стилове. Default: {}.
• width | number: ширина на облака от думи (в px). Default: 700.

Примери

• Minimal
• With Style
• With Stopwords

Редактор в реално време

<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