Word Cloud

Um componente de nuvem de palavras construído em cima de d3-cloud.

Opções

• data | array: ou um conjunto de textos a partir dos quais se pode gerar a palavra nuvem ou, se precalculado' está definido para verdadeiro', e um conjunto de objetos de contagem de palavras (com teclas de texto' e valor'). Default: [].
• font | (string|function): função acessor especificando a face da fonte para cada palavra. Também aceita uma constante ao invés de uma função. Default: 'serif'.
• fontSizeMapper | function: função acessor indicando o tamanho da fonte para cada palavra. O padrão é ( contagem - min + 1 ) / ( max - min + 6 ) * 30,0 + 14,0', onde min' e max' denotam o mínimo e o máximo de palavras contas', respectivamente. Default: none.
• height | number: altura da palavra nuvem (em px). Default: 600.
• language | string: identificador do idioma (determina as palavras de parada a serem removidas). Default: 'en'.
• minCount | number: se definido, incluir apenas palavras que apareçam mais do que "minCount" vezes nos dados fornecidos. Default: none.
• saveButton | boolean: controla se deve ser exibido um botão para salvar a palavra nuvem como uma imagem. Default: true.
• onClick | function: função de chamada de retorno invocada quando uma palavra é clicada na nuvem da palavra. Default: onClick() {}.
• padding | (function|number): função acessor ou constante indicando o preenchimento numérico de cada palavra. Default: 5.
• precalculated | boolean: controla se a palavra nuvem espera uma série de palavras pré-calculadas conta ou as gerará para determinados textos. Default: false.
• rotate | (function|number): função acessor indicando o ângulo de rotação (em graus) para cada palavra. Também aceita uma constante ao invés de uma função. Default: word => word.value % 360.
• updateThreshold | number: tamanho do lote de novos documentos em dados antes que a palavra nuvem seja reenviada. Default: 5.
• stopwords | array: palavras de parada adicionais para remover antes de tornar a palavra nuvem. Default: [].
• triggerRender | boolean: quando o conjunto de dados é trocado. Default: true.
• style | object: Estilos em linha CSS. Default: {}.
• width | number: largura da palavra nuvem (em px). Default: 700.

Exemplos

• Minimal
• With Style
• With Stopwords

Editor ao vivo

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

Resultado

ReferenceError: Provider is not defined