Groups are displayed in tabs. Under each group you find a tag cloud of tags that belong to this group. We are using the default theme and a custom tooltip (hover the mouse over a tag).
apple cider vinegar baking powder beef bread crumbs cacao powder cheese chicken cilantro coconut oil cornstarch cumin curry powder egg fish fish sauce flour garlic ginger honey lemon lime noodles oil onion oregano pea pepper pepperoni pork rice rice vinegar rice wine sesame oil 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. Panels open on "mouseover" (hovering the pointer over the panel) and all panels can collapse. Links open in a new tab. Between tags we use a separator.
Meal Type
Ingredients
flour | egg | garlic | oil | pepper | cheese | onion | tomato | pork | fish | noodles | sugar | fish sauce | rice vinegar | baking powder | wine | cilantro | pea | cumin | curry powder | sherry | lime | soy sauce | apple cider vinegar | Teriyaki sauce | cornstarch | rice wine | oregano | lemon | pepperoni | honey | chicken | coconut oil | vanilla | cacao powder | bread crumbs | rice | beef | sesame oil | ginger | sucanat
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} → 2 | {baking powder} → 2 | {beef} → 1 | {boiling} → 3 | {bread crumbs} → 1 | {breakfast and brunch} → 1
{cacao powder} → 1 | {cheese} → 2 | {chicken} → 1 | {cilantro} → 1 | {coconut oil} → 1 | {cold meal} → 2 | {cornstarch} → 1 | {cumin} → 1 | {curry powder} → 1 | {Czech Republic} → 1
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.
1
3
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
R
S
T
U
V
W
Need more features?
Share