A word cloud displays text data where word size represents frequency or importance. Words are arranged to fill available space, creating a visual summary of text content that highlights prominent terms and patterns. This visualization is ideal for quickly identifying the most common themes or keywords in a body of text.
""" anyplot.ai
wordcloud-basic: Basic Word Cloud
Library: bokeh 3.9.0 | Python 3.13.13
Quality: 91/100 | Updated: 2026-05-06
"""
import os
import time
from pathlib import Path
import numpy as np
from bokeh.io import output_file, save
from bokeh.models import ColumnDataSource, HoverTool, LabelSet
from bokeh.palettes import Viridis256
from bokeh.plotting import figure
from selenium import webdriver
from selenium.webdriver.chrome.options import Options
THEME = os.getenv("ANYPLOT_THEME", "light")
PAGE_BG = "#FAF8F1" if THEME == "light" else "#1A1A17"
ELEVATED_BG = "#FFFDF6" if THEME == "light" else "#242420"
INK = "#1A1A17" if THEME == "light" else "#F0EFE8"
INK_SOFT = "#4A4A44" if THEME == "light" else "#B8B7B0"
# Data: Technology terms with frequencies
np.random.seed(42)
words_data = [
("Python", 100),
("Data", 95),
("Machine", 92),
("Learning", 88),
("Analytics", 85),
("Visualization", 82),
("Statistics", 78),
("Algorithm", 75),
("Model", 72),
("Neural", 70),
("Network", 68),
("Cloud", 65),
("API", 62),
("Framework", 60),
("Library", 58),
("Code", 55),
("Science", 52),
("Analysis", 50),
("Deep", 48),
("Tensor", 46),
("Deploy", 44),
("Pipeline", 42),
("Training", 40),
("Metrics", 38),
("Dataset", 36),
("Vector", 34),
("Graph", 32),
("Batch", 30),
("Query", 28),
("Cache", 26),
("Index", 24),
("Schema", 22),
("Token", 20),
("Epoch", 18),
("Layer", 16),
("Cluster", 14),
("Stream", 12),
("Config", 10),
]
canvas_width = 4800
canvas_height = 2700
min_freq = min(f for _, f in words_data)
max_freq = max(f for _, f in words_data)
min_size, max_size = 45, 220
rotations = [0, 0, 90, -90]
words = []
x_pos = []
y_pos = []
sizes = []
colors = []
angles = []
frequencies = []
placed_boxes = []
for i, (word, freq) in enumerate(words_data):
size = int(min_size + (freq - min_freq) / (max_freq - min_freq) * (max_size - min_size))
if i < 5:
angle_deg = 0
else:
angle_deg = rotations[i % len(rotations)]
angle_rad = np.radians(angle_deg)
base_width = len(word) * size * 0.58
base_height = size * 1.2
if angle_deg != 0:
word_width = base_height
word_height = base_width
else:
word_width = base_width
word_height = base_height
cx, cy = canvas_width / 2, canvas_height / 2
spiral_angle = 0
radius = 0
padding = 10
found_x, found_y = cx, cy
found_box = (cx - word_width / 2, cy - word_height / 2, word_width, word_height)
for _ in range(25000):
test_x = cx + radius * 2.0 * np.cos(spiral_angle) - word_width / 2
test_y = cy + radius * np.sin(spiral_angle) - word_height / 2
margin_x = 30
margin_y = 50
if (
margin_x < test_x < canvas_width - word_width - margin_x
and margin_y < test_y < canvas_height - word_height - margin_y
):
test_box = (test_x, test_y, word_width, word_height)
overlap = False
for pb in placed_boxes:
px, py, pw, ph = pb
if not (
test_x + word_width + padding < px
or px + pw + padding < test_x
or test_y + word_height + padding < py
or py + ph + padding < test_y
):
overlap = True
break
if not overlap:
found_x = test_x + word_width / 2
found_y = test_y + word_height / 2
found_box = test_box
break
spiral_angle += 0.08
radius += 0.8
placed_boxes.append(found_box)
words.append(word)
x_pos.append(found_x)
y_pos.append(found_y)
sizes.append(size)
angles.append(angle_rad)
frequencies.append(freq)
freq_normalized = (freq - min_freq) / (max_freq - min_freq)
color_idx = min(int(freq_normalized * 255), 255)
colors.append(Viridis256[color_idx])
p = figure(
width=canvas_width,
height=canvas_height,
title="wordcloud-basic · bokeh · anyplot.ai",
x_range=(0, canvas_width),
y_range=(0, canvas_height),
tools="hover",
toolbar_location=None,
)
hit_sizes = [s * 0.8 for s in sizes]
source = ColumnDataSource(
data={
"x": x_pos,
"y": y_pos,
"text": words,
"size": sizes,
"hit_size": hit_sizes,
"color": colors,
"angle": angles,
"frequency": frequencies,
}
)
p.scatter(x="x", y="y", size="hit_size", source=source, fill_alpha=0, line_alpha=0)
hover = p.select_one(HoverTool)
hover.tooltips = [("Word", "@text"), ("Frequency", "@frequency")]
hover.mode = "mouse"
source.data["size"] = [f"{s}pt" for s in sizes]
labels = LabelSet(
x="x",
y="y",
text="text",
text_font_size="size",
text_color="color",
text_align="center",
text_baseline="middle",
text_font_style="bold",
angle="angle",
source=source,
)
p.add_layout(labels)
p.axis.visible = False
p.grid.visible = False
p.outline_line_color = None
p.title.text_font_size = "28pt"
p.title.text_color = INK
p.title.align = "center"
p.background_fill_color = PAGE_BG
p.border_fill_color = PAGE_BG
output_file(f"plot-{THEME}.html")
save(p)
W, H = canvas_width, canvas_height
opts = Options()
for arg in (
"--headless=new",
"--no-sandbox",
"--disable-dev-shm-usage",
"--disable-gpu",
f"--window-size={W},{H}",
"--hide-scrollbars",
):
opts.add_argument(arg)
driver = webdriver.Chrome(options=opts)
driver.set_window_size(W, H)
driver.get(f"file://{Path(f'plot-{THEME}.html').resolve()}")
time.sleep(3)
driver.save_screenshot(f"plot-{THEME}.png")
driver.quit()
Part of Basic Word Cloud on anyplot.ai.