Word Cloud

En ordsky-komponent bygget oven på [d3-cloud] (https://github.com/jasondavies/d3-cloud).

Indstillinger

• data | array: enten et array af tekster, hvorfra ordskyen skal genereres, eller, hvis precalculated er sat til true, et array af ordtællingsobjekter (med nøgler text og value). Default: [].
• font | (string|function): accessor-funktion, der angiver skrifttypen for hvert ord. Accepterer også en konstant i stedet for en funktion. Default: 'serif'.
• fontSizeMapper | function: accessorfunktion, der angiver skriftstørrelsen for hvert ord. Standardværdien er ( count - min + 1 ) / ( max - min + 6 ) * 30.0 + 14.0, hvor min og max angiver henholdsvis det mindste og det største antal ord. Default: none.
• height | number: højden af ordskyen (i px). Default: 600.
• language | string: sprogidentifikator (bestemmer de stopord, der skal fjernes). Default: 'en'.
• minCount | number: hvis indstillet, medtages kun ord, der forekommer mere end minCount gange i de givne data. Default: none.
• saveButton | boolean: styrer, om der skal vises en knap til at gemme ordskyen som et billede. Default: true.
• onClick | function: callback-funktion, der påkaldes, når der klikkes på et ord i ordskyen. Default: onClick() {}.
• padding | (function|number): accessorfunktion eller konstant, der angiver den numeriske polstring for hvert ord. Default: 5.
• precalculated | boolean: styrer, om ordskyen forventer et array af forudberegnede ordtællinger eller om den skal generere dem for givne tekster. Default: false.
• rotate | (function|number): accessorfunktion, der angiver rotationsvinklen (i grader) for hvert ord. Accepterer også en konstant i stedet for en funktion. Default: word => word.value % 360.
• updateThreshold | number: batchstørrelse af nye dokumenter i data, før ordskyen gengives. Default: 5.
• stopwords | array: yderligere stopord, der skal fjernes, før ordskyen gengives. Default: [].
• triggerRender | boolean: genberegning, når datasættet udveksles. Default: true.
• style | object: CSS inline-stilarter. Default: {}.
• width | number: bredden af ordskyen (i px). Default: 700.

Eksempler

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

Resultat

ReferenceError: Provider is not defined