Groups are displayed in tabs. Under each group you find a tag cloud of tags that belong to this group. We use a custom tooltip (hover the mouse over a tag), prepend a "#", open links in new tabs and add "track=example" to every link. Tags are sorted in a custom order.
#sour cream #potato #cabbage #toast #garlic #apple cider vinegar #baking powder #beef #bread crumbs #cacao powder #cheese #chicken #cilantro #coconut oil #cornstarch #cumin #duck #egg #fish #fish sauce #flour #ginger #honey #jam #lemon #lentils #lime #mushrooms #noodles #oil #onion #oregano #pea #pepper #pepperoni #pork #rice #rice vinegar #sesame oil #rice wine #sherry #soy sauce #sucanat #sugar #Teriyaki sauce #tomato #vanilla #wine
Groups are stacked vertically. In this demo we use only a selection of four groups and tags are sorted by post count. In this demo, panels open on "mouseover" (hovering the pointer over the panel) and links open in a new tab. Between tags we use a separator.
Meal Type
Ingredients
garlic | onion | oil | flour | egg | rice vinegar | fish sauce | chicken | cheese | tomato | pepper | sherry | pea | vanilla | Teriyaki sauce | cumin | soy sauce | apple cider vinegar | ginger | sucanat | lime | baking powder | pepperoni | honey | lemon | cilantro | rice wine | cornstarch | coconut oil | oregano | wine | jam | mushrooms | rice | beef | sesame oil | duck | lentils | toast | noodles | pork | sugar | fish | bread crumbs | sour cream | potato | cabbage | cacao powder
Preparation Time
Origin
Tags are sorted under groups in a list. In this demo we append the post count and set the same font size for all tags.
ย
This tag cloud sorts your tags by their first letters under tabs. In this demo we exclude the letters "m", "n" and "o" and the numbers 0-9, use the separator "|", prepend "{" and append "} โย {count}". The font sizes range from 16px to 32px.
ย
{baking} → 6 | {baking powder} → 1 | {beef} → 1 | {boiling} → 6 | {bread crumbs} → 1 | {breakfast and brunch} → 2
{cabbage} → 1 | {cacao powder} → 1 | {cheese} → 3 | {chicken} → 2 | {cilantro} → 1 | {coconut oil} → 1 | {cornstarch} → 1 | {cumin} → 1 | {Czech Republic} → 3 | {cold meal} → 2
Tags are sorted by their first letters in a list. In this demo we prepend a Unicode character and set four columns. An additional setting prevents to break a set of tags across columns.
ย