Pre loader

JavaScript Text / Word Cloud Chart

JavaScript Chart - Examples

SciChart.js ships with over 80 JavaScript Chart demos which you can browse, view the source code and see related documentation. Build incredible complex dashboards with SciChart.js, our High Performance JavaScript Chart Library.

Getting Started

This example shows how to make a text cloud (word cloud) using our WebGL accelerated JavaScript Charts.

The FastTextRenderableSeries, new to SciChart.js v3, allows rendering of text-labels at x,y positions. Each text label is drawing using WebGL allowing thousands of labels on the chart without slowdown. This is the same method used by the new DataLabels Api.

Use this chart-type in combination with other series types to place labels at strategic points on the chart.

The dataset is an AI analysis of 2100 tweets, extracting the organisations mentioned and the sentiment of the tweet. For each of the top 200 mentioned organisations, we plot the number of tweets they are mentioned in against the average sentiment of those tweets. Values around 0.5 have been spread vertically very slightly so you can see the individual labels if you zoom in.

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New