Skip to content

Commit a16c6a8

Browse files
committed
Standardize visualization layout styles to adapt to mobile devices
Removed custom margin, font size, and color styles from chart instructions and visualization titles in multiple markdown files. Titles now use max-width for consistency, and chart instructions use default paragraph styling for improved layout uniformity across visualizations. To adapt to mobile devices
1 parent 6856ab7 commit a16c6a8

File tree

32 files changed

+56
-56
lines changed

32 files changed

+56
-56
lines changed

en/viz/histograma-da-quantidade-de-bois-por-hectare-em-areas-de-pastagem.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ description: "Histogram of the Number of Cattle per Hectare in Pasture Areas"
99
<h1 class="title-about" style="margin: 0px 200px;">Histogram of the Number of Cattle per Hectare in Pasture Areas</h1>
1010
<br>
1111
<!-- chart instructions -->
12-
<p class="text-center" style="font-size:18px;color:#3f8513; margin:20px 300px;">
12+
<p class="text-center">
1313
In our chart, the x-axis represents the log of (number of cattle per hectare + 1), and the y-axis represents the number of municipalities that fall within each interval of the x-axis variable. In addition, you can choose the desired period. It is also possible to filter by region, by state, and for the Legal Amazon. Have you tried pressing play to see how the chart changes over time?
1414
</p>
1515
<br>

en/viz/mapa-de-mortalidade-dos-municipios.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: "Health conditions at Amazon: Mortality at the municipal level"
66
---
77
<br><br>
88
<!-- titulo da viz sem aspas-->
9-
<h1 class="title-about" style = "margin: 0px 200px;">Municipalities’ Mortality Map</h1>
9+
<h1 class="title-about" style="max-width: 1000px">Municipalities’ Mortality Map</h1>
1010
<br>
1111
<!-- instruções sobre o gráfico-->
12-
<p class="text-center" style="font-size:18px;color:#3f8513; margin:20px 300px;">
12+
<p class="text-center">
1313
In our chart, it is possible to change the variable, which makes the user able to pick different death causes. In addition, the option of selecting the year in which the analysis is desired exists.<br>
1414
Have you tried pressing play to see the chart changing over time?
1515
</p>

en/viz/mapa-desenvolvimento-municipios.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: "Map of Development by Municipality in the Legal Amazon"
66
---
77
<br><br>
88
<!-- titulo da viz sem aspas-->
9-
<h1 class="title-about" style = "margin: 0px 200px;">Map of Development by Municipality in the Legal Amazon</h1>
9+
<h1 class="title-about" style="max-width: 1000px">Map of Development by Municipality in the Legal Amazon</h1>
1010
<br>
1111
<!-- instruções sobre o gráfico-->
12-
<p class="text-center" style="font-size:18px;color:#3f8513; margin:20px 300px;">
12+
<p class="text-center">
1313
In our map of municipalities in the Legal Amazon, choose the variable of interest: information from the 2000 or 2010 Census or 2014 or 2018 the Social Progress Index (IPS).
1414
</p>
1515
<br>

en/viz/mapa-do-efetivo-pecuario-dos-municipios.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ description: "Map of Municipal Livestock Herds"
99
<h1 class="title-about" style="margin: 0px 200px;">Map of Municipal Livestock Herds</h1>
1010
<br>
1111
<!-- chart instructions -->
12-
<p class="text-center" style="font-size:18px;color:#3f8513; margin:20px 300px;">
12+
<p class="text-center">
1313
In our interactive chart, you can change the variables, selecting information about the livestock herds in each municipality, in addition to animal production and the production value for the reference year. You can also select the year you wish to analyze. Have you tried pressing play to see the chart change over time?
1414
</p>
1515
<br>

en/viz/mapa-estatico-dos-municipios.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: "Development: Map of Municipalities in the Legal Amazon"
66
---
77
<br><br>
88
<!-- titulo da viz sem aspas-->
9-
<h1 class="title-about" style = "margin: 0px 200px;">Development: Map of Municipalities in the Legal Amazon</h1>
9+
<h1 class="title-about" style="max-width: 1000px">Development: Map of Municipalities in the Legal Amazon</h1>
1010
<br>
1111
<!-- instruções sobre o gráfico-->
12-
<p class="text-center" style="font-size:18px;color:#3f8513; margin:20px 300px;">
12+
<p class="text-center">
1313
In our map of municipalities in the Legal Amazon, choose among several development indicative variables compiled by IMAZON.
1414
</p>
1515
<br>

en/viz/mapa-floresta-desmatamento.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: "Map of Legal Amazon municipalities by forest or deforested area"
66
---
77
<br><br>
88
<!-- titulo da viz sem aspas-->
9-
<h1 class="title-about" style = "margin: 0px 200px;">Map of Forest or Deforested Areas in Legal Amazon's Municipalities</h1>
9+
<h1 class="title-about" style="max-width: 1000px">Map of Forest or Deforested Areas in Legal Amazon's Municipalities</h1>
1010
<br>
1111
<!-- instruções sobre o gráfico-->
12-
<p class="text-center" style="font-size:18px;color:#3f8513; margin:20px 300px;">
12+
<p class="text-center">
1313
In our map, select the variable of interest - forest, non-forest, deforested area, deforestation increment and hydrography.
1414
You can also choose these variables as proportion of each municipality's area.
1515
Press play to see how the map changes throughout the years.

en/viz/mapa-gado-pastagem.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: "Map of Cattle Heads and Pasture Area by Municipality in the Legal
66
---
77
<br><br>
88
<!-- titulo da viz sem aspas-->
9-
<h1 class="title-about" style = "margin: 0px 200px;"> Cattle Heads and Pasture Area Map</h1>
9+
<h1 class="title-about" style="max-width: 1000px"> Cattle Heads and Pasture Area Map</h1>
1010
<br>
1111
<!-- instruções sobre o gráfico-->
12-
<p class="text-center" style="font-size:18px;color:#3f8513; margin:20px 300px;">
12+
<p class="text-center">
1313
In our map, choose either cattle heads or pasture area.
1414
Data can also be visualized as heads of cattle per pasture hectare.
1515
</p>

en/viz/mapa-principais-produtos-exportados.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: "Foreign Trade in the Legal Amazon: Main export by municipality"
66
---
77
<br><br>
88
<!-- titulo da viz sem aspas-->
9-
<h1 class="title-about" style = "margin: 0px 200px;">Dynamic map of main product exported by municipality in the Legal Amazon</h1>
9+
<h1 class="title-about" style="max-width: 1000px">Dynamic map of main product exported by municipality in the Legal Amazon</h1>
1010
<br>
1111
<!-- instruções sobre o gráfico-->
12-
<p class="text-center" style="font-size:18px;color:#3f8513; margin:20px 300px;">
12+
<p class="text-center">
1313
In our dynamic map, follow how the lsit of main product exported by municipality in the Legal Amazon has evolved between 1997 and 2021.
1414
</p>
1515
<br>

en/viz/ranking-atividades-economicas-mais-dinamicas.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: "Ranking of the Most Dynamic Economic Activities"
66
---
77
<br><br>
88
<!-- titulo da viz sem aspas-->
9-
<h1 class="title-about" style = "margin: 0px 200px;">Ranking of the Most Dynamic Economic Activities</h1>
9+
<h1 class="title-about" style="max-width: 1000px">Ranking of the Most Dynamic Economic Activities</h1>
1010
<br>
1111
<!-- instruções sobre o gráfico-->
12-
<p class="text-center" style="font-size:18px;color:#3f8513; margin:20px 300px;">
12+
<p class="text-center">
1313
In our dynamic chart it is possible to change the variables, with the option to select different types of employed individuals. In addition, each color of the chart represents an economic activity, and choosing the period desired to visualize is possible as well. Try pressing play to see the graph change over time.
1414
</p>
1515
<br>

en/viz/ranking-campeoes-de-exportacao.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@ description: "Time Series of Total Exports Value by Destination Country"
66
---
77
<br><br>
88
<!-- titulo da viz sem aspas-->
9-
<h1 class="title-about" style = "margin: 0px 200px;"> Time Series of Total Exports Value by Destination Country</h1>
9+
<h1 class="title-about" style="max-width: 1000px"> Time Series of Total Exports Value by Destination Country</h1>
1010
<br>
1111
<!-- instruções sobre o gráfico-->
12-
<p class="text-center" style="font-size:18px;color:#3f8513; margin:20px 300px;">
12+
<p class="text-center">
1313
In our dynamic graph, follow which municipalities in the Legal Amazon are champions in exports in each year.
1414
You can select the desired goods category.
1515
</p>

0 commit comments

Comments
 (0)