owen/dotted-map-no-alaska
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve readme and dark world image

Browse Source
This commit is contained in:
Basile Bruneau
2020-05-09 16:38:40 +02:00
parent 76ce11359d
commit 126626b44f
2 changed files with 22 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+7 -17
View File
@@ -3,13 +3,13 @@
# dotted-map
<div align="center">
<img src="images/world-vertical-circle-light.svg" width="100%" />
<img src="https://raw.githubusercontent.com/NTag/dotted-map/master/images/world-vertical-circle-light.svg" width="100%" />
<img src="images/world-diagonal-circle-dark.svg" width="100%" />
<img src="https://raw.githubusercontent.com/NTag/dotted-map/master/images/world-diagonal-circle-dark.svg" width="100%" />
<img src="images/france-diagonal-hexagon-light.svg" height="150px" />
<img src="images/italy-diagonal-hexagon-light.svg" height="150px" />
<img src="images/uk-diagonal-hexagon-light.svg" height="150px" />
<img src="https://raw.githubusercontent.com/NTag/dotted-map/master/images/france-diagonal-hexagon-light.svg" height="150px" />
<img src="https://raw.githubusercontent.com/NTag/dotted-map/master/images/italy-diagonal-hexagon-light.svg" height="150px" />
<img src="https://raw.githubusercontent.com/NTag/dotted-map/master/images/uk-diagonal-hexagon-light.svg" height="150px" />
<br />
<em>You can limit to one (or several) countries (France, Italy, UK)</em>
</div>
@@ -28,19 +28,9 @@ npm i dotted-map
const fs = require('fs');
const DottedMap = require('dotted-map');
const map = new DottedMap({ height: 100, grid: 'diagonal' });
const map = new DottedMap({ height: 60, grid: 'diagonal' });
const svgOptions = { color: '#d6ff79', radius: 0.22 };
map.addPin({ lat: 40.73061, lng: -73.935242, svgOptions });
map.addPin({ lat: -33.865143, lng: 151.2099, svgOptions });
map.addPin({ lat: -23.533773, lng: -46.62529, svgOptions });
map.addPin({ lat: 37.773972, lng: -122.431297, svgOptions });
map.addPin({ lat: 52.520008, lng: 13.404954, svgOptions });
map.addPin({ lat: 55.751244, lng: 37.618423, svgOptions });
map.addPin({ lat: 35.652832, lng: 139.839478, svgOptions });
map.addPin({ lat: 14.716677, lng: -17.467686, svgOptions });
map.addPin({ lat: -33.918861, lng: 18.4233, svgOptions });
map.addPin({ lat: -20.88231, lng: 55.4504, svgOptions });
map.addPin({ lat: 40.73061, lng: -73.935242, svgOptions: { color: '#d6ff79', radius: 0.4 } });
map.addPin({ lat: 48.8534, lng: 2.3488, svgOptions: { color: '#fffcf2', radius: 0.4 } });
const svgMap = map.getSVG({ radius: 0.22, color: '#423B38', shape: 'circle', backgroundColor: '#020300' });
images/world-diagonal-circle-dark.svg
+15 -14
View File
@@ -1183,7 +1183,7 @@
<circle cx="73.5" cy="12.12435565298214" r="0.22" fill="#423B38" />
<circle cx="74.5" cy="12.12435565298214" r="0.22" fill="#423B38" />
<circle cx="75.5" cy="12.12435565298214" r="0.22" fill="#423B38" />
<circle cx="76.5" cy="12.12435565298214" r="0.22" fill="#d6ff79" />
<circle cx="76.5" cy="12.12435565298214" r="0.35" fill="#d6ff79" />
<circle cx="77.5" cy="12.12435565298214" r="0.22" fill="#423B38" />
<circle cx="78.5" cy="12.12435565298214" r="0.22" fill="#423B38" />
<circle cx="79.5" cy="12.12435565298214" r="0.22" fill="#423B38" />
@@ -1320,7 +1320,7 @@
<circle cx="62.5" cy="13.856406460551018" r="0.22" fill="#423B38" />
<circle cx="65.5" cy="13.856406460551018" r="0.22" fill="#423B38" />
<circle cx="66.5" cy="13.856406460551018" r="0.22" fill="#423B38" />
<circle cx="67.5" cy="13.856406460551018" r="0.22" fill="#d6ff79" />
<circle cx="67.5" cy="13.856406460551018" r="0.35" fill="#d6ff79" />
<circle cx="68.5" cy="13.856406460551018" r="0.22" fill="#423B38" />
<circle cx="69.5" cy="13.856406460551018" r="0.22" fill="#423B38" />
<circle cx="70.5" cy="13.856406460551018" r="0.22" fill="#423B38" />
@@ -1394,7 +1394,7 @@
<circle cx="43" cy="14.722431864335457" r="0.22" fill="#423B38" />
<circle cx="60" cy="14.722431864335457" r="0.22" fill="#423B38" />
<circle cx="62" cy="14.722431864335457" r="0.22" fill="#423B38" />
<circle cx="63" cy="14.722431864335457" r="0.22" fill="#423B38" />
<circle cx="63" cy="14.722431864335457" r="0.35" fill="#d6ff79" />
<circle cx="65" cy="14.722431864335457" r="0.22" fill="#423B38" />
<circle cx="66" cy="14.722431864335457" r="0.22" fill="#423B38" />
<circle cx="67" cy="14.722431864335457" r="0.22" fill="#423B38" />
@@ -1541,12 +1541,12 @@
<circle cx="44" cy="16.454482671904334" r="0.22" fill="#423B38" />
<circle cx="62" cy="16.454482671904334" r="0.22" fill="#423B38" />
<circle cx="63" cy="16.454482671904334" r="0.22" fill="#423B38" />
<circle cx="64" cy="16.454482671904334" r="0.4" fill="#fffcf2" />
<circle cx="64" cy="16.454482671904334" r="0.42" fill="#fffcf2" />
<circle cx="65" cy="16.454482671904334" r="0.22" fill="#423B38" />
<circle cx="66" cy="16.454482671904334" r="0.22" fill="#423B38" />
<circle cx="67" cy="16.454482671904334" r="0.22" fill="#423B38" />
<circle cx="68" cy="16.454482671904334" r="0.22" fill="#423B38" />
<circle cx="69" cy="16.454482671904334" r="0.22" fill="#423B38" />
<circle cx="69" cy="16.454482671904334" r="0.35" fill="#d6ff79" />
<circle cx="70" cy="16.454482671904334" r="0.22" fill="#423B38" />
<circle cx="71" cy="16.454482671904334" r="0.22" fill="#423B38" />
<circle cx="72" cy="16.454482671904334" r="0.22" fill="#423B38" />
@@ -1808,7 +1808,7 @@
<circle cx="34" cy="19.918584287042087" r="0.22" fill="#423B38" />
<circle cx="35" cy="19.918584287042087" r="0.22" fill="#423B38" />
<circle cx="36" cy="19.918584287042087" r="0.22" fill="#423B38" />
<circle cx="37" cy="19.918584287042087" r="0.22" fill="#d6ff79" />
<circle cx="37" cy="19.918584287042087" r="0.35" fill="#d6ff79" />
<circle cx="38" cy="19.918584287042087" r="0.22" fill="#423B38" />
<circle cx="60" cy="19.918584287042087" r="0.22" fill="#423B38" />
<circle cx="61" cy="19.918584287042087" r="0.22" fill="#423B38" />
@@ -1905,7 +1905,7 @@
<circle cx="104.5" cy="20.784609690826528" r="0.22" fill="#423B38" />
<circle cx="107.5" cy="20.784609690826528" r="0.22" fill="#423B38" />
<circle cx="112.5" cy="20.784609690826528" r="0.22" fill="#423B38" />
<circle cx="20" cy="21.650635094610966" r="0.22" fill="#d6ff79" />
<circle cx="20" cy="21.650635094610966" r="0.35" fill="#d6ff79" />
<circle cx="21" cy="21.650635094610966" r="0.22" fill="#423B38" />
<circle cx="22" cy="21.650635094610966" r="0.22" fill="#423B38" />
<circle cx="23" cy="21.650635094610966" r="0.22" fill="#423B38" />
@@ -1924,7 +1924,7 @@
<circle cx="36" cy="21.650635094610966" r="0.22" fill="#423B38" />
<circle cx="60" cy="21.650635094610966" r="0.22" fill="#423B38" />
<circle cx="61" cy="21.650635094610966" r="0.22" fill="#423B38" />
<circle cx="62" cy="21.650635094610966" r="0.22" fill="#423B38" />
<circle cx="62" cy="21.650635094610966" r="0.35" fill="#d6ff79" />
<circle cx="68" cy="21.650635094610966" r="0.22" fill="#423B38" />
<circle cx="71" cy="21.650635094610966" r="0.22" fill="#423B38" />
<circle cx="73" cy="21.650635094610966" r="0.22" fill="#423B38" />
@@ -2011,7 +2011,7 @@
<circle cx="104.5" cy="22.516660498395403" r="0.22" fill="#423B38" />
<circle cx="108.5" cy="22.516660498395403" r="0.22" fill="#423B38" />
<circle cx="111.5" cy="22.516660498395403" r="0.22" fill="#423B38" />
<circle cx="112.5" cy="22.516660498395403" r="0.22" fill="#d6ff79" />
<circle cx="112.5" cy="22.516660498395403" r="0.35" fill="#d6ff79" />
<circle cx="22" cy="23.38268590217984" r="0.22" fill="#423B38" />
<circle cx="23" cy="23.38268590217984" r="0.22" fill="#423B38" />
<circle cx="24" cy="23.38268590217984" r="0.22" fill="#423B38" />
@@ -3016,7 +3016,7 @@
<circle cx="41.5" cy="48.49742261192856" r="0.22" fill="#423B38" />
<circle cx="42.5" cy="48.49742261192856" r="0.22" fill="#423B38" />
<circle cx="43.5" cy="48.49742261192856" r="0.22" fill="#423B38" />
<circle cx="69.5" cy="48.49742261192856" r="0.22" fill="#d6ff79" />
<circle cx="69.5" cy="48.49742261192856" r="0.35" fill="#d6ff79" />
<circle cx="70.5" cy="48.49742261192856" r="0.22" fill="#423B38" />
<circle cx="71.5" cy="48.49742261192856" r="0.22" fill="#423B38" />
<circle cx="72.5" cy="48.49742261192856" r="0.22" fill="#423B38" />
@@ -3084,8 +3084,9 @@
<circle cx="38" cy="58.023702053557386" r="0.22" fill="#423B38" />
<circle cx="37.5" cy="58.88972745734183" r="0.22" fill="#423B38" />
<circle cx="38.5" cy="58.88972745734183" r="0.22" fill="#423B38" />
<circle cx="116.5" cy="48.49742261192856" r="0.22" fill="#d6ff79" />
<circle cx="46.5" cy="45.033320996790806" r="0.22" fill="#d6ff79" />
<circle cx="56.5" cy="31.17691453623979" r="0.22" fill="#d6ff79" />
<circle cx="82.5" cy="43.30127018922193" r="0.22" fill="#d6ff79" />
<circle cx="116.5" cy="48.49742261192856" r="0.35" fill="#d6ff79" />
<circle cx="46.5" cy="45.033320996790806" r="0.35" fill="#d6ff79" />
<circle cx="56.5" cy="31.17691453623979" r="0.35" fill="#d6ff79" />
<circle cx="82.5" cy="43.30127018922193" r="0.35" fill="#d6ff79" />
<circle cx="69.5" cy="10.392304845413264" r="0.35" fill="#d6ff79" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 203 KiB

After

Width:  |  Height:  |  Size: 203 KiB