How to implement a tag cloud / menu as in the example?

Question

css

Good afternoon. How to implement a tag cloud / menu as in the example?
Using html + css
Or if it is possible to implement in DLE using some means?

Answer 1

Select a list of tags and their number from the database

select tag, count(*) as cnt from article_has_tag
group by tag
order by cnt desc
limit 30

Using data on the number of tags, assign them a weight in some range, for example 100-150.
And display in html <a href="/tag/ $tagname " style="font-size: $weight %"> $tagname </a>
Or you can use some ready-made js library mistic100.github.io/jQCloud
(a lot of analogues are googled according to the words tag cloud js or css)

Answer 2

https://yandex.ru/search/?text=js%20cloud%20tags...