I’m trying to build a generic weighted tag cloud as in the final example at the bottom of https://24ways.org/2006/marking-up-a-tag-cloud So far I have this CSS: .tag-cloud li{display:inline} .tag-cloud li span{position: absolute; left: -9999px; width: 90px} .tag-cloud li.rare{font-size:1.0em} .tag…

I’m thinking this may just be easier to do with jquery which is probably fine since it’s only really meaningful for visual browsers.

I know this is an old topic, but I ended up here myself by searching. I see that waddles is trying to avoid inline styles, but if you don’t mind that, you might find this useful. At least it works for me: {{ if not (eq (len $.Site.Taxonomies.tags) 0) }} {{ $fontUnit := "rem" }} {{ $largestF…

Cool. Other solutions I’ve seen are JS based.

Slightly safer version of @henriksommerfeld ’s solution: /partials/term_cloud.html {{- if gt (len .Data.Terms) 0 -}} {{- $maxSize := 2.0 -}} {{- $minSize := 1.0 -}} {{- $sizeSpread := ( sub $maxSize $minSize ) -}} {{- $maxCount := (index .Data.Terms.ByCount 0).Count -}} {{- $minCount := (…

Thanks for improving my version. I just tried my code on my own content and I’m a newbie at Hugo. Would you mind explaining what the “corner cases that can cause Hugo to crash” are? I see the possible division by 0 when all posts have the same number of tags. Anything else? For me your code crashe…

[image] henriksommerfeld: For me your code crashes at line 1 with <len .Data.Terms>: error calling len: len of untyped nil. In which template did you put your code? Not all the templates has access to .Data.Terms. This partial was supposed to be used on layouts/_default/terms.html. So, the si…

I see now that you wrote _"This partial is written to be used on layouts/defaults/terms.html template" when you posted the code as well. I wrote mine to be a partial I can include on any page. I haven’t seen a tag cloud as a separate page before, but I guess that is a use case as well. Thanks for t…

Similar to Artem Sidorenko’s solution, here’s mine that uses logarithmic distribution: Jaza/worldtrip/blob/master/layouts/partials/weightedtags.html {{- /* Gets an array with weighted tags. Based on tagadelic_build_weighted_tags() in tagadelic Drupal 4.7 module: https://www.drupal.org/proje…

Weighted tag cloud

support

bep July 24, 2017, 8:29pm 10

https://www.sidorenko.io/post/2017/07/nice-tagcloud-with-hugo/

Topic		Replies	Views
Tag Cloud for Hugo tips & tricks	3	982	February 21, 2023
Tag Cloud tips & tricks	5	7995	February 11, 2020
Truncating 'Popular Topics' in the Academic theme support	6	771	February 28, 2020
Portable Partial: Taxonomy Cloud tips & tricks	0	836	February 18, 2018
Tag cloud: names and keys support	2	2217	October 22, 2016

Weighted tag cloud

Related topics