Tag cloud

Description

A tag cloud is a visual representation for text data, typically used to depict keyword metadata (tags) on websites, to visualize free form text or to analyses speeches( e.g. election’s campaign). Tags are usually single words, and the importance of each tag is shown with font size or color. This format is useful for quickly perceiving the most prominent terms and for locating a term alphabetically to determine its relative prominence [1].

Depending on the level of sophistication, calculating positioning in a given space can become quite complex [2, 3]. If you need external dependencies, make sure to move this issue to the FsLab repository

Example

References

• [1] https://datavizproject.com/data-type/tag-cloud/
• [2] https://en.wikipedia.org/wiki/Tag_cloud#Collocate_clouds
• [3] https://i11www.iti.kit.edu/extra/publications/bfklnopsuw-swcrh-14.pdf

Pointers

• Ideally, you start prototyping in a scripting or notebook environment where you can iterate fast. installation instructions can be found here: https://plotly.net/#Installation
• Charts like this that are using baseline trace types to create a new chart type should only be implemented in the top-level Chart API. An example where this is already done is the Range chart that combines a set of differently styled line charts.
• Ideally prevent text processing and just focus the plot on creating the tag cloud based on occurrence in a collection of strings. Preprocessing should be done in the pipeline before applying the visualization technique.

Start by prototyping in the scripting or notebook environment described in the issue, then read the top-level Chart API and the Range chart example in src/Plotly.NET/ChartAPI/Chart2D.fs. Explore using a scatterplot with hidden markers, keeping preprocessing outside the visualization. Done means the Chart API can create a tag cloud from occurrence data in a collection of strings.