a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #479 from mz8i/feature/189-increase-likes

Browse Source 
Feature 189: Adjust likes colour scale and legend
This commit is contained in:
mz8i 2019-10-31 16:30:08 +00:00 committed by GitHub
commit bc0cd575e0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/map_styles/polygon.xml
View File

@ -222,28 +222,32 @@
</Style> </Style>
<Style name="likes"> <Style name="likes">
<Rule> <Rule>
<Filter>[likes] &gt;= 10</Filter> <Filter>[likes] &gt;= 100</Filter>
<PolygonSymbolizer fill="#bd0026" /> <PolygonSymbolizer fill="#bd0026" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[likes] &gt;= 5 and [likes] &lt; 10</Filter> <Filter>[likes] &gt;= 50 and [likes] &lt; 100</Filter>
<PolygonSymbolizer fill="#e31a1c" /> <PolygonSymbolizer fill="#e31a1c" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[likes] &gt;= 4 and [likes] &lt; 5</Filter> <Filter>[likes] &gt;= 20 and [likes] &lt; 50</Filter>
<PolygonSymbolizer fill="#fc4e2a" /> <PolygonSymbolizer fill="#fc4e2a" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[likes] &gt;= 3 and [likes] &lt; 4</Filter> <Filter>[likes] &gt;= 10 and [likes] &lt; 20</Filter>
<PolygonSymbolizer fill="#fd8d3c" /> <PolygonSymbolizer fill="#fd8d3c" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[likes] &gt;= 2 and [likes] &lt; 3</Filter> <Filter>[likes] &gt;= 3 and [likes] &lt; 10</Filter>
<PolygonSymbolizer fill="#feb24c" /> <PolygonSymbolizer fill="#feb24c" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[likes] &lt; 2</Filter> <Filter>[likes] = 2</Filter>
<PolygonSymbolizer fill="#fed976" /> <PolygonSymbolizer fill="#fed976" />
</Rule> </Rule>
<Rule>
<Filter>[likes] = 1</Filter>
<PolygonSymbolizer fill="#ffe8a9" />
</Rule>
</Style> </Style>
</Map> </Map>

13
app/src/frontend/map/legend.tsx
View File

@ -102,12 +102,13 @@ const LEGEND_CONFIG = {
like: { like: {
title: 'Like Me', title: 'Like Me',
elements: [ elements: [
{ color: '#bd0026', text: '👍👍👍 ≥10' }, { color: '#bd0026', text: '👍👍👍👍 100+' },
{ color: '#e31a1c', text: '👍👍 5–10' }, { color: '#e31a1c', text: '👍👍👍 50–99' },
{ color: '#fc4e2a', text: '👍 4' }, { color: '#fc4e2a', text: '👍👍 20–49' },
{ color: '#fd8d3c', text: '👍 3' }, { color: '#fd8d3c', text: '👍👍 10–19' },
{ color: '#feb24c', text: '👍 2' }, { color: '#feb24c', text: '👍 3–9' },
{ color: '#fed976', text: '👍 1' }, { color: '#fed976', text: '👍 2' },
{ color: '#ffe8a9', text: '👍 1'}
] ]
} }
}; };