Style Map Based Values in your Table
At CARTO we obviously love maps and nobody that really loves map can’t tell you the story of John Snow. If you haven’t heard of him, we highly recomment reading a bit about his story and how he changed maps and science. In a nutshell, he helped map an 1800s cholera outbreak that took place in London. By mapping the outbreak, he was able to identify a water pump that was the source of the bacteria causing the outbreak.
The data that is contained in his original map was recently coverted into digital formats; making it simple to get them into CARTO. So let’s try and create a CARTO version of John Snow’s famous map!
Getting the Data
We are going to upload two datasets from the John Snow data directory. The first is all the pumps in the neighborhood. The second is all the deaths reported due to cholera in the neigborhood. When you upload shapefiles, you need to be sure to upload all associated files at once, this can be done by creating a ZIP that contains each of them.
So, for the pumps, create a zipfile containing each of the following:
Call the new zip file
pumps.zip, for example.
Now, we will do the same with the cholera deaths. Select and create a zip of the following files:
Again, call it something simple, like
cholera.zip for example.
Let’s start by dragging our
pumps.zip file to your dashboard. You should end up with a table simply called
pumps. Next, go back to your dashboard by clicking the back arrow at the upper left of the screen. Now, drag your
cholera.zip file to your dashboard. Great! You should now have a table called
Mapping the Cholera Outbreak
You can start by looking through your new
cholera_deaths table. You should see that we have a point geometry. Each point represents a household in the 1854 Soho neighborhood of London. If you look at your map, they may not match the modern day streets exactly, but still pretty neat! If you go back to your
cholera_deaths Table View, you’ll see also a column called
count. This tells us how badly the outbreak it hit each household. This will be the value we want to use to style the map of our data.
Head back to your Map View. To make this data communicate the intensity of cholera in each household, let’s make a thematic map. Click the Style option on the right of the screen. Take a look at the styles provided, if you mouse over them, you’ll find one named Bubbles, that’s the one we’ll use. Click it. Next, change the ‘Column’ drop down and select
count. The map should update immediately as you click it. It still doesn’t look the best. Improve it by doing each of the following:
- Change the Radius (min-max) to 1 to 8.
- Change the color, I choose one of the Red tones to help convey that these were bad!
- Change the opacity (the decimal number to the right of the color) to be 1, fully opaque.
- Changed the bubble stroke to 0.
Cool, now we have the intensity of the outbreak mapped. What John Snow did that was so critical to this story, was he mapped the location of water pump stations as well. This gave him the ability to quickly identify a shared source and make the hypothesis that a pump was the source of the outbreak.
Combining Two Layers with SQL
If you have done any of the other tutorials, you’ll be familiar with this already. We are going combine the data from our
pumps table and our
cholera_deaths table in a single SQL statement. Try the following query:
After you run this, you will notice a difference in your map. What we are doing is selecting
the_geom_webmercator from each table. From the
cholera_deaths table we are selecting count so that we can base our bubble size on the value. When we
UNION tables we must have the same columns in each table, so for the
pumps table we have to include a fake
count column with a value of
NULL in every row. Finally, We included a column in the results for both tables that indicates a name for the layer the row belongs to. This technique is useful for CartoCSS styles, as you’ll see now.
Styling Multiple Layers at Once
Now that we have our SQL running, we can edit our CartoCSS manually to show our pumps in an interesting way. Click the Style option again and then click on the CartoCSS tab. You’ll see the style that CARTO is using to create your bubble map. Now we can add a couple things to it to make it show our pumps data at the same time.
Scroll all the way to the bottom of the existing CartoCSS style. At the end, you are going to add these lines.
What this does is, if the layer column (the one we created in the SQL statement above) contains the value
pump, we are going to style it differently. After adding that to the very end of your CartoCSS style, hit Apply Style and take a look!
Sharing your Map
Now you’ll want to share your map. Like always, be sure that both your
pumps table and your
cholera_deaths table are public. From the current view on the map, click Share. At the bottom of the Share window click URL, then click the clipboard icon, head on over to Twitter and tell people about the awesome maps you are making!