Word Cloud Generator

Generate beautiful word clouds with the d3-cloud algorithm, supporting custom fonts, rotation angles, color palettes, and shape constraints.

Text Input

Input Mode

JavaScript TypeScript React Vue Angular Svelte Node Deno Bun Webpack Vite Rollup esbuild SWC
CSS Tailwind Sass Less PostCSS HTML Canvas WebGL WebGPU SVG WASM Rust Go Python
Next Nuxt SvelteKit Astro Remix Solid Qwik Redux Pinia Vuex MobX Zustand
GraphQL REST API RPC WebSocket SSE HTTP3 PWA Service Worker Web Worker
Jest Vitest Cypress Playwright Testing Storybook ESLint Prettier TypeScript
Docker Kubernetes Nginx Vercel Netlify Cloudflare AWS Firebase Supabase
Figma Design System Component Architecture Microservices Serverless Edge
Performance Accessibility SEO Responsive Animation Three D3 Chart
Observable Reactive Functional Immutable Declarative Composable
Git GitHub CI CD DevOps Monitoring Debugging Profiling Bundle Tree Shaking
Code Splitting Lazy Loading Hydration SSR SSG ISR CSR SPA MPA JAMstack
Progressive Enhancement Graceful Degradation Semantic Markup ARIA
Shadow DOM Custom Element Template Slot Web Component
Proxy Reflect Symbol Iterator Generator Async Await Promise
Monorepo Workspace Turborepo Nx Lerna pnpm yarn npm bun

Max Words

100

Min Frequency

Color Palette

Background Color

Font Settings

Font

Font Weight

Min Font Size

Max Font Size

Layout Settings

Canvas Size

Canvas Margin

30px

Rotation Angle

Word Spacing

2px

Spiral Layout

Cloud Shape

Preview

Enter text and click "Generate Word Cloud" in the top right

Usage Instructions

Features

Powered by d3-cloud algorithm, auto-counts word frequency and generates word clouds
Supports mixed Chinese-English text; Chinese uses bigram tokenization
17 preset color palettes + custom colors; click color blocks to modify
6 word cloud shape constraints: circle, diamond, heart, star, triangle
Supports multiple rotation modes and spiral layout options
Export supports PNG, JPG, WebP, SVG formats with optional 1x/2x/3x scale

Tips

Adjust "Max Words" and "Min Frequency" to control cloud density
After selecting "Custom" palette, click + to add colors one by one
Hover over a color block to reveal the delete button and remove unwanted colors
"Horizontal + Vertical" rotation mode works well for mixed Chinese-English text
Increase "Word Spacing" for a looser cloud; decrease for a tighter one
The word cloud regenerates automatically after changing any parameter