Make an embed

[beamalsky]

We've had a bunch of requests from local publications for making these graphics easily embeddable on websites. My current thought on the best way to get that up quickly:

1. With each tweet, also publish images and sentence to 3 stable endpoints: <our heroku url>/latest-vax.png, <our heroku url>/latest-deaths.png, and <our heroku url>/latest-sentence.png
2. Use Observable to combine the 3 in a nice layout and make them responsive

We could also do SVGs for 1 if Observable handles those nicely!

[beamalsky]

TIL more about Heroku file storage (this was helpful) and realized we'd need an external file storage system. I set up a simple Google Cloud bucket with the following 3 endpoints:

• https://storage.googleapis.com/chivaxbot/deaths-latest.png
• https://storage.googleapis.com/chivaxbot/vax-latest.png
• https://storage.googleapis.com/chivaxbot/sentence-latest.json (I took the "Who is..." text out from this, but it'd be quick to add it back)

These are ready for dropping in Observable, @crunes!

[beamalsky]

Also! Once this embed is working we should be able to get Jason to test it on the SSW site. Here's the image he sent me of where he'd like to put it as a section on the homepage:

The map in the screenshot above is for the ChiVaxBot image, and for the right column I'm getting him a new embed from https://covid19neighborhoods.southsideweekly.com/

I think we can also add some text at the bottom of this vaccine embed crediting the two of us and linking to https://southsideweekly.com/chivaxbot/

[crunes]

Just updating this issue: we have a working embed, but I don't want to close it just yet because we might want to update it with Spanish translation in the future.