<?xml version='1.0' encoding='utf-8'?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:ns0="http://www.w3.org/2005/Atom" xmlns:ns1="http://purl.org/rss/1.0/modules/syndication/" xmlns:ns2="com-wordpress:feed-additions:1" xmlns:ns4="http://purl.org/rss/1.0/modules/content/" version="2.0">

<channel>
	<title>Visualization Archives - geojournalism.org</title>
	<ns0:link href="https://geojournalism.org/category/visualization/feed/" rel="self" type="application/rss+xml" />
	<link />
	<description>Best tools for multimedia reporting</description>
	<lastBuildDate>Mon, 22 Aug 2016 14:58:43 +0000</lastBuildDate>
	<language>en-US</language>
	<ns1:updatePeriod>
	hourly	</ns1:updatePeriod>
	<ns1:updateFrequency>
	1	</ns1:updateFrequency>
	

<image>
	<url>https://s0.wp.com/i/webclip.png</url>
	<title>Visualization Archives - geojournalism.org</title>
	<link />
	<width>32</width>
	<height>32</height>
</image> 
<ns2:site>239681374</ns2:site>	<item>
		<title>How to make an animated  forest fire map using Google My Maps and Carto</title>
		<link>https://geojournalism.org/2016/08/how-to-make-an-animated-forest-fire-map-using-google-my-maps-and-carto/</link>
		
		<dc:creator>Gustavo Faleiros</dc:creator>
		<pubDate>Fri, 19 Aug 2016 20:55:52 +0000</pubDate>
				<category>Maps</category>
		<category>Visualization</category>
		<category>Carto</category>
		<category>cartography</category>
		<guid isPermaLink="false">https://geojournalism.org/?p=1520</guid>

					<description>&lt;p&gt;Introduction Agricultural &amp;#160;burning and forest fire are some of the planet&amp;#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 [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2016/08/how-to-make-an-animated-forest-fire-map-using-google-my-maps-and-carto/"&gt;How to make an animated  forest fire map using Google My Maps and Carto&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;h1 class="summary-item" id="introduction"&gt;&lt;a href="#introduction"&gt;Introduction&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;h1 class="summary-item" id="finding-firedata"&gt;&lt;a href="#finding-firedata"&gt;Finding FireData&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;The site &lt;a href="https://earthdata.nasa.gov/" target="_blank"&gt;Earth Data&lt;/a&gt; from NASA is one of the most complete repositories of  freely available satellite data. Through the NASA &lt;a href="https://earthdata.nasa.gov/earth-observation-data/near-real-time/firms%20%20%C2%A0" target="_blank"&gt;FIRMS project (Fire Information Resource Management System)&lt;/a&gt; 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 &lt;a href="https://geojournalism.org/tracks/csv/" target="_blank"&gt;CSV format&lt;/a&gt;, the table separated by commas.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://earthdata.nasa.gov/earth-observation-data/near-real-time/firms/active-fire-data" target="_blank"&gt;&lt;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"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;em&gt;This is the page of Active Fire Data on NASA’s Earth Data website&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;The first step after accessing the FIRMS page is to continue to &lt;a href="https://earthdata.nasa.gov/earth-observation-data/near-real-time/firms/active-fire-data" target="_blank"&gt;Active Fire Data repository&lt;/a&gt;. There are two databases that can be used. One of them, the &lt;a href="https://modis.gsfc.nasa.gov/" target="_blank"&gt;MODIS sensor&lt;/a&gt;, 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) &lt;a href="https://jointmission.gsfc.nasa.gov/viirs.html" target="_blank"&gt;VIIRS sensor&lt;/a&gt;, 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.&lt;/p&gt;
&lt;p&gt;&lt;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"/&gt;&lt;/p&gt;
&lt;p&gt;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&lt;/p&gt;
&lt;p&gt;&lt;span style="line-height: 1.5;"&gt;&lt;/span&gt;&lt;/p&gt;&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;=ImportaData(“URL”)&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="line-height: 1.5;"&gt;
			&lt;/span&gt;&lt;/p&gt;&lt;div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"&gt;
				&lt;ul class="et-tabs-control"&gt;
			 
		&lt;li&gt;&lt;a href="#"&gt;
			Insert Formula
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Table’s final format
		&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt; &lt;!-- .et-tabs-control --&gt; 
		&lt;div class="et-tabs-content"&gt;
			&lt;div class="et-tabs-content-wrapper"&gt;
				 
		&lt;div class="et_slidecontent"&gt;
			&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;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"/&gt;
		&lt;/p&gt;&lt;/div&gt; 
		&lt;div class="et_slidecontent"&gt;
			&lt;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"/&gt;
		&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
			&lt;/div&gt;  .et-tabs-container &lt;p&gt;&lt;/p&gt;
&lt;h1 class="summary-item" id="opening-the-dataset-in-each-mapping-software"&gt;&lt;a href="#opening-the-dataset-in-each-mapping-software"&gt;Opening the dataset in each mapping software&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;Now just open the CSV file directly in the visualization software.&lt;/p&gt;
&lt;p&gt;Let’s start with Google My Maps&lt;/p&gt;
&lt;p&gt;1. Choose to create a new Google My Maps on Google Drive menu&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2016/03/selecting-mymaps.jpg"&gt;&lt;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"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;2. Click Add New Layer ‘and’ Import ‘&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2016/03/Import-my-maps.jpg"&gt;&lt;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"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;3. Use the option to attach a Google spreadsheet to your map. Alternatively, you can upload the CSV spreadsheet directly.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2016/03/selecting-spreadsheet-my-maps.jpg"&gt;&lt;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"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;div class="et-box et-warning"&gt;
					&lt;div class="et-box-content"&gt;Google Spreadsheets with more than a 1000 points will not load on Google My Maps&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Now do the same in Carto.com&lt;/p&gt;
&lt;p&gt;1. Connect to the Carto (a free account 250MB meets our exercise).&lt;br/&gt;
&lt;a href="https://geojournalism.org/wp-content/uploads/2016/03/CartoDB-Login.jpg"&gt;&lt;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"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;2. Select the option ‘Connect Dataset’ and load the CSV file.&lt;br/&gt;
&lt;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"/&gt;&lt;/p&gt;
&lt;p&gt;3. Another way to load data is to use the link CSV (in a paid account, you have the option of synchronizing the dataset.)&lt;br/&gt;
&lt;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"/&gt;&lt;/p&gt;
&lt;h1 class="summary-item" id="stylizing-the-maps-on-google-my-maps-and-carto-com"&gt;&lt;a href="#stylizing-the-maps-on-google-my-maps-and-carto-com"&gt;Stylizing the maps on Google My Maps and Carto.com&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;p&gt;In Google My Maps do the following tests&lt;/p&gt;
&lt;p&gt;1. Change the icon, both its shape and color or load your own icon by clicking on layer and choosing More Icons&amp;gt;Custom Icon&lt;br/&gt;
&lt;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"/&gt;&lt;/p&gt;
&lt;p&gt;2. Sort the data tying colors to any of the parameters&lt;br/&gt;
&lt;a href="https://geojournalism.org/wp-content/uploads/2016/08/Google-my-maps.png"&gt;&lt;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"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;In the case of Carto you can do more elaborate analysis. Make the following tests&lt;/p&gt;
&lt;p&gt;1. Divide into categories as done also in Google My Maps&lt;/p&gt;
&lt;p&gt;&lt;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"/&gt;&lt;/p&gt;
&lt;p&gt;2. Make a map of animated points per time like this one done for South America. For this you need to &lt;a href="https://carto.com/docs/tutorials/heatmap/" target="_blank"&gt;activate the Torque tool&lt;br/&gt;
&lt;/a&gt;&lt;br/&gt;
&lt;iframe allowfullscreen="allowfullscreen" frameborder="0" height="520" loading="lazy" src="https://gufalei.carto.com/viz/dd6eac5c-581a-11e6-8e06-0e05a8b3e3d7/embed_map" width="100%"&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;h1 class="summary-item" id="share-and-use-maps-in-their-reports"&gt;&lt;a href="#share-and-use-maps-in-their-reports"&gt;Share and use maps in their reports&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;Now, just share publish and share the map.&lt;/p&gt;
&lt;p&gt;1. Both in Google My Maps with the Carto you have the option of sharing the link or the embed HTML Code.&lt;/p&gt;
&lt;p&gt;&lt;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"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;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"/&gt;&lt;/p&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://media.licdn.com/mpr/mpr/shrinknp_200_200/AAEAAQAAAAAAAAlOAAAAJGJmNmMxZTFiLWY5ODUtNGFlNy05MTE0LTZjNDk3ZWJmNWRkMA.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			&lt;strong&gt;Gustavo Faleiros&lt;/strong&gt; is an environmental journalist and media trainer who specializes in data-driven journalism. In 2012, he launched &lt;a href="https://infoamazonia.org/" target="_blank"&gt;InfoAmazonia&lt;/a&gt;, a digital map that uses satellite and other publicly available data to monitor the Amazon rainforest.
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2016/08/how-to-make-an-animated-forest-fire-map-using-google-my-maps-and-carto/"&gt;How to make an animated  forest fire map using Google My Maps and Carto&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>1520</ns2:post-id>	</item>
		<item>
		<title>Mixing shapefiles and comma-separated files in QGIS</title>
		<link>https://geojournalism.org/2014/10/mixing-shapefiles-and-comma-separated-files-in-qgis/</link>
		
		<dc:creator>Vitor George</dc:creator>
		<pubDate>Mon, 13 Oct 2014 22:03:57 +0000</pubDate>
				<category>Data</category>
		<category>Maps</category>
		<category>Visualization</category>
		<guid isPermaLink="false">https://geojournalism.oeco.org.br/?p=1078</guid>

					<description>&lt;p&gt;Introduction The Comma Separated File format, or just CSV, especifies a data type store in a tabular manner. Each line represent a record, and each field is delimited by a comma or another separator character. This format is accepted by popular tools like Excel, LibreOffice and Google Docs, and by most of programming languages. In [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2014/10/mixing-shapefiles-and-comma-separated-files-in-qgis/"&gt;Mixing shapefiles and comma-separated files in QGIS&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;div&gt;
&lt;h2 class="summary-item" id="introduction"&gt;&lt;a href="#introduction"&gt;Introduction&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;The &lt;em&gt;Comma Separated File &lt;/em&gt;format, or just CSV, especifies a data type store in a tabular manner. Each line represent a record, and each field is delimited by a comma or another separator character. This format is accepted by popular tools like Excel, LibreOffice and Google Docs, and by most of programming languages. In this tutorial, we are going to learn how to generate a cloropeth map of income of São Paulo residents in QGIS, using a shapefile and a csv file.&lt;/p&gt;
&lt;div&gt;&lt;/div&gt;
&lt;h2 class="summary-item" id="preparation"&gt;&lt;a href="#preparation"&gt;Preparation&lt;/a&gt;&lt;/h2&gt;
&lt;div&gt;We are going to use data from &lt;a href="https://censo2010.ibge.gov.br/resultados" target="_blank"&gt;2010 Brazilian Census&lt;/a&gt; made by &lt;a href="https://www.ibge.gov.br/"&gt;IBGE&lt;/a&gt;. Download this &lt;a href="https://geojournalism.org/?attachment_id=1085" target="_blank"&gt;file&lt;/a&gt; and expand it at a local directory.&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;Download and install &lt;a href="https://qgis.org/en/site/forusers/download.html" target="_blank"&gt;QGIS&lt;/a&gt;. This tutorial uses version 2.2, but it is possible to follow the steps using 2.0 version.&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;h2 class="summary-item" id="building-the-map"&gt;&lt;a href="#building-the-map"&gt;Building the map&lt;/a&gt;&lt;/h2&gt;
&lt;div&gt;Open QGIS and add a vector layer from file &lt;em&gt;censo-2010-sp-setores.shp:&lt;/em&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/06/passo-1-en.gif"&gt;&lt;img alt="passo-1-en" class="aligncenter wp-image-1114" decoding="async" height="402" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2014/06/passo-1-en.gif" width="800"/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;Add a delimited layer from file &lt;em&gt;censo-2010-sp-stats.csv:&lt;/em&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/06/passo-2-en.gif"&gt;&lt;img alt="passo-2-en" class="aligncenter wp-image-1115" decoding="async" height="545" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2014/06/passo-2-en.gif" width="800"/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;Join the files by specifying a key field at shapefile properties:&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/06/passo-3-en.gif"&gt;&lt;img alt="passo-3-en" class="aligncenter wp-image-1116" decoding="async" height="493" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2014/06/passo-3-en.gif" width="800"/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;This union allow creating a style based on csv file data:&lt;/div&gt;
&lt;div&gt; &lt;a href="https://geojournalism.org/wp-content/uploads/2014/06/passo-4-en.gif"&gt;&lt;img alt="passo-4-en" class="aligncenter wp-image-1106" decoding="async" height="645" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2014/06/passo-4-en.gif" width="800"/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;h2 class="summary-item" id="the-resulting-map"&gt;&lt;a href="#the-resulting-map"&gt;The resulting map&lt;/a&gt;&lt;/h2&gt;
&lt;div&gt;Now you can add a legend and export the map to have a result like this:&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2014/06/mapa1.png"&gt;&lt;img alt="mapa" class="aligncenter wp-image-1108" decoding="async" height="650" loading="lazy" sizes="auto, (max-width: 460px) 100vw, 460px" src="https://geojournalism.org/wp-content/uploads/2014/06/mapa1.png" srcset="https://geojournalism.org/wp-content/uploads/2014/06/mapa1.png 1240w, https://geojournalism.org/wp-content/uploads/2014/06/mapa1-212x300.png 212w, https://geojournalism.org/wp-content/uploads/2014/06/mapa1-724x1024.png 724w" width="460"/&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://geojournalism.org/wp-content/uploads/2015/02/IMG_20140611_130510_-2594441642.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			&lt;a href="https://www.twitter.com/vitor_george" target="_blank"&gt;&lt;strong&gt;Vitor George&lt;/strong&gt;&lt;/a&gt; is a transportation engineer, &lt;a href="https://www.github.com/vgeorge" target="_blank"&gt;programmer&lt;/a&gt; and specialist in open data and geo technologies for the web. He coordinates &lt;a href="https://codigourbano.org"&gt;Código Urbano&lt;/a&gt; and is a collaborator of &lt;a href="https://www.infoamazonia.org"&gt;InfoAmazonia&lt;/a&gt;.
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt; &lt;!-- .author-shortcodes --&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2014/10/mixing-shapefiles-and-comma-separated-files-in-qgis/"&gt;Mixing shapefiles and comma-separated files in QGIS&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>1078</ns2:post-id>	</item>
		<item>
		<title>Easy steps for making charts and infographics using DataWrapper</title>
		<link>https://geojournalism.org/2014/02/easy-steps-for-making-charts-and-infographics-using-the-free-datawrapper-app/</link>
		
		<dc:creator>Oluseun Onigbinde</dc:creator>
		<pubDate>Thu, 13 Feb 2014 18:29:25 +0000</pubDate>
				<category>Apps</category>
		<category>Data</category>
		<category>Visualization</category>
		<guid isPermaLink="false">https://geojournalism.oeco.org.br/?p=968</guid>

					<description>&lt;p&gt;Leading media organizations are using Datawrapper, a simple and free tool, to improve their storytelling this way. Datawrapper is an interactive chart app that can be embedded into stories such as this one, which shows the Nigerian government&amp;#8217;s proposed budget in 10 charts. To sustain user attention and drive audience engagement, journalists and news organizations [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2014/02/easy-steps-for-making-charts-and-infographics-using-the-free-datawrapper-app/"&gt;Easy steps for making charts and infographics using DataWrapper&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;p&gt;Leading media organizations are using &lt;a href="https://datawrapper.de" target="_blank"&gt;Datawrapper&lt;/a&gt;, a simple and free tool, to improve their storytelling this way. Datawrapper is an interactive chart app that can be embedded into stories such as &lt;a href="https://www.yourbudgit.com/blog/view/8" target="_blank"&gt;this one&lt;/a&gt;, which shows the Nigerian government’s proposed budget in 10 charts.&lt;/p&gt;
&lt;p&gt;&lt;span id="more-968"&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;To sustain user attention and drive audience engagement, journalists and news organizations should learn to use data visualizations.&lt;/p&gt;
&lt;p&gt;Data visualizations let you explain a set of data simply with an infographic, an interactive application or a chart. With multiple stories competing for users’ attention on the boundless Internet, data visualizations are a creative way to interest users in your content and add context or a different perspective to your story.&lt;a href="https://geojournalism.org/wp-content/uploads/2014/02/dsc_4391.jpg"&gt;&lt;img alt="dsc_4391" class="size-full wp-image-994 alignright" decoding="async" height="200" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2014/02/dsc_4391.jpg" width="300"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;As an &lt;a href="https://www.icfj.org/about/profiles/oluseun-onigbinde" target="_blank"&gt;ICFJ Knight International Journalism Fellow&lt;/a&gt; in Nigeria, I work on using digital methods to support journalists in improving their storytelling and driving a wider engagement. Our team of fellows and our local &lt;a href="https://groups.google.com/forum/?hl=en#%21forum/hackshackers-lagos" target="_blank"&gt;HacksHackers chapter&lt;/a&gt;) in Lagos recently organized a data journalism class focused on how to use the &lt;a href="https://datawrapper.de/" target="_blank"&gt;Datawrapper&lt;/a&gt; application to strengthen storytelling.&lt;/p&gt;
&lt;p&gt;Our class participants had never used DataWrapper, but it’s so simple to use that they have already returned to their newsrooms and created these visualizations:&lt;/p&gt;
&lt;p&gt;—&lt;a href="https://sustainableconvos.com/infographics-population-and-economic-growth/" target="_blank"&gt;Infographics on population and economic growth&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;—&lt;a href="https://www.yarnmesomething.com/2014/01/marketing-gadgets-to-women.html" target="_blank"&gt;Marketing gadgets to women&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;—&lt;a href="https://www.tech360ng.com/activities-social-media-driving-force-data-demand/" target="_blank"&gt;Social media is a driving force for data demand&lt;/a&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="get-started-with-using-datawrapper"&gt;&lt;a href="#get-started-with-using-datawrapper"&gt;Get started with using DataWrapper&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;
			&lt;/p&gt;&lt;div class="et-tabs-container et_sliderfx_fade et_sliderauto_false et_sliderauto_speed_5000 et_slidertype_top_tabs"&gt;
				&lt;ul class="et-tabs-control"&gt;
			&lt;li&gt;&lt;a href="#"&gt;
			Step 1
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 2
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 3
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 4
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 5
		&lt;/a&gt;&lt;/li&gt; 
		&lt;li&gt;&lt;a href="#"&gt;
			Step 6
		&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt; &lt;!-- .et-tabs-control --&gt; 
		&lt;div class="et-tabs-content"&gt;
			&lt;div class="et-tabs-content-wrapper"&gt;
				&lt;div class="et_slidecontent"&gt;
			&lt;ol&gt;
&lt;li&gt;Find a data setYou’ll need a set of data in spreadsheet format. In this example, I’m using a data set obtained from Nigeria’s &lt;a href="https://budgetoffice.gov.ng" target="_blank"&gt;Budget Office of the Federation&lt;/a&gt;. If you don’t have your own spreadsheet handy, use the same one I did so you can try out Datawrapper and understand the power of the tool. The budget spreadsheet is available for free here as a &lt;a href="https://docs.google.com/spreadsheet/ccc?key=0Aj_5npSmNt1IdHRlOHIxWElRRjlySU1jYkc5QnAydEE&amp;amp;usp=sharing" target="_blank"&gt;Google Doc&lt;/a&gt;.
		&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;
		&lt;div class="et_slidecontent"&gt;
			

&lt;ol&gt;2. Log in to the Datawrapper site through an email address or Twitter password.&lt;/ol&gt;
&lt;div&gt;&lt;img alt="image: " class="aligncenter" decoding="async" height="241" loading="lazy" src="https://ijnet.org/sites/default/files/styles/news_large/public/data1.png?itok=H_Y9s89A" title="image: " width="420"/&gt;&lt;/div&gt;
		&lt;/div&gt;
		&lt;div class="et_slidecontent"&gt;
			&lt;ol&gt;3. Copy and paste data from a Microsoft Excel spreadsheet or upload a CSV spreadsheet document.&lt;/ol&gt;
&lt;div&gt;&lt;img alt="image: " class="aligncenter" decoding="async" height="192" loading="lazy" src="https://ijnet.org/sites/default/files/styles/news_large/public/data3.png?itok=yYlCbqXb" title="image: " width="420"/&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
		&lt;/div&gt;
		&lt;div class="et_slidecontent"&gt;
			&lt;ol&gt;4. The DataWrapper application translates the data into a table and displays that for you. You can add data sources and also links if you have them. If the table looks ok to you, click the “Visualize” button.&lt;/ol&gt;
&lt;div&gt;&lt;img alt="image: " class="aligncenter" decoding="async" height="184" loading="lazy" src="https://ijnet.org/sites/default/files/styles/news_large/public/data4.png?itok=o0WElFyq" title="image: " width="420"/&gt;&lt;/div&gt;
		&lt;/div&gt;
		&lt;div class="et_slidecontent"&gt;
			&lt;ol&gt;5. Next, you’ll see the “Visualize” tab, which shows an array of chart types that you can use.&lt;/ol&gt;
&lt;div&gt;&lt;img alt="image: " class="aligncenter" decoding="async" height="254" loading="lazy" src="https://ijnet.org/sites/default/files/styles/news_large/public/data5.png?itok=T7P6ig4X" title="image: " width="420"/&gt;&lt;/div&gt;
&lt;p&gt;Do you need help figuring out which kind of chart to use? Check out this &lt;a href="https://extremepresentation.typepad.com/blog/files/choosing_a_good_chart.pdf" target="_blank"&gt;guide&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Mini-tabs can help in refining the chart. They let you add titles and descriptions, as well as change the layouts.&lt;/p&gt;
		&lt;/div&gt;
		&lt;div class="et_slidecontent"&gt;
			&lt;ol&gt;6. You can copy and paste the embed code and publish the chart. (If you need to correct the chart later, you’ll need to republish the chart to get a new embed code.)&lt;/ol&gt;
&lt;div&gt;&lt;img alt="image: " decoding="async" height="231" loading="lazy" src="https://ijnet.org/sites/default/files/styles/news_large/public/data6.png?itok=Da6WjJ7a" title="image: " width="420"/&gt;&lt;/div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;div&gt;
		&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;
			&lt;/div&gt; &lt;!-- .et-tabs-container --&gt;&lt;/div&gt;
&lt;p&gt;I hope you’ll try out DataWrapper and publish your visualizations on your news site or your own blog.&lt;/p&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://pbs.twimg.com/profile_images/420474130799284224/k_pzRQfA.jpeg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			&lt;em&gt;&lt;a href="https://twitter.com/seunonigbinde" target="_blank"&gt;Oluseun Onigbinde&lt;/a&gt; is a digital innovator and open data advocate. As part of his &lt;a href="https://www.icfj.org/our-work/nigeria-increasing-citizen-engagement-health-news" target="_blank"&gt;ICFJ Knight International Journalism Fellowship&lt;/a&gt; in Nigeria, he promotes the use of creative digital tools in media organizations to increase public engagement around key development issues such as health and education.&lt;/em&gt;
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2014/02/easy-steps-for-making-charts-and-infographics-using-the-free-datawrapper-app/"&gt;Easy steps for making charts and infographics using DataWrapper&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>968</ns2:post-id>	</item>
		<item>
		<title>Visualizing data with Processing</title>
		<link>https://geojournalism.org/2013/08/portugues-as-cidades-mais-populosas-do-mundo/</link>
		
		<dc:creator>Gabriel Gianordoli</dc:creator>
		<pubDate>Tue, 27 Aug 2013 21:33:46 +0000</pubDate>
				<category>Design</category>
		<category>Visualization</category>
		<category>charts</category>
		<category>cities</category>
		<category>graphs</category>
		<guid isPermaLink="false">https://geojournalism.oeco.org.br/?p=351</guid>

					<description>&lt;p&gt;In this tutorial we will learn how to load data from an external file and we will create a graph with a population area x for the 10 most populous cities in the world. Introduction Originally created as a tool to teach programming to visual artists, Processing language now has applications in several areas, including [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/portugues-as-cidades-mais-populosas-do-mundo/"&gt;Visualizing data with Processing&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;p&gt;In this tutorial we will learn how to load data from an external file and we will create a graph with a population area x for the 10 most populous cities in the world.&lt;span id="more-351"&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="introduction"&gt;&lt;a href="#introduction"&gt;Introduction&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Originally created as a tool to teach programming to visual artists, &lt;a href="https://processing.org/" target="_blank"&gt;Processing&lt;/a&gt; language now has applications in several areas, including data visualization. Its simplified syntax is a good alternative for beginners to the coding world, and its development platform can be &lt;a href="https://processing.org/download/" target="_blank"&gt;downloaded for free&lt;/a&gt; online.&lt;/p&gt;
&lt;p&gt;In this tutorial we will learn how to load data from an external file and we will create a graph with a population area x for the 10 most populous cities in the world.&lt;/p&gt;
&lt;h2 class="summary-item" id="processing-environment"&gt;&lt;a href="#processing-environment"&gt;Processing Environment&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;When you open the program, you will find something like a text editor. That’s where we will type commands – no, there is not a “toolbar” here, since the original goal of Processing is to teach programming fundamentals.&lt;/p&gt;
&lt;p&gt;To run the script that we are going to write, just click on the play button at the left top corner of the window. A new window will open, empty for now, since we haven’t created any commands yet. Close it (or press the stop button) and save your file before you start programming – by default its name is the creation date, but you can choose any other name.&lt;/p&gt;
&lt;div&gt;&lt;img alt="Processing" class="aligncenter wp-image-352" decoding="async" height="551" loading="lazy" sizes="auto, (max-width: 717px) 100vw, 717px" src="https://geojournalism.org/wp-content/uploads/2013/08/processing01-1024x787.jpeg" srcset="https://geojournalism.org/wp-content/uploads/2013/08/processing01-1024x787.jpeg 1024w, https://geojournalism.org/wp-content/uploads/2013/08/processing01-300x230.jpeg 300w, https://geojournalism.org/wp-content/uploads/2013/08/processing01.jpeg 1326w" width="717"/&gt;&lt;/div&gt;
&lt;h2 class="summary-item" id="basic-commands"&gt;&lt;a href="#basic-commands"&gt;Basic Commands&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;To begin to understand Processing syntax, type the code below and run the program:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;size(1200, 200);&lt;br/&gt;
ellipse(600, 100, 100, 100);&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;You will see a window like this:&lt;/p&gt;
&lt;div&gt;&lt;img alt="Processing" class="aligncenter wp-image-353" decoding="async" height="226" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/processing02-1024x376.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/processing02-1024x376.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/processing02-300x110.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/processing02.png 1828w" width="614"/&gt;&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;What does this mean?&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;These commands are called &lt;i&gt;functions&lt;/i&gt;. We use two of them: &lt;i&gt;size&lt;/i&gt; and &lt;i&gt;ellipse.&lt;/i&gt;The first defines the size of the document we are going to work with (in pixels). The second draws an ellipse. Beside each one, inside the parentheses, we have the &lt;i&gt;parameters&lt;/i&gt;: information that the program needs to know for how it will perform each function. In our case:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;size (width of the document, height of the document);&lt;br/&gt;
ellipse (horizontal coordinate of the ellipse, vertical coordinate of the ellipse, width of the ellipse, height of the ellipse);&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;It means that it’s possible to translate the second line as “draw an ellipse 400 pixels from the left edge and 100 pixels from the top, 100 pixels high and 100 pixels wide”. Try to change these numbers to better understand how they work.&lt;/p&gt;
&lt;p&gt;At last, some details we need to be aware of:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;parameters must always be separated by commas (white space makes no difference);&lt;/li&gt;
&lt;li&gt;we always need a &lt;strong&gt;;&lt;/strong&gt; after each command.&lt;/li&gt;
&lt;li&gt;It doesn’t matter if you have a space or a paragraph between these symbols, but they must be there!&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;If you’re curious and want to try other ways before going ahead, take a look at the following commands:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;line()&lt;br/&gt;
point()&lt;br/&gt;
rect()&lt;br/&gt;
triangle()&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;You will find instructions for each one on the Processing &lt;a href="https://processing.org/reference/" target="_blank"&gt;reference web site&lt;/a&gt;.&lt;/p&gt;
&lt;h2 class="summary-item" id="visualizing-accuracy-vs-synthesis"&gt;&lt;a href="#visualizing-accuracy-vs-synthesis"&gt;Visualizing: accuracy vs. synthesis&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;To see the density of each city here, we will use a straightforward technique: representing the total number of inhabitants as points within the city area. This feature offers a less precise notion than a bar chart would, for example – you can not tell the area or the population of the cities just by looking at the pictures below:&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="Processing" class="aligncenter wp-image-354" decoding="async" height="216" loading="lazy" sizes="auto, (max-width: 318px) 100vw, 318px" src="https://geojournalism.org/wp-content/uploads/2013/08/processing03.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/processing03.png 398w, https://geojournalism.org/wp-content/uploads/2013/08/processing03-300x203.png 300w" width="318"/&gt;&lt;/p&gt;
&lt;p&gt;Our intention, however, is simply to present a direct visual and intuitive comparison of the theme: more points, more people; larger square, the larger area. In choosing one or another way of visualizing, always think about the balance between these two variables and analyze how they can work best according to the purpose of your chart.&lt;/p&gt;
&lt;h2 class="summary-item" id="formatting-data"&gt;&lt;a href="#formatting-data"&gt;Formatting data&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;We will use data from the 2013 &lt;a href="https://www.demographia.com/db-worldua.pdf" target="_blank"&gt;Demographia World Urban Areas&lt;/a&gt; to draw a graph ranking the 10 most populated cities in the world (table 1).&lt;/p&gt;
&lt;p&gt;A simple and practical data format that can be read in Processing is the &lt;a href="https://en.wikipedia.org/wiki/Tab-separated_values" target="_blank"&gt;tsv&lt;/a&gt; (tab-separated values). Basically, it is a text format that works like a table, with values ​​separated by &lt;i&gt;tabs&lt;/i&gt; instead of cells.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="Processing" class="aligncenter wp-image-355" decoding="async" height="194" loading="lazy" sizes="auto, (max-width: 717px) 100vw, 717px" src="https://geojournalism.org/wp-content/uploads/2013/08/processing04-1024x277.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/processing04-1024x277.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/processing04-300x81.png 300w" width="717"/&gt;&lt;/p&gt;
&lt;p&gt;Transferring data from a PDF file into a table is not always an easy task, since the breaks hardly follow the format of the cells that we need.&lt;/p&gt;
&lt;p&gt;In the image above, we will only need the columns &lt;i&gt;Urban Area&lt;/i&gt;, &lt;i&gt;Population Estimate&lt;/i&gt; e &lt;i&gt;Land Area km2&lt;/i&gt;. You can download the formatted file &lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/cidades.tsv"&gt;here&lt;/a&gt; or try to create your own:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Windows: Use &lt;i&gt;Notepad&lt;/i&gt; and save the file as “cidades.tsv”.&lt;/li&gt;
&lt;li&gt;Mac: Use the &lt;i&gt;Text Edit&lt;/i&gt;. Press &lt;i&gt;command + shift + T&lt;/i&gt; to transform the file into unformatted text. When you save, select &lt;i&gt;Unicode (UTF-8)&lt;/i&gt; in the &lt;i&gt;encoding&lt;/i&gt; option.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 class="summary-item" id="loading-data"&gt;&lt;a href="#loading-data"&gt;Loading data&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Drag the file to the Processing window and you will see the message &lt;i&gt;One file added to the sketch&lt;/i&gt;. This just created a copy of cidades.tsv in the folder that Processing created for you. To read it in the script, add the following code and run:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;size(1200, 200);&lt;br/&gt;
Table tabela = loadTable(“cidades.tsv”, “header”);&lt;br/&gt;
for(int i = 0;&lt;br/&gt;
i &amp;lt; tabela.getRowCount();&lt;br/&gt;
i = i + 1){&lt;br/&gt;
TableRow linha = tabela.getRow(i);&lt;br/&gt;
rect(120*i, 50, linha.getInt(“área”), linha.getInt(“área”));&lt;br/&gt;
}&lt;/div&gt;&lt;/div&gt;
&lt;h2 class="summary-item" id="viewing-area"&gt;&lt;a href="#viewing-area"&gt;Viewing area&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Ok, what is this code doing? Let’s understand line by line:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;size(1200, 200);&lt;br/&gt;
// Loading the file into a table. “header” means that the first line of the file should be understood as a header.&lt;br/&gt;
Table tabela = loadTable(“cidades.tsv”, “header”);&lt;br/&gt;
// Creates an action that will be repeated several times,…&lt;br/&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;for (int i = 0; //…from a counter that starts at zero,… i &amp;lt; tabela.getRowCount(); // … ends on table size … i = i + 1){ // … and it increases one by one. // In short, it is as if the program started counting “0, 1, 2, 3…” up to “10”, which is the number of rows in our table. For each time it counts, it performs the action below:&lt;/div&gt;&lt;/div&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;// Select the row corresponding to the count (i) TableRow linha = tabela.getRow(i);
&lt;p&gt;// It draws a rectangle at position y 50 and x according to the formula “120 times counting”.&lt;/p&gt;
&lt;p&gt;// It means that, in the sequence, coordinate x will be: 0, 120, 240, 360 … to 1080.&lt;/p&gt;
&lt;p&gt;// As our count of 10 elements starts at 0, it goes up to 9! rect(120*i, 50, It defines width and height of each rectangle the value that is read in the “area” linha.getInt(“área”), linha.getInt(“área”)); }&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;&lt;/p&gt;&lt;p&gt;In the resulting image, we can’t see the whole rectangles, because the numbers ​​of the area we have for each city are very large:&lt;/p&gt;
&lt;p&gt;&lt;img alt="Processing" class="aligncenter wp-image-356" decoding="async" height="157" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/processing05-1024x261.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/processing05-1024x261.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/processing05-300x76.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/processing05-1160x296.png 1160w" width="614"/&gt;&lt;/p&gt;
&lt;p&gt;A good solution to solve this is to change the command of the rectangle to:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;rect(120*i, 50,&lt;br/&gt;
sqrt(linha.getInt(“área”)), sqrt(linha.getInt(“área”)));&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;The &lt;i&gt;sqrt&lt;/i&gt; function calculates the square root of a value. For us, it’s a quick and useful way to reduce the sizes:&lt;/p&gt;
&lt;p&gt;&lt;img alt="Processing" class="aligncenter wp-image-357" decoding="async" height="157" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/processing06-1024x261.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/processing06-1024x261.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/processing06-300x76.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/processing06-1160x296.png 1160w" width="614"/&gt;&lt;/p&gt;
&lt;p&gt;Additionally, this patch makes the &lt;i&gt;areas&lt;/i&gt;of rectangles proportional to the values ​​that we are representing, not their &lt;i&gt;height&lt;/i&gt; and &lt;i&gt;width&lt;/i&gt;. This is necessary to avoid distortions when we use a figure like a circle or a rectangle. If we only had to divide the area value by 100, for example, we would have a disproportionate image:&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;rect(120*i, 50,&lt;br/&gt;
linha.getInt(“área”)/100, linha.getInt(“área”)/100);&lt;/div&gt;&lt;/div&gt;&lt;br/&gt;
&lt;img alt="Processing" class="aligncenter wp-image-358" decoding="async" height="157" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/processing07-1024x261.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/processing07-1024x261.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/processing07-300x76.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/processing07-1160x296.png 1160w" width="614"/&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;The picture above makes the cities look much different in area than they really are, a distortion caused by the confusion between &lt;i&gt;linear dimension&lt;/i&gt; (height and width) and size&lt;i&gt;(square area)&lt;/i&gt;.&lt;/p&gt;
&lt;h2 class="summary-item" id="simplifying-the-code"&gt;&lt;a href="#simplifying-the-code"&gt;Simplifying the code&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Before leaving for the second data point of our visualization, the population of each city, we will try to simplify some things to make our algorithm more intelligible:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;size(1200, 200); In the case of the side of the rectangle, Table tabela = loadTable(“cidades.tsv”, “header”);&lt;br/&gt;
for(int i = 0;&lt;br/&gt;
i &amp;lt; tabela.getRowCount();&lt;br/&gt;
i = i + 1){&lt;br/&gt;
TableRow linha = tabela.getRow(i); int posX = 120*i;&lt;br/&gt;
int posY = 50;&lt;br/&gt;
float lado = sqrt(linha.getInt(“área”));&lt;br/&gt;
rect(posX, posY, lado, lado);&lt;br/&gt;
}&lt;br/&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;If you run the code above, you will see that the visual result does not change at all. What we did was just write the same commands in a different way: instead of calculating everything inside the function &lt;i&gt;rect()&lt;/i&gt;, we defined three&lt;i&gt;variables&lt;/i&gt; variables with values ​​and then used them in the drawing of the rectangle:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;int //Specifies the creation of a variable with the same number&lt;br/&gt;
posX
&lt;p&gt;// Variable name, invented so I remember what it refers to&lt;br/&gt;
= 120*i;&lt;/p&gt;
&lt;p&gt;// it assigns the value “120 times i” to my variable&lt;br/&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;i&gt;float&lt;/i&gt; means that this variable can store a fractional number, since we do not know if the result of the formula “root area” will be a whole number.&lt;/p&gt;
&lt;h2 class="summary-item" id="viewing-the-population"&gt;&lt;a href="#viewing-the-population"&gt;Viewing the population&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;As mentioned earlier, the idea here is to represent the total number of inhabitants of each city as points within the areas that we have already designed. Below the line with the command &lt;i&gt;rect()&lt;/i&gt;, add the following code:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;Contenfor(int j = 0;&lt;br/&gt;
j &amp;lt; linha.getInt(“população”);&lt;br/&gt;
j = j + 1){&lt;br/&gt;
point(posX,posY);&lt;br/&gt;
}&lt;br/&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Be aware to write this command before the last key &lt;i&gt;}&lt;/i&gt; that you already had in the document. Being inside this key, Processing will understand that this command must be repeated every time it is reading a table row – which is what we want, since we are going to draw the population for each city. The structure here is similar to the previous one:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;// From a counter “j”…&lt;br/&gt;
for(int j = 0;
&lt;p&gt;//… starts at zero…&lt;br/&gt;
j &amp;lt; linha.getInt(“população”);&lt;/p&gt;
&lt;p&gt;//..it goes to the read number&lt;/p&gt;
&lt;p&gt;//in the “population” column, of each line…&lt;br/&gt;
j = j + 1){ // …and it increases one by one…&lt;/p&gt;
&lt;p&gt;//…draw a point.&lt;br/&gt;
point(posX,posY);&lt;br/&gt;
}&lt;br/&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;&lt;/p&gt;&lt;p&gt;If you try to run this code, it is likely that your computer will take a long time – if not stall. This is because the number of repetitions that we are using is very large: 37,239,000 points only for the city of Tokyo! To solve this, change the second line of this section to:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;j &amp;lt; linha.getInt(“população”)/5000;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;With this, we draw 1 point for every 5,000 inhabitants (not 1 to 1).&lt;/p&gt;
&lt;p&gt;We still need to correct one detail: if you study carefully the command &lt;i&gt;point()&lt;/i&gt;, you’ll notice that all points of each city are designed in the same place, one above another: on the x and y coordinate that corresponds to the upper left corner of the square. Change this line to:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;point( random(posX, posX + lado),&lt;br/&gt;
random(posY, posY + lado));&lt;br/&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;The command &lt;i&gt;random()&lt;/i&gt; results in a random number, drawn from a minimum and a maximum value. In our case, the result is:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;point( random number between the x coordinate of the rectangle and the same coordinate + o lado,&lt;br/&gt;
random number between (the y coordinate of the rectangle and the same coordinate + o lado);&lt;br/&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Run the program and we will have our final result:&lt;/p&gt;
&lt;p&gt;&lt;img alt="Processing" class="aligncenter wp-image-359" decoding="async" height="157" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/08/processing08-1024x261.png" srcset="https://geojournalism.org/wp-content/uploads/2013/08/processing08-1024x261.png 1024w, https://geojournalism.org/wp-content/uploads/2013/08/processing08-300x76.png 300w, https://geojournalism.org/wp-content/uploads/2013/08/processing08-1160x296.png 1160w" width="614"/&gt;&lt;/p&gt;
&lt;p&gt;In the end, comparisons are obvious: Tokyo and New York are the cities with the largest area, but their population density is much lower than cities like Manila and Karachi.&lt;/p&gt;
&lt;p&gt;If you want to save the file that you created as an image to use in another program, simply add one last line:&lt;/p&gt;
&lt;div class="et-box et-shadow"&gt;
					&lt;div class="et-box-content"&gt;save(“cidades.jpg”);&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;To save in another format such as &lt;i&gt;tif&lt;/i&gt; or &lt;i&gt;png&lt;/i&gt;, , simply change the file extension in the code above.&lt;/p&gt;
&lt;h2 class="summary-item" id="conclusion"&gt;&lt;a href="#conclusion"&gt;Conclusion&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Programming for the first time can sound like an unfriendly task. However, as you start to understand the logic behind the commands, to deal with several languages ​​is just a matter of learning different syntaxes, some are more similar than others. It is similar to speaking several languages​​.&lt;/p&gt;
&lt;p&gt;Even though the work is hard in the beginning, you will see that the advantages are worth it: in the case of the file that we used, for example, you can simply change the .tsv data to generate a different version of the view, without having to make manual adjustments to the image. In addition, programming should be understood more as a language than as a tool: instead of pre-defined resources, you can build the graph how you want it to better fit your data. The possibilities are endless.&lt;/p&gt;
&lt;p&gt;Take a look at this example file and try to change a few parameters to customize it: background color, size, space between areas etc. From there, explore the Processing reference page and try to redo this example using another type of visualization, such as bars or lines.&lt;/p&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://si0.twimg.com/profile_images/1298845056/gabriel_2011.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			I’m a graphic designer in love with numbers.
&lt;p&gt;I am currently enrolled in the Master of Fine Arts – Design &amp;amp; Technology program, at Parsons The New School for Design. My last job was as a senior designer for the Innovation in Technology and User Experience team at Itaú, the largest private bank in Brazil. For the past 6 years, I have been working with information and graphic design, mainly in magazines, and have won some awards.&lt;/p&gt;
&lt;p&gt;I have been invited as a speaker for some major events, including Campus Party, World Information Architecture Day and Pixel Show, the Brazilian largest conference on art and creativity. I also ran workshops on data visualization using the Processing programming language.
		&lt;/p&gt;&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/portugues-as-cidades-mais-populosas-do-mundo/"&gt;Visualizing data with Processing&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>351</ns2:post-id>	</item>
		<item>
		<title>Basic steps for creating animation</title>
		<link>https://geojournalism.org/2013/08/portugues-principios-basicos-para-criar-uma-animacao/</link>
		
		<dc:creator>Mariana Santos</dc:creator>
		<pubDate>Fri, 16 Aug 2013 21:02:22 +0000</pubDate>
				<category>Design</category>
		<category>Visualization</category>
		<category>animation</category>
		<guid isPermaLink="false">https://geojournalism.oeco.org.br/?p=328</guid>

					<description>&lt;p&gt;In this tutorial, we&amp;#8217;ll learn how to create an animation, it must be a short story that will serve as a teaser to invite the user to get to know the story we want to tell Introduction Animation Concepts The most important part of an animation is the story itself. So it is very important [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/portugues-principios-basicos-para-criar-uma-animacao/"&gt;Basic steps for creating animation&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;p&gt;In this tutorial, we’ll learn how to create an animation, it must be a short story that will serve as a teaser to invite the user to get to know the story we want to tell&lt;span id="more-328"&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style="font-size: 1.5em;"&gt;Introduction&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Animation Concepts&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;The most important part of an animation is the story itself. So it is very important that the script is written to serve the purposes of the animation, it shouldn’t be written in the same way you would write a narrative for &lt;em&gt;long form reading&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;The story must be read aloud in less than 2 minutes, as analysts say, if it is longer than 1min30sec, users stop watching and go look for new content on other websites. This is super important not only to save production time, but also to avoid uploading content that won’t be seen. One must understand that animation, films, documentaries and short films are different products and serve different purposes.&lt;/p&gt;
&lt;p&gt;In this tutorial, we’ll learn how to create an animation, it must be a short story that will serve as a teaser to invite the user to get to know the story we want to tell. After this introduction to the subject, articles released with the teaser can be read to learn more. Animation is a very effective way to introduce a topic, it’s easy to share and it can attract more users to our website.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Story&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Not all stories are appropriate for animation. Here is a cut from the original story: &lt;a href="https://news.mongabay.com/2013/0805-costa-rica-deforestation-intensification.html"&gt;https://news.mongabay.com/2013/0805-costa-rica-deforestation-intensification.html&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Script&lt;/strong&gt;&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;&lt;i&gt;Deforestation ban working in Costa Rica&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;Costa Rica’s ban on clearing of “mature” forests appears to be effective in encouraging agricultural expansion on non-forest lands, finds a study published today in the journal Environmental Research Letters. The research, which was led by Matthew Fagan of Columbia University, is based on analysis of satellite data calibrated with visits to field sites in the lowlands of northern Costa Rica.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;The study found that since Costa Rica implemented its ban on conversion of mature forests in 1996, the annual rate of old-growth forest loss dropped 40 percent despite an agricultural boom in the region. The results suggest that Costa Rica is intensifying agricultural production while simultaneously sparing forests.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;“We observed that following the ban, mature forest loss decreased from 2.2 percent to 1.2 percent per year, and the proportion of pineapple and other export-oriented cropland derived from mature forest declined from 16.4% to 1.9%,” the researchers write. “The post-ban expansion of pineapples and other crops largely replaced pasture, exotic and native tree plantations, and secondary forests.”&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;Fagan and colleagues observed that the ban seemed to be particularly effective at discouraging large-scale or industrial agriculture in mature forest areas. It was less successful in stopping conversion for cattle pasture. “We conclude that forest protection efforts in northern Costa Rica have likely slowed mature forest loss and succeeded in re-directing expansion of cropland to areas outside mature forest,” they write. “Our results suggest that deforestation bans may protect mature forests better than older forest regrowth and may restrict clearing for large-scale crops more effectively than clearing for pasture.”&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;Downsides to intensification&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;However the researchers suggest that intensification may not be an ecological panacea. They note that intensive agriculture has expanded into important non-protected forests, including wetlands and secondary forests. Additionally, industrial monocultures offer less habitat connectivity than less intensively managed landscapes — a typical cattle pasture includes scattered tree cover which is utilized by many species, whereas a pineapple farm is usually devoid of trees and functions as a biological desert. Finally the use of agricultural chemicals is a risk to animals and aquatic habitats.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;“Pineapple and banana production in Costa Rica depend on extremely high applications of fertilizer and toxic pesticides,” the authors write. “In Costa Rica these agro-chemicals have degraded water quality and disrupted downstream ecosystems, and contaminated montane forests with pesticides.”&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;Nonetheless, from a land use policy perspective, the researchers conclude that Costa Rica’s approach may hold lessons for other areas where forests are being rapidly converted for agriculture.&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;i&gt;“Comprehensive forest protection policies may be a potential tool to promote land-sparing in regions undergoing deforestation for intensive agriculture,” they write.&lt;/i&gt;&lt;/p&gt;&lt;/blockquote&gt;
&lt;h2 class="summary-item" id="audio"&gt;&lt;a href="#audio"&gt;Audio&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Narration is a very important part of the animation, as it allows the user to follow the story not only visually, but also through the story, allowing input of information through many different channels.&lt;/p&gt;
&lt;p&gt;An audio recording is a task that should be taken seriously, as a bad narration can kill our animation, making it monotonic. Making the voiceover narration is like being an actor, we have to put emotion in the story and, like a theater actor, emphasize the right parts of the narrative, raising one’s voice, reading faster or slower and with the correct volume to keep the listener interested in the story.&lt;/p&gt;
&lt;p&gt;There are several ways to record audio, including a recording studio. As this tutorial is dedicated to people who want to do everything themselves from the beginning, and not to be dependent on recording studios, there is affordable and even free software that provides great recording quality.&lt;/p&gt;
&lt;p&gt;My favorite is &lt;a href="https://itunes.apple.com/pt/app/pcmrecorder/id481055155?mt=8"&gt;PCM Recorder&lt;/a&gt; that can be downloaded free.&lt;/p&gt;
&lt;p&gt;It records using your phone. You then have to upload your audio file to soundcloud, so you can produce several audio versions to have online. It is also very effective to share with friends.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;How it works&lt;/strong&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="Como criar uma animação" class="aligncenter" decoding="async" height="307" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-11.46.23-1024x731.png" width="430"/&gt;&lt;/p&gt;
&lt;p&gt;Start preparing to capture sound by clicking on the red button with a circle inside. At that moment the phone is ready to capture sound. To record click the green play button and start talking. When finished, click the button with the square.&lt;/p&gt;
&lt;p&gt;Once the file is recorded it is accessed by selecting Files, where you can find all the files you have recorded.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-11.46.38.png"&gt;&lt;img alt="Screen Shot 2013-08-09 at 11.46.38" class="aligncenter" decoding="async" height="312" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-11.46.38-1024x743.png" width="430"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The files will be named with the date they were recorded with the addition of _001, _002 etc chronologically. To upload a file to Soundcloud, you must first have an active account, which you can create at &lt;a href="https://soundcloud.com/connect?client_id=b45b1aa10f1ac2941910a7f0d10f8e28&amp;amp;response_type=token&amp;amp;scope=non-expiring%20fast-connect%20purchase%20upload&amp;amp;display=next&amp;amp;redirect_uri=https://soundcloud.com/soundcloud-callback.html&amp;amp;highlight=signup"&gt;Soundcloud SignIn&lt;/a&gt;.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-12.07.42.png"&gt;&lt;img alt="Screen Shot 2013-08-09 at 12.07.42" class="aligncenter" decoding="async" height="391" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-12.07.42-1024x652.png" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Log in, click the button above the files, select the audio you want to upload and click Upload. Please wait a few minutes and it’s ready. From your SoundCloud page you can download to your computer the file you want. This process is especially useful when you record interviews or audio on the road and want to send them to someone. Using this method is fast, effective and safe.&lt;/p&gt;
&lt;p&gt;Be careful to record your story in a quiet place. Don’t forget to tell the story like a theater actor, in a serious but interesting way. Narrations in a single tone become boring and contribute to making users uninterested. Put feeling into your narration.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Example:&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://soundcloud.com/marysaints/130809_0011-wav"&gt;https://soundcloud.com/marysaints/130809_0011-wav&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Using background music can be very effective as well. Be careful not to use a song with voice or one that is too loud, as this will make communication hard.&lt;/p&gt;
&lt;p&gt;There are free music websites, and some that cost money.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Free:&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.jamendo.com/en/"&gt;https://www.jamendo.com/en/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://freeplaymusic.com/"&gt;https://freeplaymusic.com/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Paid:&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://audiojungle.net/"&gt;https://audiojungle.net/&lt;/a&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="visual-representation"&gt;&lt;a href="#visual-representation"&gt;Visual Representation&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;To illustrate your story, you can use photographs, drawings, illustrations, clips, and any and all visual elements you want.&lt;/p&gt;
&lt;p&gt;Typically, iconographic representations are very effective when you are working with data and want to tell a story in a rational way with minimalist aesthetic.&lt;/p&gt;
&lt;p&gt;I recommend &lt;a href="https://thenounproject.com/"&gt;“The Noun Project”&lt;/a&gt; which is a website with icons for almost everything, it’s free and the only thing you have to do at the end of the project is mention that one of the sources in the work was The Noun Project.&lt;/p&gt;
&lt;p&gt;It’s possible to type in the search bar what kind of icons we need, then download them and use them in our history.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-13.08.01.png"&gt;&lt;img alt="Screen Shot 2013-08-09 at 13.08.01" class="aligncenter" decoding="async" height="356" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-13.08.01-1024x594.png" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-13.08.43.png"&gt;&lt;img alt="Screen Shot 2013-08-09 at 13.08.43" class="aligncenter" decoding="async" height="325" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-13.08.43-1024x542.png" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;To make root illustrations, the best program is Adobe Illustrator, since the graphics are exported as vectors, which allows us to make them bigger without sacrificing quality.&lt;/p&gt;
&lt;p&gt;If we have a lot of data to display and want to make bar graphs, pie graphs or any other type of diagrams, the best is to use Adobe Illustrator.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Storyboard&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;The first thing we must do to view the story is to make the storyboard. Meaning that we must go paragraph by paragraph and draw how we want to represent each part of the story. This process must be done by hand, because by hand is the fastest way between the brain and expression.&lt;/p&gt;
&lt;p&gt;Don’t worry if you think you have no talent for drawing, as there is no problem here. What matters is to represent how you want the story to be viewed. The final illustration will be done later through photographs, vectors or icons.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Adobe Illustrator &lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;This software is great for creating vector images. You can also edit some icons (that you downloaded from The Noun Project) and match different items to make it have your own meaning.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Starting an Ai project&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;You can start with the format you want, because this file will be exported as an &lt;em&gt;.ai&lt;/em&gt; (Adobe Illustrator file), meaning that it will have all the features of a file in Illustrator.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-13.40.03.png"&gt;&lt;img alt="Screen Shot 2013-08-09 at 13.40.03" class="aligncenter" decoding="async" height="304" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-13.40.03-1024x507.png" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;It means that if you decide to change a certain element afterwards you can do it. The update will be done with After Effects.&lt;/p&gt;
&lt;p&gt;To make shapes, simply select the shape you want, you can make squares, circles, stars etc. These options are behind the square, so click and hold it and all the options will show up.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-14.41.20.png"&gt;&lt;img alt="Screen Shot 2013-08-09 at 14.41.20" class="aligncenter" decoding="async" height="374" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-14.41.20-1024x624.png" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Importing icons for Ai (Adobe Illustrator)&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&amp;gt; File &amp;gt; Place and choose the icon you want to import.&lt;/p&gt;
&lt;p&gt;If you have downloaded some icons from The Noun Project, they are saved as svg (Scalable Vector Graphics) in illustrator. Afterwards, you can convert them to the format you want, as .ai, for example.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-14.54.03.png"&gt;&lt;img alt="Screen Shot 2013-08-09 at 14.54.03" class="aligncenter" decoding="async" height="461" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-14.54.03-1024x769.png" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Editing&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;To edit icons inside Ai, use the white arrow called ‘Direct Selection Tool’ (by clicking “A” this option is automatically selected).&lt;/p&gt;
&lt;p&gt;You can select the small points that make the icon and modify it as you want.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-14.59.12.png"&gt;&lt;img alt="Screen Shot 2013-08-09 at 14.59.12" class="aligncenter" decoding="async" height="259" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/08/Screen-Shot-2013-08-09-at-14.59.12.png" width="225"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;To save your image &amp;gt;File &amp;gt; Save and save it with the name you choose.&lt;/p&gt;
&lt;h2 class="summary-item" id="more-information"&gt;&lt;a href="#more-information"&gt;More Information&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Information and courses for Adobe Illustrator&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.smashingapps.com/2011/02/08/50-fresh-and-useful-adobe-illustrator-tutorials.html"&gt;https://www.smashingapps.com/2011/02/08/50-fresh-and-useful-adobe-illustrator-tutorials.html&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://layersmagazine.com/category/tutorials/illustrator"&gt;https://layersmagazine.com/category/tutorials/illustrator&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://mashable.com/2010/08/19/adobe-illustrator-tutorials/"&gt;https://mashable.com/2010/08/19/adobe-illustrator-tutorials/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Adobe After Effects&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;This software is awesome! It’s powerful, not difficult to learn, anyone can learn it, it’s just a matter of dedication and time.&lt;/p&gt;
&lt;p&gt;You can download a trial here:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://creative.adobe.com/products/aftereffects"&gt;https://creative.adobe.com/products/aftereffects&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;There are many tutorials:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://www.videocopilot.net/basic/"&gt;https://www.videocopilot.net/basic/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://helpx.adobe.com/after-effects/after-effects-cs5-cs55-tutorials.html"&gt;https://helpx.adobe.com/after-effects/after-effects-cs5-cs55-tutorials.html&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://greyscalegorilla.com/blog/tutorials/software/after-effects/"&gt;https://greyscalegorilla.com/blog/tutorials/software/after-effects/&lt;/a&gt;&lt;/p&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://b.vimeocdn.com/ps/828/82817_300.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			Knight International Journalism Fellow &lt;strong&gt;Mariana Santos&lt;/strong&gt; is a visual storyteller, who did groundbreaking work as a member of the interactive team at &lt;a href="https://www.guardiannews.com/" target="_blank"&gt;The Guardian&lt;/a&gt; in London. A trained animator, she pioneered the newsroom’s use of motion graphics to make data stories more compelling. She taught a course in interactive journalism at the &lt;a href="https://knightcenter.utexas.edu/" target="_blank"&gt;Knight Center for Journalism in the Americas&lt;/a&gt; and has held workshops in Argentina, Denmark and the United Kingdom. She began her career as a motion animator and post-production editor at Universal Music Berlin. Santos has a bachelor’s degree in communication design and industrial design from the Faculty of Fine Arts at the &lt;a href="https://www.ul.pt/portal/page_pageid=173,1&amp;amp;_dad=portal&amp;amp;_schema=PORTAL" target="_blank"&gt;University of Lisbon&lt;/a&gt;. She completed a master’s degree in digital media at &lt;a href="https://www.hyperisland.com/" target="_blank"&gt;Hyper Island&lt;/a&gt;, an educational company in Stockholm.
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/portugues-principios-basicos-para-criar-uma-animacao/"&gt;Basic steps for creating animation&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>328</ns2:post-id>	</item>
		<item>
		<title>Choosing the right kind of map for your story</title>
		<link>https://geojournalism.org/2013/08/map-styles/</link>
		
		<dc:creator>Gustavo Faleiros</dc:creator>
		<pubDate>Fri, 09 Aug 2013 15:25:53 +0000</pubDate>
				<category>Design</category>
		<category>Maps</category>
		<category>Visualization</category>
		<category>map design</category>
		<category>maps</category>
		<guid isPermaLink="false">https://dev.cardume.art.br/toolkit/?p=179</guid>

					<description>&lt;p&gt;Most available databases have some element of location to them. According to officers working at the open data portal of the US government, around 90% of their datasets contain geographical information, ranging from streets names to precise coordinates. In this tutorial, we will show the different kind of maps you can use to convey information [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/map-styles/"&gt;Choosing the right kind of map for your story&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;p&gt;Most available databases have some element of location to them. According to officers working at the open data portal of the US government, around 90% of their datasets contain geographical information, ranging from streets names to precise coordinates. In this tutorial, we will show the different kind of maps you can use to convey information and enable users to interact with and explore the environmental data you’ve gathered to support your story.&lt;/p&gt;
&lt;h2 class="summary-item" id="points-of-interest"&gt;&lt;a href="#points-of-interest"&gt;Points of interest&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Points are the simplest symbol used to make maps. You can simply pin your map with a specific location you would like to highlight or you can include many points, or icons on several locations to represent your data.&lt;/p&gt;
&lt;p&gt;On the example below, done on &lt;a href="https://geojournalism.org/tools/fusion-tables/" title="Fusion Tables"&gt;Google Fusion Tables&lt;/a&gt;, the species of Butterflies are mapped in Costa Rica.&lt;/p&gt;
&lt;p&gt;&lt;iframe frameborder="no" height="350" loading="lazy" scrolling="no" src="https://www.google.com/fusiontables/embedviz?q=select+col12+from+1yooILLPC5cFA9y2TEedmBkHA8aO-JbpbcXsBeq4&amp;amp;viz=MAP&amp;amp;h=false&amp;amp;lat=10.901887452028856&amp;amp;lng=-85.40865571411138&amp;amp;t=1&amp;amp;z=10&amp;amp;l=col12&amp;amp;y=2&amp;amp;tmplt=2" width="820"&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="polygon-maps"&gt;&lt;a href="#polygon-maps"&gt;Polygon Maps&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;These maps are useful when area, boundaries, shapes or limits need to be represented. A classical example is world boundaries map or a map representing the different natural physiology within a protected area&lt;/p&gt;
&lt;div class="wp-caption aligncenter" style="width: 692px"&gt;&lt;img alt="" decoding="async" height="477" loading="lazy" src="https://upload.wikimedia.org/wikipedia/commons/e/e4/Last_glacial_vegetation_map.png" width="682"/&gt;&lt;p class="wp-caption-text"&gt;World Vegetation Map with data of the National Geophysical Data Center. Courtesy of Wikimedia Commons&lt;/p&gt;&lt;/div&gt;
&lt;h2 class="summary-item" id="heat-maps"&gt;&lt;a href="#heat-maps"&gt;Heat Maps&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;When a concentration of occurrences or points of interest happen in a same location, it is possible to group certain areas together using an average value over an area. Also known as isoline maps, and used often for visualizing weather data, “heat” maps can used to visualize particularly intense concentrations evident in your data.&lt;/p&gt;
&lt;p&gt;The example bellow shows the biodiversity hotspots around the globe by measuring biomass density.&lt;/p&gt;
&lt;div class="wp-caption aligncenter" style="width: 810px"&gt;&lt;img alt="" class="" decoding="async" height="473" loading="lazy" src="https://e360.yale.edu/images/slideshows/gallery_ncsu_biodiversity_hotspots_global.jpg" width="800"/&gt;&lt;p class="wp-caption-text"&gt;The red areas represent those with highest species density and the blue territories , the lowest. Courtesy of Saving Species 2012&lt;/p&gt;&lt;/div&gt;
&lt;h2 class="summary-item" id="bubble-map"&gt;&lt;a href="#bubble-map"&gt;Bubble Map&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;This kind of map is similar to a point map with the difference that you scale the size of the points according to numerical values, creating the a bubble look to highlight events on specific location. This map style is also referred to as a “graduated symbols” map since a designer is not limited to circles for their symbols.&lt;/p&gt;
&lt;p&gt;On the following example, the locations of forest fires are scaled according to the number of events. This map was done on &lt;a href="https://geojournalism.org/tools/tableau-public-software/" target="_blank" title="Tableau"&gt;Tableau Public Software&lt;/a&gt;.&lt;/p&gt;
&lt;div class="wp-caption aligncenter" style="width: 692px"&gt;&lt;img alt="" decoding="async" src="https://www.tableausoftware.com/public/sites/default/files/Bubble%20Map%20Forest%20Fires.png" width="682"/&gt;&lt;p class="wp-caption-text"&gt;The size of the bubbles over the map represent the amount acres burned, showing that the West Coast of US is more affected over a period of 10 years. Image: Courtesy Tableau Public&lt;/p&gt;&lt;/div&gt;
&lt;h2 class="summary-item" id="cloropleth-map"&gt;&lt;a href="#cloropleth-map"&gt;Cloropleth map&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Coloring polygons like country boundaries according to the values represented on the map is the &lt;a href="https://en.wikipedia.org/wiki/Choropleth_map" target="_blank"&gt;cloropleth map&lt;/a&gt;. This classic form of cartography maybe the most well recognized map style. Political maps like the ones that show divisions between Republicans and Democrats in the US are on every TV newsshow and newspaper. But there are many more ways to use this style map. One of them is applying a gradient respecting a numerical range. To choose colors, we recommend the tool &lt;a href="https://geojournalism.org/tools/color-brewer/" target="_blank" title="Color Brewer"&gt;Color Brewer&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Here is an example of a cloropleth done in the project InfoAmazonia showing the quantity of heads of cattle per municipality in the north of Brazil&lt;/p&gt;
&lt;p&gt;&lt;iframe frameborder="0" height="480" loading="lazy" src="https://infoamazonia.org/en/embed/?no_stories=1&amp;amp;map_id=2530&amp;amp;width=820&amp;amp;height=480&amp;amp;lat=-7.710991655433229&amp;amp;lon=-59.23828124999999&amp;amp;zoom=5" width="820"&gt;&lt;/iframe&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="cartogram"&gt;&lt;a href="#cartogram"&gt;Cartogram&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;A cartogram distorts the size of shapes on the map according to the the values they represent. The example bellow reshape the size of the countries according to their carbon emissions. As you can see immediately, US and China get really swollen while the whole African continent almost disappear&lt;/p&gt;
&lt;div class="wp-caption aligncenter" style="width: 690px"&gt;&lt;img alt="" decoding="async" src="https://www.viewsoftheworld.net/wp-content/uploads/2010/11/CarbonEmissionMap_2009.jpg" width="680"/&gt;&lt;p class="wp-caption-text"&gt;Map originally published at &lt;a href="http://www.viewoftheworld.net" rel="nofollow"&gt;http://www.viewoftheworld.net&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://media.licdn.com/mpr/mpr/shrinknp_200_200/AAEAAQAAAAAAAAlOAAAAJGJmNmMxZTFiLWY5ODUtNGFlNy05MTE0LTZjNDk3ZWJmNWRkMA.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			&lt;strong&gt;Gustavo Faleiros&lt;/strong&gt; is an environmental journalist and media trainer who specializes in data-driven journalism. In 2012, he launched &lt;a href="https://infoamazonia.org/" target="_blank"&gt;InfoAmazonia&lt;/a&gt;, a digital map that uses satellite and other publicly available data to monitor the Amazon rainforest.
		&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/08/map-styles/"&gt;Choosing the right kind of map for your story&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>179</ns2:post-id>	</item>
		<item>
		<title>Deforestation diagram with Adobe Illustrator</title>
		<link>https://geojournalism.org/2013/07/grafico-sobre-desmatamento-com-adobe-illustrator/</link>
		
		<dc:creator>Gabriel Gianordoli</dc:creator>
		<pubDate>Wed, 31 Jul 2013 19:39:07 +0000</pubDate>
				<category>Design</category>
		<category>Visualization</category>
		<category>deforestation data</category>
		<guid isPermaLink="false">https://dev.cardume.art.br/toolkit/?p=131</guid>

					<description>&lt;p&gt;In this tutorial we will learn how to make a column chart using data in a table and how to customize it with some icons. Introdu&amp;#231;&amp;#227;o Adobe Illustrator&amp;#160;is a drawing tool that can also be used to construct simple static graphics. Although your options are limited (bar, line, area, scatterplot, pie and radar), the possibilities [&amp;#8230;]&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/07/grafico-sobre-desmatamento-com-adobe-illustrator/"&gt;Deforestation diagram with Adobe Illustrator&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</description>
										<ns4:encoded>&lt;p&gt;In this tutorial we will learn how to make a column chart using data in a table and how to customize it with some icons.&lt;span id="more-131"&gt;&lt;/span&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="introducao"&gt;&lt;a href="#introducao"&gt;Introdução&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/tools/adobe-illustrator/" title="Adobe Illustrator"&gt;Adobe Illustrator&lt;/a&gt; is a drawing tool that can also be used to construct simple static graphics. Although your options are limited (bar, line, area, scatterplot, pie and radar), the possibilities for customization of color, type and other visual elements make it a very popular software.&lt;/p&gt;
&lt;p&gt;In this tutorial we will learn how to make a column chart using data in a table and how to customize it with some icons.&lt;/p&gt;
&lt;h2 class="summary-item" id="starting-a-new-document"&gt;&lt;a href="#starting-a-new-document"&gt;Starting a new document&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;In the top menu, select File&amp;gt; New. Name the file and keep the default size (A4), only changing the page format to “landscape”.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;img alt="Gráfico sobre desmatamento com Adobe Illustrator" class="aligncenter" decoding="async" height="578" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator01-1024x826.png" width="717"/&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="tools"&gt;&lt;a href="#tools"&gt;Tools&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;If you have never used Illustrator before, do not be alarmed: there are few tools that we need.&lt;br/&gt;
The first tool is a column chart. Select it and then click to drag and define an area on the document, this will be the size of your graphic.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator02.png"&gt;&lt;img alt="" class="aligncenter" decoding="async" height="614" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator02-144x1024.png" width="86"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="adding-data"&gt;&lt;a href="#adding-data"&gt;Adding data&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Once you define the area of your chart, a window with a blank table will be displayed. We will use the data of total deforestation in the Legal Amazon from 2004 to 2012, measured by &lt;a href="https://www.obt.inpe.br/prodes/index.php" target="_blank"&gt;PRODES&lt;/a&gt;. You can select the row with the corresponding numbers (totals only, without variation rates or numbers per state) and paste it into the Illustrator window.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator03.png"&gt;&lt;img alt="Gráfico sobre desmatamento com Adobe Illustrator" class="aligncenter wp-image-242" decoding="async" height="231" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator03-1024x385.png" srcset="https://geojournalism.org/wp-content/uploads/2013/07/illustrator03-1024x385.png 1024w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator03-300x112.png 300w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator03.png 1758w" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Paste the data in the second row. Let’s use the first line to enter the years.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator04.png"&gt;&lt;img alt="Gráfico sobre desmatamento com Adobe Illustrator" class="aligncenter wp-image-243" decoding="async" height="160" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator04-1024x267.png" srcset="https://geojournalism.org/wp-content/uploads/2013/07/illustrator04-1024x267.png 1024w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator04-300x78.png 300w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator04.png 1380w" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;To make it possible for the software to interpret the numbers of years as titles, and not values​​, they must have quotation marks.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator05.png"&gt;&lt;img alt="Gráfico sobre desmatamento com Adobe Illustrator" class="aligncenter wp-image-244" decoding="async" height="160" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator05-1024x267.png" srcset="https://geojournalism.org/wp-content/uploads/2013/07/illustrator05-1024x267.png 1024w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator05-300x78.png 300w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator05.png 1380w" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Finally, invert the values ​​of row and column selecting &lt;i&gt;‘transpose row/column’&lt;/i&gt;.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator06.png"&gt;&lt;img alt="Gráfico sobre desmatamento com Adobe Illustrator" class="aligncenter wp-image-245" decoding="async" height="301" loading="lazy" sizes="auto, (max-width: 540px) 100vw, 540px" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator06.png" srcset="https://geojournalism.org/wp-content/uploads/2013/07/illustrator06.png 900w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator06-300x167.png 300w" width="540"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The column chart will be drawn when you click the &lt;i&gt;‘apply&lt;/i&gt;button or by saving the changes and closing the window.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator07.png"&gt;&lt;img alt="Gráfico sobre desmatamento com Adobe Illustrator" class="aligncenter wp-image-246" decoding="async" height="329" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator07-1024x549.png" srcset="https://geojournalism.org/wp-content/uploads/2013/07/illustrator07-1024x549.png 1024w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator07-300x160.png 300w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator07.png 1596w" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="formatting-the-diagram"&gt;&lt;a href="#formatting-the-diagram"&gt;Formatting the diagram&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;You can change captions and colors of your chart using the &lt;i&gt;direct selection&lt;/i&gt; tool. Use the &lt;em&gt;selection&lt;/em&gt; tool only if you want to move the entire diagram.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator08.png"&gt;&lt;img alt="illustrator08" class="aligncenter wp-image-247" decoding="async" height="111" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator08.png" width="101"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;When you select an element, the top bar will show which features can be changed (color, font, font size, contour etc).&lt;/p&gt;
&lt;p style="text-align: center;"&gt; &lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator09.png"&gt;&lt;img alt="illustrator09" class="aligncenter wp-image-248" decoding="async" height="34" loading="lazy" sizes="auto, (max-width: 717px) 100vw, 717px" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator09-1024x49.png" srcset="https://geojournalism.org/wp-content/uploads/2013/07/illustrator09-1024x49.png 1024w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator09-300x14.png 300w" width="717"/&gt;&lt;/a&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator09.png"&gt;&lt;br/&gt;
&lt;/a&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator10.png"&gt;&lt;img alt="Gráfico sobre desmatamento com Adobe Illustrator" class="aligncenter wp-image-249" decoding="async" height="364" loading="lazy" sizes="auto, (max-width: 645px) 100vw, 645px" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator10-1024x577.png" srcset="https://geojournalism.org/wp-content/uploads/2013/07/illustrator10-1024x577.png 1024w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator10-300x169.png 300w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator10.png 1312w" width="645"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A warning at this point: do not ungroup the graph (&lt;i&gt;Object&lt;/i&gt; &amp;gt; &lt;i&gt;Ungroup&lt;/i&gt;).While this allows you to change elements more easily, you will lose the ability to edit the data and other formatting options.&lt;/p&gt;
&lt;h2 class="summary-item" id="inserting-images"&gt;&lt;a href="#inserting-images"&gt;Inserting Images&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;You can customize your diagram so that it displays images instead of columns. Any image drawn in Illustrator will work for this. In our case, we use an icon available for download at &lt;a href="https://thenounproject.com/noun/tree/#icon-No2429" target="_blank"&gt;NounProject&lt;/a&gt;. This one is free to use, modify and reproduce. Some other drawings from the site may impose restrictions on use, from mandatory author citation to prohibition of commercial use, be aware when doing new research.&lt;/p&gt;
&lt;p&gt;When you unzip the &lt;i&gt;.zip&lt;/i&gt; of the site, you will find a file &lt;i&gt;.svg&lt;/i&gt;. This is a vector file, therefore it is scalable, which is fairly common. Open it in Illustrator, click the tree with the &lt;i&gt;selection&lt;/i&gt; tool and paste it in the file that contains the graph.&lt;/p&gt;
&lt;p&gt;VYou can change the colors of the design in the same way we did previously with the columns. I will leave the tree green with no outline:&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator11.png"&gt;&lt;img alt="Gráfico sobre desmatamento com Adobe Illustrator" class="aligncenter wp-image-250" decoding="async" height="94" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator11.png" width="104"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator12.png"&gt;&lt;img alt="illustrator12" class="aligncenter size-full wp-image-251" decoding="async" height="188" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator12.png" width="168"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Now, select the tree and use the command &lt;i&gt;Object&lt;/i&gt; &amp;gt; &lt;i&gt;Graph&lt;/i&gt; &amp;gt; &lt;i&gt;Design&lt;/i&gt; from the top menu.On the &lt;i&gt;Design&lt;/i&gt; dialog box, select &lt;i&gt;New design&lt;/i&gt;.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator13.png"&gt;&lt;img alt="Gráfico sobre desmatamento com Adobe Illustrator" class="aligncenter wp-image-252" decoding="async" height="611" loading="lazy" sizes="auto, (max-width: 546px) 100vw, 546px" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator13.png" srcset="https://geojournalism.org/wp-content/uploads/2013/07/illustrator13.png 910w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator13-268x300.png 268w" width="546"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="applying-images-to-the-diagram"&gt;&lt;a href="#applying-images-to-the-diagram"&gt;Applying images to the diagram&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Click on the chart with the &lt;i&gt;selection&lt;/i&gt;, tool, click again with the right mouse button and select &lt;i&gt;Column&lt;/i&gt;. Select your diagram from the left list. There are four options to apply the icon to the columns: the first two will resize the drawing (distorted or not). In the last one, just a piece of the icon is resized, making it “stretch” to the height of the bar. Let’s use the 3rd option where the symbols are repeated according to the column value. In the second box, select the value that each icon will represent. Watching the numbers on our list, ranging from approximately 4,500 – 27,000, let’s use 5,000 as a unit. The last fractional value ​​of the unit (5,000) will be represented by a cut or a scaled drawing. Let’s choose the first option.&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator14.png"&gt;&lt;img alt="Gráfico sobre desmatamento com Adobe Illustrator" class="aligncenter wp-image-253" decoding="async" height="346" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator14-1024x577.png" srcset="https://geojournalism.org/wp-content/uploads/2013/07/illustrator14-1024x577.png 1024w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator14-300x169.png 300w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator14.png 1322w" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="finish-formatting"&gt;&lt;a href="#finish-formatting"&gt;Finish formatting&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;You can access other diagrams options – you can even change the entire graph to another shape, such as pie chart – clicking on it with the right button and selecting &lt;i&gt;‘Type’.&lt;/i&gt; In this case, let’s change a few details of the x and y axis to improve readability.&lt;/p&gt;
&lt;p&gt;In the menu of &lt;i&gt;values&lt;/i&gt;, change the &lt;i&gt;scale marks&lt;/i&gt;so that they will be on the whole width of the graphic. Since we are not writing the values ​​on the columns, these mark will help improve the readability.&lt;/p&gt;
&lt;p&gt;In the &lt;i&gt;category axis&lt;/i&gt; menu, remove the tick marks, since the columns are good enough to split the years.&lt;/p&gt;
&lt;p&gt;At last, use a little lighter color for the horizontal marks, so they will interfere less with the drawing. And add the title with the &lt;i&gt;text &lt;/i&gt; tool (it is a separate element of the chart):&lt;/p&gt;
&lt;p&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator15.png"&gt;&lt;img alt="illustrator15" class="aligncenter size-full wp-image-254" decoding="async" height="50" loading="lazy" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator15.png" width="60"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style="text-align: center;"&gt;&lt;a href="https://geojournalism.org/wp-content/uploads/2013/07/illustrator16.png"&gt;&lt;img alt="illustrator16" class="aligncenter wp-image-255" decoding="async" height="406" loading="lazy" sizes="auto, (max-width: 614px) 100vw, 614px" src="https://geojournalism.org/wp-content/uploads/2013/07/illustrator16-1024x677.png" srcset="https://geojournalism.org/wp-content/uploads/2013/07/illustrator16-1024x677.png 1024w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator16-300x198.png 300w, https://geojournalism.org/wp-content/uploads/2013/07/illustrator16.png 1294w" width="614"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class="summary-item" id="conclusion"&gt;&lt;a href="#conclusion"&gt;Conclusion&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Although the effort to do a graph in Illustrator may look great at first, the design and customization options make it worth it. This tutorial presents only an introduction to the graphics tool. If you are not confident enough to start everything from scratch, download the .ai file of this example and change what you think is needed. Try to explore other options by clicking with the right button on the chart. You can even go back to the original table to change the numbers to select the &lt;i&gt;data&lt;/i&gt; — which is quite useful when you are not sure whether you will be working with the final information.&lt;/p&gt;

		&lt;div class="author-shortcodes"&gt;
			&lt;div class="author-inner"&gt;
				&lt;div class="author-image"&gt;
			&lt;img alt="" src="https://lh4.googleusercontent.com/-DK3qONGlzXk/AAAAAAAAAAI/AAAAAAAAAFQ/dgEWkgWJHaQ/s120-c/photo.jpg"/&gt;
			&lt;div class="author-overlay"&gt;&lt;/div&gt;
		&lt;/div&gt; &lt;!-- .author-image --&gt; 
		&lt;div class="author-info"&gt;
			I’m a graphic designer in love with numbers.
&lt;p&gt;I am currently enrolled in the Master of Fine Arts – Design &amp;amp; Technology program, at Parsons The New School for Design. My last job was as a senior designer for the Innovation in Technology and User Experience team at Itaú, the largest private bank in Brazil. For the past 6 years, I have been working with information and graphic design, mainly in magazines, and have won some awards.&lt;/p&gt;
&lt;p&gt;I have been invited as a speaker for some major events, including Campus Party, World Information Architecture Day and Pixel Show, the Brazilian largest conference on art and creativity. I also ran workshops on data visualization using the Processing programming language.
		&lt;/p&gt;&lt;/div&gt; &lt;!-- .author-info --&gt;
			&lt;/div&gt; &lt;!-- .author-inner --&gt;
		&lt;/div&gt;  .author-shortcodes 
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type"/&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;The post &lt;a href="https://geojournalism.org/2013/07/grafico-sobre-desmatamento-com-adobe-illustrator/"&gt;Deforestation diagram with Adobe Illustrator&lt;/a&gt; appeared first on &lt;a href="https://geojournalism.org"&gt;geojournalism.org&lt;/a&gt;.&lt;/p&gt;
</ns4:encoded>
					
		
		
		<ns2:post-id>131</ns2:post-id>	</item>
	</channel>
</rss>