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.