word-cloud — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited word-cloud (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Tag cloud visualization using D3-Cloud layout. Word size is proportional to data value. Supports rotation, custom font sizing, color schemes, and tooltips.
import { WordCloud, WordCloudLabel } from 'reaviz';| Prop | Type | Default | Description |
|---|---|---|---|
data | ChartShallowDataShape[] | [] | Chart data |
width | number | auto | Width in pixels |
height | number | auto | Height in pixels |
fontSizeRange | [number, number] | [12, 50] | Min/max font size range |
fontFamily | string | 'Arial' | Font family |
padding | number | 3 | Padding between words |
rotationAngles | [number, number] | [-30, 30] | Min/max rotation angle range |
rotations | number | 2 | Number of rotation steps |
colorScheme | string[] | schemes.cybertron | Array of color strings |
margins | Margins | — | Chart margins |
className | string | — | SVG CSS class |
containerClassName | string | — | Container div CSS class |
onLabelClick | (event, data) => void | — | Word click handler |
onLabelMouseEnter | (event, data) => void | — | Word mouse enter handler |
onLabelMouseLeave | (event, data) => void | — | Word mouse leave handler |
| Prop | Type | Default | Description | |
|---|---|---|---|---|
tooltip | `ReactElement<ChartTooltipProps> \ | null` | <ChartTooltip /> | Tooltip component |
className | string | — | CSS class | |
onClick | (event, data) => void | — | Click handler | |
onMouseEnter | (event, data) => void | — | Mouse enter handler | |
onMouseLeave | (event, data) => void | — | Mouse leave handler |
const data = [
{ key: 'React', data: 100 },
{ key: 'JavaScript', data: 85 },
{ key: 'TypeScript', data: 75 },
{ key: 'Node.js', data: 60 },
{ key: 'CSS', data: 50 },
{ key: 'HTML', data: 45 },
{ key: 'Python', data: 40 },
];
<WordCloud
width={600}
height={400}
data={data}
/><WordCloud
width={600}
height={400}
data={data}
fontSizeRange={[20, 80]}
/><WordCloud
width={600}
height={400}
data={data}
rotations={0}
/><WordCloud
width={600}
height={400}
data={data}
colorScheme={['white']}
/><WordCloud
width={600}
height={400}
data={data}
colorScheme={['#FF5722', '#2196F3', '#4CAF50', '#FFC107']}
/><WordCloud
width={600}
height={400}
data={data}
onLabelClick={(event, d) => console.log(d.key)}
/>fontSizeRange[0] to fontSizeRange[1] based on data valuerotations controls how many discrete rotation angles are used within the rotationAngles range; set to 0 for horizontal-only~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.