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

Revise like bins and colour scale

Browse Source
This commit is contained in:
Maciej Ziarkowski 2019-10-31 13:22:34 +00:00
parent c2ea90a372
commit bf1a8def6e
2 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/map_styles/polygon.xml
View File

@ -226,24 +226,28 @@
<PolygonSymbolizer fill="#bd0026" /> <PolygonSymbolizer fill="#bd0026" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[likes] &gt;= 70 and [likes] &lt; 100</Filter> <Filter>[likes] &gt;= 50 and [likes] &lt; 100</Filter>
<PolygonSymbolizer fill="#e31a1c" /> <PolygonSymbolizer fill="#e31a1c" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[likes] &gt;= 40 and [likes] &lt; 70</Filter> <Filter>[likes] &gt;= 20 and [likes] &lt; 50</Filter>
<PolygonSymbolizer fill="#fc4e2a" /> <PolygonSymbolizer fill="#fc4e2a" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[likes] &gt;= 15 and [likes] &lt; 40</Filter> <Filter>[likes] &gt;= 10 and [likes] &lt; 20</Filter>
<PolygonSymbolizer fill="#fd8d3c" /> <PolygonSymbolizer fill="#fd8d3c" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[likes] &gt;= 5 and [likes] &lt; 15</Filter> <Filter>[likes] &gt;= 3 and [likes] &lt; 10</Filter>
<PolygonSymbolizer fill="#feb24c" /> <PolygonSymbolizer fill="#feb24c" />
</Rule> </Rule>
<Rule> <Rule>
<Filter>[likes] &lt; 5</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: '👍👍👍 ≥100' }, { color: '#bd0026', text: '👍👍👍👍 100+' },
{ color: '#e31a1c', text: '👍👍 70–99' }, { color: '#e31a1c', text: '👍👍👍 50–99' },
{ color: '#fc4e2a', text: '👍 40-69' }, { color: '#fc4e2a', text: '👍👍 20–49' },
{ color: '#fd8d3c', text: '👍 15-39' }, { color: '#fd8d3c', text: '👍👍 10–19' },
{ color: '#feb24c', text: '👍 5-14' }, { color: '#feb24c', text: '👍 3–9' },
{ color: '#fed976', text: '👍 1-4' }, { color: '#fed976', text: '👍 2' },
{ color: '#ffe8a9', text: '👍 1'}
] ]
} }
}; };