Gå til hovedindhold

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

Live Editor
Resultat
ReferenceError: Provider is not defined