Deckgl/JS/React Map Rendering of Instagram Posts

#1

I chose to use a map based visualization using Kirsten Alana’s instagram data. I also added a bar to show post likes in reference to overall min/max likes. Used Sketch for prototyping the design, and DeckGL/JS/React. Also, added CSS for mobile friendly viewing. :slight_smile:

http://tiffanyfrance.com/panoply/

SQL query:
SELECT kirstenalanainstagram_instagram_media.id, likes_count, latitude, longitude, name, link, url, kirstenalanainstagram_instagram_media.created_time, text
FROM kirstenalanainstagram_instagram_media
JOIN kirstenalanainstagram_instagram_media_location
ON kirstenalanainstagram_instagram_media.id = kirstenalanainstagram_instagram_media_location.instagram_media_id
JOIN ka_instagram_media_images_standard_resolution
ON kirstenalanainstagram_instagram_media.id = ka_instagram_media_images_standard_resolution.id
JOIN ka_instagram_media_caption
ON kirstenalanainstagram_instagram_media.id = ka_instagram_media_caption.id

2 Likes
#2

nice map :slight_smile: silky smooth animation too!

2 Likes
#3

Great Visualization! I tried to use the posting page but it stopped me from Instagram when I use it on Tableau Public

1 Like