A tag cloud, also known as a word cloud, wordle, or weighted list.

[{"selector":"#anim-8c260f20-f798-4f62-9677-12d4aaff9f61","keyframes":{"transform":["translate3d(117.64706%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dd4fb55f-6b85-4cd0-a8bc-a6283f7d9e33","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d9d014b8-58af-46f8-b6bb-ace930ead3f1","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

[{"selector":"#anim-ac37e09a-caca-4ba1-b619-e3c9b80f7f67","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-41e164f5-1a10-4dbe-bdc0-eeb420bed54f","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] There are many online tools you can use to create a tag cloud in seconds.

Type in the text data you want to use to create your tag cloud,

[{"selector":"#anim-5993552d-8b32-4a70-b975-e5afa48794f8","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}]

Which is often used to depict keyword metadata on websites.

[{"selector":"#anim-0433edc6-0180-4e8b-b87b-dca6e385a239","keyframes":{"transform":["translate3d(-122.89562%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-84c4081a-3bc7-4d03-b0d2-e1d650110972","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}]

The importance of each tag is shown with font size or color.

[{"selector":"#anim-a9c84e78-acea-400a-ad23-2fd9389f31b1","keyframes":{"transform":["translate3d(115.50632%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-72a157d1-a255-4be1-9dd0-3fce8b9fff5d","keyframes":{"transform":["rotateZ(180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}]

When used as website navigation aids, the words are hyperlinked to the items attached to the tag.

[{"selector":"#anim-e8be2628-846e-4325-a999-8fa4ef20240b","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-0ca86243-9f60-4aab-ada7-65337c7d7ee4","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

In visual design parlance, a tag cloud (or word cloud) is a type of "weighted list",

[{"selector":"#anim-8ed46a0c-fec4-441a-8eab-6eb4d318fa18","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-3154850c-e11f-48b5-9472-aa9ce15b6c69","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

[{"selector":"#anim-53ee32f8-73e6-4467-99d0-f69f5e3b981d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-682deb85-e8fc-41ee-87a6-bc1e1274e0b7","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] The first tag on a high-profile website was on the cloud photo sharing site Flickr,

[{"selector":"#anim-8fc4ea54-3999-4793-ba2f-cd08e69593dd","keyframes":{"transform":["translate3d(-114.92064%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-592a6b45-a79f-4a2d-afd9-efc5b2a7ec3d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d116f564-f744-4db7-bdfa-04d9d1faa48b","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Which was created in 2004 by Stewart Butterfield, co-founder and interaction designer of Flickr.