Best tools for multimedia reporting Mon, 22 Aug 2016 14:58:43 +0000 en-US hourly 1 https://s0.wp.com/i/webclip.png 32 32 239681374 https://geojournalism.org/2016/08/how-to-make-an-animated-forest-fire-map-using-google-my-maps-and-carto/ Gustavo Faleiros Fri, 19 Aug 2016 20:55:52 +0000 Maps Visualization Carto cartography https://geojournalism.org/?p=1520 <p>Introduction Agricultural &#160;burning and forest fire are some of the planet&#8217;s most serious environmental problems and, unfortunately, a very common occurrence in many countries. In the forests of the Amazon, the Congo Basin and Southeast Asia, fire can mean the advance of deforestation and most part of the fires are caused by humans in order [&#8230;]</p> <p>The post <a href="https://geojournalism.org/2016/08/how-to-make-an-animated-forest-fire-map-using-google-my-maps-and-carto/">How to make an animated forest fire map using Google My Maps and Carto</a> appeared first on <a href="https://geojournalism.org">geojournalism.org</a>.</p> <h1 class="summary-item" id="introduction"><a href="#introduction">Introduction</a></h1> <p>Agricultural  burning and forest fire are some of the planet’s most serious environmental problems and, unfortunately, a very common occurrence in many countries. In the forests of the Amazon, the Congo Basin and Southeast Asia, fire can mean the advance of deforestation and most part of the fires are caused by humans in order to “clear the ground” for agricultural production or new pastures.</p> <p>In this tutorial, we will demonstrate how you can create your own map of fire hotspots and update it in real time. This is made possible through the availability of data from satellites orbiting the Earth. These datasets are updated daily by NASA – the US space agency – and can be viewed with the help of two digital map-making tools – Google My Maps and Carto.</p> <h1 class="summary-item" id="finding-firedata"><a href="#finding-firedata">Finding FireData</a></h1> <p>The site <a href="https://earthdata.nasa.gov/" target="_blank">Earth Data</a> from NASA is one of the most complete repositories of  freely available satellite data. Through the NASA <a href="https://earthdata.nasa.gov/earth-observation-data/near-real-time/firms%20%20%C2%A0" target="_blank">FIRMS project (Fire Information Resource Management System)</a> you can access real-time data in multiple file formats and also order time series to download. In this tutorial, we’ll work with the <a href="https://geojournalism.org/tracks/csv/" target="_blank">CSV format</a>, the table separated by commas.</p> <p><a href="https://earthdata.nasa.gov/earth-observation-data/near-real-time/firms/active-fire-data" target="_blank"><img alt="Active Fire Data site" class="aligncenter wp-image-1523" decoding="async" fetchpriority="high" height="326" sizes="(max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-site-1024x521.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-site-1024x521.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-site-300x153.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-site.jpg 1898w" width="640"/></a></p> <p style="text-align: center;"><em>This is the page of Active Fire Data on NASA’s Earth Data website</em></p> <p>The first step after accessing the FIRMS page is to continue to <a href="https://earthdata.nasa.gov/earth-observation-data/near-real-time/firms/active-fire-data" target="_blank">Active Fire Data repository</a>. There are two databases that can be used. One of them, the <a href="https://modis.gsfc.nasa.gov/" target="_blank">MODIS sensor</a>, although lower resolution (1 km), has the longest historical series because the sensor has been operating for years in the Terra and Aqua satellites. More recently, the  higher resolution (375 m) <a href="https://jointmission.gsfc.nasa.gov/viirs.html" target="_blank">VIIRS sensor</a>, has been generating large amounts of fire data. For this example, we will use the text file (CSV) of the MODIS sensor for the last 24 hours in Central Africa.</p> <p><img alt="Active Fire Data selection" class="aligncenter wp-image-1522" decoding="async" height="352" sizes="(max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-selection-1024x563.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-selection-1024x563.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-selection-300x165.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/Active-Fire-Data-selection.jpg 1544w" width="640"/></p> <p>Once selected, the file can be saved as a CSV or its link may be used to update spreadsheets in real time. The dataset that contains the fires´information can be stored in a CSV file or can be stored directly on the Google spreadsheet that allows the constant update every time it is opened.To import a link just create a new spreadsheet and enter the following formula in any cell</p> <p><span style="line-height: 1.5;"></span></p><div class="et-box et-shadow"> <div class="et-box-content">=ImportaData(“URL”)</div></div><p></p> <p><span style="line-height: 1.5;"> </span></p><div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"> <ul class="et-tabs-control">   <li><a href="#"> Insert Formula </a></li> <li><a href="#"> Table’s final format </a></li> </ul> <!-- .et-tabs-control --> <div class="et-tabs-content"> <div class="et-tabs-content-wrapper">   <div class="et_slidecontent"> <p></p> <p><img alt="Formula Import 2" class="aligncenter wp-image-1534" decoding="async" height="548" sizes="(max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/Formula-Import-2-1024x877.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/Formula-Import-2-1024x877.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/Formula-Import-2-300x257.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/Formula-Import-2.jpg 1153w" width="640"/> </p></div> <div class="et_slidecontent"> <img alt="full spreadsheet" class="aligncenter wp-image-1537" decoding="async" height="440" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-1024x704.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-1024x704.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-300x206.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet.jpg 1454w" width="640"/> </div> </div> </div> </div> .et-tabs-container <p></p> <h1 class="summary-item" id="opening-the-dataset-in-each-mapping-software"><a href="#opening-the-dataset-in-each-mapping-software">Opening the dataset in each mapping software</a></h1> <p>Now just open the CSV file directly in the visualization software.</p> <p>Let’s start with Google My Maps</p> <p>1. Choose to create a new Google My Maps on Google Drive menu</p> <p><a href="https://geojournalism.org/wp-content/uploads/2016/03/selecting-mymaps.jpg"><img alt="selecting mymaps" class="aligncenter wp-image-1544" decoding="async" height="469" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/selecting-mymaps.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/selecting-mymaps.jpg 990w, https://geojournalism.org/wp-content/uploads/2016/03/selecting-mymaps-300x220.jpg 300w" width="640"/></a></p> <p>2. Click Add New Layer ‘and’ Import ‘</p> <p><a href="https://geojournalism.org/wp-content/uploads/2016/03/Import-my-maps.jpg"><img alt="Import my maps" class="aligncenter wp-image-1538" decoding="async" height="480" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/Import-my-maps-1024x768.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/Import-my-maps-1024x768.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/Import-my-maps-300x225.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/Import-my-maps.jpg 1302w" width="640"/></a></p> <p>3. Use the option to attach a Google spreadsheet to your map. Alternatively, you can upload the CSV spreadsheet directly.</p> <p><a href="https://geojournalism.org/wp-content/uploads/2016/03/selecting-spreadsheet-my-maps.jpg"><img alt="selecting spreadsheet my maps" class="aligncenter wp-image-1545" decoding="async" height="330" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/selecting-spreadsheet-my-maps-1024x528.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/selecting-spreadsheet-my-maps-1024x528.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/selecting-spreadsheet-my-maps-300x155.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/selecting-spreadsheet-my-maps.jpg 1909w" width="640"/></a></p> <div class="et-box et-warning"> <div class="et-box-content">Google Spreadsheets with more than a 1000 points will not load on Google My Maps</div></div> <p>Now do the same in Carto.com</p> <p>1. Connect to the Carto (a free account 250MB meets our exercise).<br/> <a href="https://geojournalism.org/wp-content/uploads/2016/03/CartoDB-Login.jpg"><img alt="CartoDB Login" class="aligncenter wp-image-1524" decoding="async" height="307" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/CartoDB-Login-1024x491.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/CartoDB-Login-1024x491.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/CartoDB-Login-300x144.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/CartoDB-Login.jpg 1915w" width="640"/></a></p> <p>2. Select the option ‘Connect Dataset’ and load the CSV file.<br/> <img alt="dataset page cartodb" class="aligncenter wp-image-1528" decoding="async" height="349" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/dataset-page-cartodb-1024x559.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/dataset-page-cartodb-1024x559.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/dataset-page-cartodb-300x164.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/dataset-page-cartodb.jpg 1714w" width="640"/></p> <p>3. Another way to load data is to use the link CSV (in a paid account, you have the option of synchronizing the dataset.)<br/> <img alt="full spreadsheet carto db" class="aligncenter wp-image-1536" decoding="async" height="316" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-carto-db-1024x505.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-carto-db-1024x505.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-carto-db-300x148.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/full-spreadsheet-carto-db.jpg 1888w" width="640"/></p> <h1 class="summary-item" id="stylizing-the-maps-on-google-my-maps-and-carto-com"><a href="#stylizing-the-maps-on-google-my-maps-and-carto-com">Stylizing the maps on Google My Maps and Carto.com</a></h1> <p>In both programs you can change the style and color of the icons. It can also draw simple graphical analysis, as categorization or animation data by time.</p> <p>In Google My Maps do the following tests</p> <p>1. Change the icon, both its shape and color or load your own icon by clicking on layer and choosing More Icons&gt;Custom Icon<br/> <img alt="Final my maps" class="aligncenter wp-image-1532" decoding="async" height="319" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/Final-my-maps-1024x510.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/Final-my-maps-1024x510.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/Final-my-maps-300x149.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/Final-my-maps.jpg 1910w" width="640"/></p> <p>2. Sort the data tying colors to any of the parameters<br/> <a href="https://geojournalism.org/wp-content/uploads/2016/08/Google-my-maps.png"><img alt="" class="aligncenter wp-image-1654 size-full" decoding="async" height="339" loading="lazy" sizes="auto, (max-width: 587px) 100vw, 587px" src="https://geojournalism.org/wp-content/uploads/2016/08/Google-my-maps.png" srcset="https://geojournalism.org/wp-content/uploads/2016/08/Google-my-maps.png 587w, https://geojournalism.org/wp-content/uploads/2016/08/Google-my-maps-300x173.png 300w" width="587"/></a></p> <p>In the case of Carto you can do more elaborate analysis. Make the following tests</p> <p>1. Divide into categories as done also in Google My Maps</p> <p><img alt="final + customize cartodb" class="aligncenter wp-image-1531" decoding="async" height="313" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/final-customize-cartodb-1024x501.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/final-customize-cartodb-1024x501.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/final-customize-cartodb-300x147.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/final-customize-cartodb.jpg 1910w" width="640"/></p> <p>2. Make a map of animated points per time like this one done for South America. For this you need to <a href="https://carto.com/docs/tutorials/heatmap/" target="_blank">activate the Torque tool<br/> </a><br/> <iframe allowfullscreen="allowfullscreen" frameborder="0" height="520" loading="lazy" src="https://gufalei.carto.com/viz/dd6eac5c-581a-11e6-8e06-0e05a8b3e3d7/embed_map" width="100%"></iframe></p> <h1 class="summary-item" id="share-and-use-maps-in-their-reports"><a href="#share-and-use-maps-in-their-reports">Share and use maps in their reports</a></h1> <p>Now, just share publish and share the map.</p> <p>1. Both in Google My Maps with the Carto you have the option of sharing the link or the embed HTML Code.</p> <p><img alt="embed my maps" class="aligncenter wp-image-1530" decoding="async" height="572" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/embed-my-maps.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/embed-my-maps.jpg 1001w, https://geojournalism.org/wp-content/uploads/2016/03/embed-my-maps-300x268.jpg 300w" width="640"/></p> <p><img alt="embed cartodb" class="aligncenter wp-image-1529" decoding="async" height="447" loading="lazy" sizes="auto, (max-width: 640px) 100vw, 640px" src="https://geojournalism.org/wp-content/uploads/2016/03/embed-cartodb-1024x715.jpg" srcset="https://geojournalism.org/wp-content/uploads/2016/03/embed-cartodb-1024x715.jpg 1024w, https://geojournalism.org/wp-content/uploads/2016/03/embed-cartodb-300x210.jpg 300w, https://geojournalism.org/wp-content/uploads/2016/03/embed-cartodb.jpg 1271w" width="640"/></p> <div class="author-shortcodes"> <div class="author-inner"> <div class="author-image"> <img alt="" src="https://media.licdn.com/mpr/mpr/shrinknp_200_200/AAEAAQAAAAAAAAlOAAAAJGJmNmMxZTFiLWY5ODUtNGFlNy05MTE0LTZjNDk3ZWJmNWRkMA.jpg"/> <div class="author-overlay"></div> </div> <!-- .author-image --> <div class="author-info"> <strong>Gustavo Faleiros</strong> is an environmental journalist and media trainer who specializes in data-driven journalism. In 2012, he launched <a href="https://infoamazonia.org/" target="_blank">InfoAmazonia</a>, a digital map that uses satellite and other publicly available data to monitor the Amazon rainforest. </div> <!-- .author-info --> </div> <!-- .author-inner --> </div> .author-shortcodes <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <p>The post <a href="https://geojournalism.org/2016/08/how-to-make-an-animated-forest-fire-map-using-google-my-maps-and-carto/">How to make an animated forest fire map using Google My Maps and Carto</a> appeared first on <a href="https://geojournalism.org">geojournalism.org</a>.</p> 1520