Johns Hopkins University — Daily Covid Tracker
Johns Hopkins University — Daily Covid Tracker
Overview — We created a video campaign to track the evolution of the COVID-19 pandemic for the Johns Hopkins University, a project created with the support of Bloomberg Philanthropies.
Overview — We created a video campaign to track the evolution of the COVID-19 pandemic for the Johns Hopkins University, a project created with the support of Bloomberg Philanthropies.
Overview — We created a video campaign to track the evolution of the COVID-19 pandemic for the Johns Hopkins University, a project created with the support of Bloomberg Philanthropies.
Johns Hopkins University — Daily Covid Tracker
Johns Hopkins University — Daily Covid Tracker
Toolkit
The purpose of this campaign was to create daily short videos providing an update of the current evolution of the pandemic in the US, as well as a final quick overview of the global situation. We came up with an automated video solution that pulls data from the Johns Hopkins open source data feed on a daily basis. The data is then integrated and displayed in a tailor-made video template, designed to communicate all the data we learned to constantly check, in a trustworthy and neutral tone of voice, that characterises the most reliable source of Covid-19 data.
The purpose of this campaign was to create daily short videos providing an update of the current evolution of the pandemic in the US, as well as a final quick overview of the global situation. We came up with an automated video solution that pulls data from the Johns Hopkins open source data feed on a daily basis. The data is then integrated and displayed in a tailor-made video template, designed to communicate all the data we learned to constantly check, in a trustworthy and neutral tone of voice, that characterises the most reliable source of Covid-19 data.
The purpose of this campaign was to create daily short videos providing an update of the current evolution of the pandemic in the US, as well as a final quick overview of the global situation. We came up with an automated video solution that pulls data from the Johns Hopkins open source data feed on a daily basis. The data is then integrated and displayed in a tailor-made video template, designed to communicate all the data we learned to constantly check, in a trustworthy and neutral tone of voice, that characterises the most reliable source of Covid-19 data.
Check it on — Behance + the official JHU Covid Dashboard
Check it on — Behance + the official JHU Covid Dashboard
Check it on — Behance + the official JHU Covid Dashboard
Different data lead to different visual representations of the trend that the pandemic is taking.
Different data lead to different visual representations of the trend that the pandemic is taking.
Different data lead to different visual representations of the trend that the pandemic is taking.
The color scheme has been one of the first design choices we made when we started working on the project. We focused on two main data points: the New Cases outbreaks and the New Deaths amount. We decided to move past the classic red used by the Johns Hopkins world famous dashboard and its hospital brand colours to use orange to depict Cases and a more dramatic purple for the Deaths.
The color scheme has been one of the first design choices we made when we started working on the project. We focused on two main data points: the New Cases outbreaks and the New Deaths amount. We decided to move past the classic red used by the Johns Hopkins world famous dashboard and its hospital brand colours to use orange to depict Cases and a more dramatic purple for the Deaths.
The color scheme has been one of the first design choices we made when we started working on the project. We focused on two main data points: the New Cases outbreaks and the New Deaths amount. We decided to move past the classic red used by the Johns Hopkins world famous dashboard and its hospital brand colours to use orange to depict Cases and a more dramatic purple for the Deaths.
Then, we decided to connect these two colors with data, muting their shades in order to generate a second layer of information. For example, if the New Cases data was on the rise, the orange tone would become more intense and slightly reddish; alternatively, if the number of cases was declining, the color would become more muted, verging on a lighter, pinkish tone instead. We applied the same colour treatment to the Deaths related data, working with various shades of purple tones.
Then, we decided to connect these two colors with data, muting their shades in order to generate a second layer of information. For example, if the New Cases data was on the rise, the orange tone would become more intense and slightly reddish; alternatively, if the number of cases was declining, the color would become more muted, verging on a lighter, pinkish tone instead. We applied the same colour treatment to the Deaths related data, working with various shades of purple tones.
Then, we decided to connect these two colors with data, muting their shades in order to generate a second layer of information. For example, if the New Cases data was on the rise, the orange tone would become more intense and slightly reddish; alternatively, if the number of cases was declining, the color would become more muted, verging on a lighter, pinkish tone instead. We applied the same colour treatment to the Deaths related data, working with various shades of purple tones.
To reinforce the concept, we also connected data to shapes and sounds working with a range of positive, negative, and neutral cues.
In this way, each video is a unique piece of data-generated design — but above all, the viewer can get a quick understanding of the day’s overview.
To reinforce the concept, we also connected data to shapes and sounds working with a range of positive, negative, and neutral cues.
In this way, each video is a unique piece of data-generated design — but above all, the viewer can get a quick understanding of the day’s overview.
To reinforce the concept, we also connected data to shapes and sounds working with a range of positive, negative, and neutral cues.
In this way, each video is a unique piece of data-generated design — but above all, the viewer can get a quick understanding of the day’s overview.
Representing the pandemic — Another important design choice that we took was to represent the data as simple circles enriched by a grainy, moving texture echoing the pandemic. The grain helped mirror the multitude of people moving randomly, while also resembling an image one might see under a microscope.
Representing the pandemic — Another important design choice that we took was to represent the data as simple circles enriched by a grainy, moving texture echoing the pandemic. The grain helped mirror the multitude of people moving randomly, while also resembling an image one might see under a microscope.
Representing the pandemic — Another important design choice that we took was to represent the data as simple circles enriched by a grainy, moving texture echoing the pandemic. The grain helped mirror the multitude of people moving randomly, while also resembling an image one might see under a microscope.
This way, the big picture meets extreme detail. The use of blurred edges for the shapes emphasize the fluid nature of information - taking into consideration the nature of the virus; that other cases may still very well exist and spread despite monitoring and testing.
This way, the big picture meets extreme detail. The use of blurred edges for the shapes emphasize the fluid nature of information - taking into consideration the nature of the virus; that other cases may still very well exist and spread despite monitoring and testing.
This way, the big picture meets extreme detail. The use of blurred edges for the shapes emphasize the fluid nature of information - taking into consideration the nature of the virus; that other cases may still very well exist and spread despite monitoring and testing.
The video also displays figures, maps, charts and areas. We always kept the same color scheme in order to enhance clarity (using a grey neutral tone for those tested). Thanks to the inputs from JHU, we made sure to always display data from multiple perspectives that could simultaneously cover temporal, geographical and other data comparisons (such as the positivity ratio or cumulated amounts). Motion design has been crucial in making these comparisons visually effective.
The video also displays figures, maps, charts and areas. We always kept the same color scheme in order to enhance clarity (using a grey neutral tone for those tested). Thanks to the inputs from JHU, we made sure to always display data from multiple perspectives that could simultaneously cover temporal, geographical and other data comparisons (such as the positivity ratio or cumulated amounts). Motion design has been crucial in making these comparisons visually effective.
The video also displays figures, maps, charts and areas. We always kept the same color scheme in order to enhance clarity (using a grey neutral tone for those tested). Thanks to the inputs from JHU, we made sure to always display data from multiple perspectives that could simultaneously cover temporal, geographical and other data comparisons (such as the positivity ratio or cumulated amounts). Motion design has been crucial in making these comparisons visually effective.
During the first weeks of the Covid—19 outbreak, the JHU's interactive map has been one of the main reference points for media all over the world. Our goal was to keep it as a visual benchmark and add a timelapse animation showcasing the evolution of the spread across the US territories in the past 14 days.
During the first weeks of the Covid—19 outbreak, the JHU's interactive map has been one of the main reference points for media all over the world. Our goal was to keep it as a visual benchmark and add a timelapse animation showcasing the evolution of the spread across the US territories in the past 14 days.
During the first weeks of the Covid—19 outbreak, the JHU's interactive map has been one of the main reference points for media all over the world. Our goal was to keep it as a visual benchmark and add a timelapse animation showcasing the evolution of the spread across the US territories in the past 14 days.
K
views reached on social & youtube per day on avg
Flexible distribution — Every morning at 7:00am in New York, Algo autonomously creates a daily video and uploads it straight on to the chosen output - the Johns Hopkins Covid Resources website, and on JHU’s Twitter & Youtube channels - without any human intervention. This way, the JHU team can focus on data quality and more important tasks at hand, leaving all the hustle of video production and distribution to the robot.
The videos have been very well received on Twitter where they’re being quoted to demand action from the local and federal governments (see examples here, here, or here) and have been featured on Politico and Time Magazine, which named the JHU resources a top invention of 2020.
Flexible distribution — Every morning at 7:00am in New York, Algo autonomously creates a daily video and uploads it straight on to the chosen output - the Johns Hopkins Covid Resources website, and on JHU’s Twitter & Youtube channels - without any human intervention. This way, the JHU team can focus on data quality and more important tasks at hand, leaving all the hustle of video production and distribution to the robot.
The videos have been very well received on Twitter where they’re being quoted to demand action from the local and federal governments (see examples here, here, or here) and have been featured on Politico and Time Magazine, which named the JHU resources a top invention of 2020.
Flexible distribution — Every morning at 7:00am in New York, Algo autonomously creates a daily video and uploads it straight on to the chosen output - the Johns Hopkins Covid Resources website, and on JHU’s Twitter & Youtube channels - without any human intervention. This way, the JHU team can focus on data quality and more important tasks at hand, leaving all the hustle of video production and distribution to the robot.
The videos have been very well received on Twitter where they’re being quoted to demand action from the local and federal governments (see examples here, here, or here) and have been featured on Politico and Time Magazine, which named the JHU resources a top invention of 2020.
Credits ✶ Project Direction Luca Gonnelli + Creative Direction Ilenia Notarangelo & Luca Gonnelli + Design Ilenia Notarangelo & Silviu Chiriac + Automation Lead Matteo Ruffinengo + Automation Marco Oggero + Data Science Nima Farzaneh + Project Management Marina Echer Barbieri
Credits ✶ Project Direction Luca Gonnelli + Creative Direction Ilenia Notarangelo & Luca Gonnelli + Design Ilenia Notarangelo & Silviu Chiriac + Automation Lead Matteo Ruffinengo + Automation Marco Oggero + Data Science Nima Farzaneh + Project Management Marina Echer Barbieri
Credits ✶ Project Direction Luca Gonnelli + Creative Direction Ilenia Notarangelo & Luca Gonnelli + Design Ilenia Notarangelo & Silviu Chiriac + Automation Lead Matteo Ruffinengo + Automation Marco Oggero + Data Science Nima Farzaneh + Project Management Marina Echer Barbieri
Subscribe to our newsletter and never miss an update about Algo's projects, AI, and video automation technologies.
Site built in Framer
