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 の例を読みます。マーカーを非表示にした散布図の使用を検討し、前処理は可視化の外で行います。完了の条件は、Chart API が文字列のコレクション内の出現データからタグクラウドを作成できることです。