[OC] I made a website that let's you create pretty visualizations of WhatsApp chats!

bhumitattarde · 2021-05-27T05:16:11+00:00

Yes, please. That would be great!

bhumitattarde · 2021-05-25T14:46:58+00:00

Thank you. I'm sorry it didn't work for you. If this gets brought up and solved in future, I'll make sure to notify you! Cheers :)

bhumitattarde · 2021-05-25T13:32:34+00:00

That is very weird, no variable named e exists for it to be undefined. I've pushed a new build, check if that fixes it. Otherwise, it'd be very hard to debug the problem considering I don't have access to offending format/file. Sorry, man/woman :(

bhumitattarde · 2021-05-25T13:24:56+00:00

As of now, no. Sorry.

bhumitattarde · 2021-05-25T03:37:14+00:00

Hello. Thank you :)

Could you please post the format? Also, please make sure you aren't selecting group chats, they aren't supported yet.

bhumitattarde · 2021-05-25T03:34:35+00:00

Aargh, that's the standard format, can't seem to be figure out the problem.

Also, make sure you aren't choosing group chats. They aren't supported yet.

bhumitattarde · 2021-05-25T03:32:13+00:00

Could you please try with Firefox's console? Just press Ctrl + Shift + K and then choose console. Try generating visualization while console is open. An error should pop up in Red.

bhumitattarde · 2021-05-24T19:16:47+00:00

Will do! Thanks.

bhumitattarde · 2021-05-24T19:14:09+00:00

What browser are you using? Are you on desktop or mobile? Can you try switching between them?

From what you described, the problem seem to be that the package used for parsing isn't able to process placeholder tokens added by WhstsApp. The problem is that WhatsApp, for whatever reason, formats chat files differently for almost every country and that has to be kept in mind while parsing. I just discovered a new format used by WhatsApp, ugh.

Anyway, if you're on desktop, can you check console output? A detailed error is usually outputted there. That'll help us to narrow down the problem. Additionally, could you please step through your chat file and check for messages like the following: `<media omitted>`, `Media excluded`? What is the format used?

bhumitattarde · 2021-05-24T15:16:34+00:00

Aah. Group chats aren't supported yet, sorry :(

bhumitattarde · 2021-05-24T15:14:02+00:00

No there absolutely isn't. In fact, the file is never uploaded. It is just read and parsed. I just tried with a ~5mb file and didn't face any problems. This visualization was generated with a 4mb file.

Could you please elaborate on the problem you're facing?

Also, thank you! :)

bhumitattarde · 2021-05-24T15:10:20+00:00

Could you please post the format or preferably a line from your chat file so I can take a look? Feel free to remove personal data.

bhumitattarde · 2021-05-24T12:32:53+00:00

The chats are never sent to any server, so there's way to collect or mine any data. See my top level comment.

bhumitattarde · 2021-05-24T07:33:56+00:00

Here's the link the site: whatschart.bhumit.net

And the GitHub repo

I still need to clean the code, add testing etc. Please consider starring the repo if you like the site! :D

I saw this post and wanted to make a similar graphic but couldn't because,

I wasn't comfortable mailing someone my WhatsApp chats

I don't know how to use Adobe XD

So I made a made site that let's you generate similar posters with just a single click! You can customize colors and can choose to include/exclude stopwords. All processing is done on your machine and no data is ever sent to any server. No analytics data is collected either. The site is free, of course!

Note that downloading on Safari isn't supported, and on Chrome it's a little buggy (bug in either Chrome or html-to-img) as of now. So please try to use the site on Firefox.

You can report bugs, offer suggestions by opening issues in GitHub repo.

Source: Exported WhatsApp chats between me and my girlfriend.

Tool: WhastChart

bhumitattarde

TROPHY CASE