词云生成器

基于 d3-cloud 算法生成精美词云，支持自定义字体、旋转角度、配色方案和形状约束。

文本输入

输入模式

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

最大词数

100

最低词频

配色方案

背景颜色

字体设置

字体

字体粗细

最小字号

最大字号

布局设置

画布尺寸

画布边距

30px

旋转角度

词间距

2px

螺旋布局

词云形状

预览

输入文本后点击右上角「生成词云」

使用说明

功能说明

基于 d3-cloud 算法，自动统计词频并生成词云
支持中英文混合文本，中文使用双字组合分词
17 种预设配色方案 + 自定义配色，点击色块可修改颜色
6 种词云形状约束：圆形、菱形、心形、星形、三角形
支持多种旋转模式和螺旋布局方式
导出支持 PNG、JPG、WebP、SVG 四种格式，可选 1x/2x/3x 倍率

使用技巧

调整「最大词数」和「最低词频」控制词云密度
选择「自定义」配色后，点击 + 逐个添加颜色
悬停色块出现删除按钮，可移除不需要的颜色
「水平 + 垂直」旋转模式适合中英文混合文本
增大「词间距」可让词云更疏朗，减小则更紧凑
修改任何参数后词云会自动重新生成