Word Cloud

Een woordwolkcomponent die bovenop d3-cloud is gebouwd.

Opties

• data | array: ofwel een reeks teksten waaruit de woordwolk wordt gegenereerd, ofwel, indien voorgecalculeerd is ingesteld op waar, en een reeks objecten voor het tellen van woorden (met tekst en waarde toetsen). Default: [].
• font | (string|function): Accessor-functie die het lettertype voor elk woord specificeert. Accepteert ook een constante in plaats van een functie. Default: 'serif'.
• fontSizeMapper | function: accessor functie die de lettergrootte voor elk woord aangeeft. Standaard is dit ( count - min + 1 ) / ( max - min + 6 ) * 30.0 + 14.0, waarbij min en max respectievelijk het minimum en maximum woordaantal aangeven.. Default: none.
• height | number: hoogte van de woordwolk (in px). Default: 600.
• language | string: taalidentificatie (bepaalt de te verwijderen stopwoorden). Default: 'en'.
• minCount | number: indien ingesteld, alleen woorden opnemen die meer dan minCount maal in de gegeven gegevens voorkomen. Default: none.
• saveButton | boolean: bepaalt of een knop voor het opslaan van de woordwolk als afbeelding moet worden weergegeven. Default: true.
• onClick | function: terugbelfunctie aangeroepen wanneer een woord op de woordwolk wordt geklikt. Default: onClick() {}.
• padding | (function|number): Accessor-functie of constante aanduiding van de numerieke vulling voor elk woord. Default: 5.
• precalculated | boolean: bepaalt of de woordwolk een reeks vooraf berekende woordentellingen verwacht of deze voor bepaalde teksten zal genereren. Default: false.
• rotate | (function|number): Accessor-functie die de rotatiehoek (in graden) voor elk woord aangeeft. Accepteert ook een constante in plaats van een functie. Default: word => word.value % 360.
• updateThreshold | number: batchgrootte van nieuwe documenten in data voordat het woord 'cloud' opnieuw wordt gereproduceerd. Default: 5.
• stopwords | array: extra stopwoorden te verwijderen voordat het woord "cloud" wordt weergegeven. Default: [].
• triggerRender | boolean: rerender wanneer de dataset wordt uitgewisseld. Default: true.
• style | object: CSS inline-stijlen. Default: {}.
• width | number: breedte van de woordwolk (in px). Default: 700.

Voorbeelden

• Minimal
• With Style
• With Stopwords

Live redacteur

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

Resultaat

ReferenceError: Provider is not defined