data, data journalism, data visualization, HTML, instagram, Interactivity, Javascript, maps, social media

[MUSIC MAP] My summer through Instagram pictures and Spotify songs

I have been experimenting with Instagram, again. This time, I have established a relationship between a picture of the day and a song recently discovered on Spotify through the Discover Weekly feature. The below post would be an example:

Picture + Name/lyrics of the song  + 🎶  + hashtags

 

After gathering the data, I mapped these posts using the Mapbox JS library and I made each song playable on the same window. This is the result:

output_5AfmIU

Below I explain the process of collecting and mapping the data: 

Continue reading

Standard
CSS, data, data journalism, data visualization, HTML, Javascript, maps

How to: build and customise interactive maps on Mapbox

Mapbox is an open source platform that allows users to create, customise and embed maps on websites and visualisations. Their developing tools such as APIs and libraries offer a great interactivity for experienced and beginners developers.

output_8iEyPG

Here I explain how to build and share the above map in 6 steps:

Continue reading

Standard
data, data journalism, data visualization, HTML, Interactivity, maps

How to: create maps with interactive tables from Google spreadsheets

I just discovered Awesome Table, a tool that allows users to visualise Google sheets into maps, tables, graphics, cards, etc. without coding skills.

This gadget contains multiple extensions that make interactivity easy. Geocode, for instance, is an add-on that geolocalises data from the spreadsheet and creates a map with interactive tables.

Here I explain how to do it in 6 steps:

Continue reading

Standard
audience, data, data journalism, infographic, instagram, journalism, media, social networks

126 graphics that explain 7 months of my life

After seven months, I will stop publishing My #brummie daily graphic on Instagram. The challenge, explained in this previous post, was to come up with a picture, a graphic or both to visually summarise my days while studying Online Journalism at Birmingham City University.

I posted 126 pictures from October until May. Throughout these months, my Instagram account had a post almost every day. However, this regularity started to disappear due to the lack of interactivity and publishing when combining photos and charts.

I have been storing these posts in a spreadsheet with the Instagram URL and the description. After that, I have been assigning a general topic to each publication.

Continue reading

Standard
audience, data, data journalism, journalism, media

AUDIO: “The best data journalism combines traditional reporting with data work” says Simon Rogers

Last month I had the opportunity to hear professionals around the world talking about data and investigative journalism at the NODA and Tutki!2016 conference in Helsinki.

Following some workshops, I found out how to put data in context to design visualisations with Jan Willem Tulp, find data on the internet -for instance through Facebook- with Henk van Ess, or to make the most of Fusion Tables with Peter Sjoholm

After some lectures, I learned that we need data free from local authorities with Nicolas Kayser-Bril, how automation can help hyperlocal newspapers with Jens Finnäs, or to seek information outside traditional sources with Simon Rogers.

Continue reading

Standard