Word Cloud

Une composante du nuage de mots construite sur le [d3-cloud] (https://github.com/jasondavies/d3-cloud).

Options

• data | array: soit un tableau de textes à partir duquel on peut générer le nuage de mots ou, si "calculé" est défini à "vrai", et un tableau d'objets de comptage de mots (avec les clés "text" et "value"). Default: [].
• font | (string|function): fonction d'accès spécifiant la police de caractères pour chaque mot. Accepte également une constante au lieu d'une fonction. Default: 'serif'.
• fontSizeMapper | function: fonction accesseur indiquant la taille de la police pour chaque mot. La valeur par défaut est ( count - min + 1 ) / ( max - min + 6 ) * 30.0 + 14.0, où min et max désignent les counts de mots minimum et maximum, respectivement.. Default: none.
• height | number: hauteur du nuage de mots (en px). Default: 600.
• language | string: identifiant de la langue (détermine les mots vides à supprimer). Default: 'en'.
• minCount | number: s'il est défini, n'inclure que les mots qui apparaissent plus de "minCount" fois dans les données données. Default: none.
• saveButton | boolean: contrôle l'affichage ou non d'un bouton permettant de sauvegarder le nuage de mots sous forme d'image. Default: true.
• onClick | function: fonction de rappel invoquée lorsqu'un mot du nuage de mots est cliqué. Default: onClick() {}.
• padding | (function|number): fonction d'accès ou constante indiquant le remplissage numérique pour chaque mot. Default: 5.
• precalculated | boolean: contrôle si le nuage de mots attend un ensemble de mots précalculés ou s'il les générera pour des textes donnés. Default: false.
• rotate | (function|number): fonction d'accès indiquant l'angle de rotation (en degrés) pour chaque mot. Accepte également une constante au lieu d'une fonction. Default: word => word.value % 360.
• updateThreshold | number: taille des lots de nouveaux documents dans "data" avant que le nuage de mots ne soit rendu. Default: 5.
• stopwords | array: mots-clés supplémentaires à supprimer avant de rendre le nuage de mots. Default: [].
• triggerRender | boolean: la restitution lors de l'échange de l'ensemble de données. Default: true.
• style | object: Styles CSS en ligne. Default: {}.
• width | number: largeur du nuage de mots (en px). Default: 700.

Exemples

• Minimal
• With Style
• With Stopwords

Éditeur en direct

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

Résultat

ReferenceError: Provider is not defined