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.

先在 issue 中描述的指令碼或 notebook 環境中製作原型，接著閱讀 src/Plotly.NET/ChartAPI/Chart2D.fs 中頂層的 Chart API 和 Range chart 範例。探索使用隱藏 marker 的散佈圖，並將前處理放在視覺化之外。完成的標準是 Chart API 能夠根據字串集合中的出現次數資料建立標籤雲。