Charcuterie – Visual similarity Unicode explorer (charcuterie.elastiq.ch)
303 points by rickcarlino a day ago
nikisweeting 25 minutes ago
This is so cool, just bookmarked it next to https://emojidb.org/ which is what I've been using in the past for vector-based emoji search.
Koffiepoeder 12 hours ago
I understand trimming input fields is typically a useful default, but in this case this prevents me from searching for a space. So maybe it'd be worthwhile to add a `if (trim(str)=="") return str` exception or something similar?
meodai 12 hours ago
oh right, good catch
meodai 7 hours ago
fixed
mjmasn 7 hours ago
I didn't notice this at first but if you click the pencil icon you can draw a shape to match against instead of searching with text or browsing with the dropdown
siddboots a day ago
Very cool concept and execution, well done.
I don't quite understand what is going on with the "spotlight" UI concept - I can click around on the characters and it highlights an area and it also reloads the landscape local to the character that I clicked on, so I can sort of traverse the similarity landscape this way. But I feel like I might be missing some part of the visual metaphor?
huflungdung 21 hours ago
It’s just a cool visualisation
teaearlgraycold 16 hours ago
Agreed. Nice aesthetic. Terrible design.
siddboots 14 hours ago
Well, that wasn’t my conclusion at all to be clear!
me_again 5 hours ago
Amused by how many X's there are: https://charcuterie.elastiq.ch/#1100B
Did you mean Aegean Check Mark or Old North Arabian letter Teh?
SubiculumCode 4 hours ago
As an aside: I personally have no use for unicode for bash commands, and the potential for sneaky maliciousness worries me. Does anyone know of a way to automatically strip (e.g. with tr) all unicode away when pasting into a terminal?
alentred 10 hours ago
This is excellent. I prefer Unicode characters over images when possible, like arrows for example, but often struggle finding the exact one I need. Here I can sketch ‼ what I need and then narrow down my search. This is just perfect, many thanks. UX is easy and intuitive. Goes to my bookmarks.
Like, who knew this is even a character: ᆚ
0xCE0 5 hours ago
Unicode standard doesn't define any visual shapes for code points (except conceptual examples for some emoji-like symbols), so this is more some specific font's (that is not even mentioned/cannot be changed) glyph similarity visualization than anything to do with Unicode code point "visual exploration".
vprcic 7 hours ago
It would seem it takes in account a bit more than "visual similarity", otherwise I can't find a good reason for "@" and "U+1F582 (BACK OF ENVELOPE)" being that close.
Also, for years (decades?!) I wanted something similar in Word, for when I knew how to describe the symbol in words, but had a hard time manually searching for in the unwieldly UI. I can't believe that "insert symbol" window still doesn't have any kind of search capability.
cammasmith 5 hours ago
I agree. If Word had something like this, it would be so much easier to find the symbol you're looking for.
txzl 13 hours ago
Seems like search doesn't work for Japanese kanji. Search works for https://unicodeplus.com/U+2F8F But doesn't work for https://unicodeplus.com/U+884C
semolino 7 hours ago
Design is delightful, great job.
The radial glyph wave animation is also really cool, but the novelty will wear off and the delay will become grating especially if one is using the app in a utilitarian manner. Consider skipping transitions/animations if the user signals a preference for reduced/removed motion. Alternatively, you could add an on-page toggle for animations.
meodai 7 hours ago
great idea, I think I will do both
meodai 6 hours ago
done!
lastofthemojito 4 hours ago
I get weird behavior if I enter a Korean Hangul symbol like 소, it doesn't show visually similar symbols, it seems to be random stuff.
haritha-j 9 hours ago
Let me sumamrise my response thusly: 𒁞
Cadwhisker 20 hours ago
Very impressive that I can sketch a character in the top-left and get a close match. That's a real highlight showing that there's more going on under the hood than a big look-up table.
_qua 19 hours ago
I'm not dyslexic, but this is what I imagine dyslexic hell is.
Leptonmaniac 9 hours ago
Really good looking! Interesting UI/UX insight: I kinda expect to be able to "go back" by inverting the coordinates. So when I have one glyph in focus and select a new one two to the left and five down, I would love to be able to go back by selecting five up and two right to find the "old" glyph. Not sure how well this can be implemented.
roer 8 hours ago
Lots of fun trying to go to a target symbol. Especially if you intentionally get yourself stuck in the lines first :D
irickt a day ago
"Everything runs in your browser."
That's cool. The sound effects seem like natural thinking sounds. :)
Several models to compare.
tantalor 21 hours ago
Ouch, my back button
SpyCoder77 20 hours ago
Yeah lol
iqfareez 17 hours ago
well you can right click the back button
lastofthemojito 5 hours ago
The design is fun.
I think matching the drawing input to emojis need some work - no matter how I draw a smiley face, I never get any smiley face emoji (or any emoji) as a suggestion.
hootz 5 hours ago
A cool website that can be gamified like Wikipedia! You can do things like racing to find the among us character ඞ :)
est 3 hours ago
Could this be used to make better ASCII animations?
runeblaze 19 hours ago
> visual similarity
> SigLIP 2
Maybe visual-semantic similarity is more appropriate? Nonetheless the design is fantastic
meodai 16 hours ago
True, thanks for the feedback
ghywertelling 8 hours ago
One future project idea suggestion. Can we combine these characters to create new ones just like Gboard allows us to intelligently combine emojis to create new complex emojis.
aeonik 8 hours ago
This is one of those designs that should be implemented on every computer. I'd love to have a little button pop up that helps my identity a symbol.
savolai 9 hours ago
Love it.
Svg backups would be nice when chars render as boxes.
meodai 8 hours ago
should be less boxes now!
amake 10 hours ago
To visually compare characters you need to map them to glyphs; what is the glyphset and how much of Unicode does it actually cover?
meodai an hour ago
The only way that I can think of to respond to that question is this: https://charcuterie.elastiq.ch/data/fonts/fonts.css
wackget 17 hours ago
Cool but maybe consider a different name? If I want to recommend this tool in a few weeks' time there is approximately 0% chance I'm remembering it's called something like "Charcuterie", despite the clever bit of wordplay.
emmelaich 16 hours ago
The title of the page is "Charcuterie — A Visual Unicode Explorer" so a search would bring it up. [edit - tested in a incognito page]
jorisnoo 11 hours ago
I love the name!
romanovtexas 3 hours ago
Amazing concept!
keyle 16 hours ago
I like the animation work and sound, it really gamifies the experience. I question the usefulness though. But it could make a fun game experience if it were to let people match by colour or align emojis related to each other.
meodai 16 hours ago
I use it to find icons I likr
pimlottc 21 hours ago
This is cool but the characters are awful small on my iPhone 14 Pro. Decent bit of wasted space too. Why are the characters in the previous history list (on the “rim” so much bigger than the characters I’m actively exploring?
zeltus 10 hours ago
Bookmarked as an excellent tool. I use it to find alternatives to "forbidden" characters in filenames. For media files, mostly.
tash_2s 19 hours ago
Love this. I hope it works with Japanese kanji too, because sometimes I forget the exact character but remember a similar one.
meodai 16 hours ago
It does
amake 11 hours ago
It only seems to work for some subset of CJK characters. I haven't been able to figure out why some work and some don't.
For instance 叱 and 明 both seem to fail in the same way: U+1F996 T-REX in the upper left corner and the URL fragment fails to update.
evilelectron 21 hours ago
WOW! What a lovely way to explore the character map.
arttaboi 17 hours ago
This is impressive! Thanks for sharing.
joshu 14 hours ago
anyone know how this works? i assume just rasterizing and embedding?
meodai 7 hours ago
exactly
downboots 19 hours ago
adi_kurian 19 hours ago
This is quite remarkable. Great work.
minantom 21 hours ago
Very cool concept and execution.
ssss11 17 hours ago
Sounds delicious!
d--b 15 hours ago
The name sounds really bad in French. Charcuterie is a pig butchering shop, usually associated with messy bloody stuff. The verb “charcuter” also refers to surgery done poorly.
But yeah I guess the pun makes it work in english
meodai 7 hours ago
I’m a native French speaker, and “charcuterie” doesn’t really carry that negative meaning in everyday use. It’s very commonly used to mean cold cuts / prepared meats.
The butcher is un charcutier, and the shop is une boucherie. La charcuterie refers to the food itself, usually cured or prepared meats (pork, cooked, smoked, dried, etc.). So the name works the same way it does in English.
d--b 6 hours ago
I'm French too :-)
I get why people use French words to name products in english, but une charcuterie, it's somewhat gross and messy. It's Gaulois in a sense. To me it clashes a lot with the look of the website which is more like Tron-ish.
You wouldn't see a charcutier in Tron, would you?
meodai an hour ago
globular-toast 11 hours ago
I looked this up as I was sure boucherie is the butchering/bloody bit. I think I'm right, charcuterie means essentially the same thing as it does in English.
I didn't realise it was a French word, though, and thought the char was referring to smoking, even though I know not all charcuterie is smoked. But, in fact, char means flesh (chair) and cuterie means cookery. So it's more like "flesh-cookery" if we wished to translate it.
zeltus 6 hours ago
aksherlee, to les crapauds, a char is a tank.
ares623 19 hours ago
Reminds me of early 2000's web design with Flash websites. Those were good times.
ebruchez 18 hours ago
Oh no they weren't!
mplanchard a day ago
Love the name, very clever
LowLevelKernel 17 hours ago
WOW. JUST WOW ‼
rustystump 19 hours ago
This tastes delicious. The sound is perfectly restrained and animation is intentional. I wish more apps were as playful as this.
fortyseven 21 hours ago
Anyone else think of the film 'Hangar 18'; specifically the alien language they find on the UFO?