new deployment

Author: yaph

compiled/berlin-bike-routes.js

@@ -3,7 +3,13 @@ const lat = 52.5233;
 const lon = 13.4127;
 const zoom = 11;
 
-const routes = [{ name: "Wannsee-Route RR1", gpx: "/gpx/wannseeroute_rr1.gpx" }, { name: "Gatow-Route RR2", gpx: "/gpx/gatow_route_rr2.gpx" }, { name: "Spandau-Route RR3", gpx: "/gpx/spandau_route_rr3.gpx" }, { name: "Hellersdorf-Route RR8", gpx: "/gpx/hellersdorf_route_rr8.gpx" }, { name: "Teltow-Route RR12", gpx: "/gpx/teltow_route_rr12.gpx" }, { name: "Nordspange TR2", gpx: "/gpx/nordspange_tr2.gpx" }, { name: "Südspange TR4", gpx: "/gpx/suedspange_tr4.gpx" }, { name: "Berliner Mauerweg 1 (Stadtroute)", gpx: "/gpx/mauerweg_1.gpx" }, { name: "Berliner Mauerweg 2 (Südroute)", gpx: "/gpx/mauerweg_2.gpx" }, { name: "Berliner Mauerweg 3 (Westroute)", gpx: "/gpx/mauerweg_3.gpx" }, { name: "Europaradweg R1 (West)", gpx: "/gpx/europaradweg_r1_west.gpx" }, { name: "Europaradweg R1 (Ost)", gpx: "/gpx/europaradweg_r1_ost.gpx" }, { name: "Radfernweg Berlin-Kopenhagen", gpx: "/gpx/radfernweg_berlin_kopenhagen.gpx" }, { name: "Radfernweg Berlin-Usedom", gpx: "/gpx/radfernweg_berlin_usedom.gpx" }];
+const routes = [{ name: 'Wannsee-Route RR1', gpx: '/gpx/wannseeroute_rr1.gpx' }, { name: 'Gatow-Route RR2', gpx: '/gpx/gatow_route_rr2.gpx' }, { name: 'Spandau-Route RR3', gpx: '/gpx/spandau_route_rr3.gpx' }, { name: 'Hellersdorf-Route RR8', gpx: '/gpx/hellersdorf_route_rr8.gpx' }, { name: 'Teltow-Route RR12', gpx: '/gpx/teltow_route_rr12.gpx' }, { name: 'Nordspange TR2', gpx: '/gpx/nordspange_tr2.gpx' }, { name: 'Südspange TR4', gpx: '/gpx/suedspange_tr4.gpx' }, { name: 'Berliner Mauerweg 1 (Stadtroute)', gpx: '/gpx/mauerweg_1.gpx' }, { name: 'Berliner Mauerweg 2 (Südroute)', gpx: '/gpx/mauerweg_2.gpx' }, { name: 'Berliner Mauerweg 3 (Westroute)', gpx: '/gpx/mauerweg_3.gpx' }, { name: 'Europaradweg R1 (West)', gpx: '/gpx/europaradweg_r1_west.gpx' }, { name: 'Europaradweg R1 (Ost)', gpx: '/gpx/europaradweg_r1_ost.gpx' }, { name: 'Radfernweg Berlin-Kopenhagen', gpx: '/gpx/radfernweg_berlin_kopenhagen.gpx' }, { name: 'Radfernweg Berlin-Usedom', gpx: '/gpx/radfernweg_berlin_usedom.gpx' }];
+
+const routeStyle = {
+  color: '#006600',
+  weight: 5,
+  opacity: 0.7
+};
 
 function setMapHeight() {
   const vis = document.getElementById('vis');
@@ -17,27 +23,30 @@ function setMapHeight() {
 function initMap() {
   setMapHeight();
 
-  map = new OpenLayers.Map("vis", {
-    controls: [new OpenLayers.Control.Navigation(), new OpenLayers.Control.PanZoomBar(), new OpenLayers.Control.LayerSwitcher(), new OpenLayers.Control.Attribution()]
-  });
+  map = L.map('vis').setView([lat, lon], zoom);
 
-  const layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");
-  map.addLayer(layerMapnik);
+  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+  }).addTo(map);
 
-  const lonLat = new OpenLayers.LonLat(lon, lat).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
-  map.setCenter(lonLat, zoom);
+  const layerControl = L.control.layers().addTo(map);
 
   routes.forEach((route, index) => {
-    const lgpx = new OpenLayers.Layer.Vector(route.name, {
-      strategies: [new OpenLayers.Strategy.Fixed()],
-      protocol: new OpenLayers.Protocol.HTTP({
-        url: route.gpx,
-        format: new OpenLayers.Format.GPX()
-      }),
-      style: { strokeColor: "#060", strokeWidth: 5, strokeOpacity: 0.7 },
-      projection: new OpenLayers.Projection("EPSG:4326"),
-      visibility: index === 0 });
-    map.addLayer(lgpx);
+    const gpxLayer = new L.GPX(route.gpx, {
+      async: true,
+      polyline_options: routeStyle,
+      marker_options: {
+        startIconUrl: null,
+        endIconUrl: null,
+        shadowUrl: null
+      }
+    });
+
+    if (index === 0) {
+      gpxLayer.addTo(map);
+    }
+
+    layerControl.addOverlay(gpxLayer, route.name);
   });
 }
 

css/berlin-bike-routes.css

@@ -1 +1 @@
-#OpenLayers_Control_LayerSwitcher_4,#OpenLayers_Control_MaximizeDiv_innerImage{right:1rem}#vis{width:100%;display:block}
+#vis{width:100%;display:block}

info/ballon-dor-male-players-votes-2013/index.html

@@ -84,7 +84,7 @@ <h2 id="about-the-visualization">About the Visualization</h2>
 
 <div class="postinfo">
 <p>Published on January 13, 2014 (updated on March 30, 2026) by <a href="https://ramiro.org/">Ramiro Gómez</a>. To be informed of new posts, subscribe to the <a href="/rss.xml">RSS feed</a>.
-<br>Tags: <a href="/tags/network-graph/">network graph</a>, <a href="/tags/networkx/">networkx</a>, <a href="/tags/sigmajs/">sigmajs</a>, <a href="/tags/gephi/">gephi</a>, <a href="/tags/football/">football</a>.</p>
+<br>Tags: <a href="/tags/sigmajs/">sigmajs</a>, <a href="/tags/network-graph/">network graph</a>, <a href="/tags/networkx/">networkx</a>, <a href="/tags/gephi/">gephi</a>, <a href="/tags/football/">football</a>.</p>
 </div>    </main>
     <aside class="sidebar">
 

info/ballon-dor-votes-2012/index.html

@@ -45,7 +45,7 @@ <h1>Who Voted for Whom at Ballon d'Or 2012</h1>
 
 <div class="postinfo">
 <p>Published on January 09, 2013 (updated on March 30, 2026) by <a href="https://ramiro.org/">Ramiro Gómez</a>. To be informed of new posts, subscribe to the <a href="/rss.xml">RSS feed</a>.
-<br>Tags: <a href="/tags/network-graph/">network graph</a>, <a href="/tags/networkx/">networkx</a>, <a href="/tags/sigmajs/">sigmajs</a>, <a href="/tags/gephi/">gephi</a>, <a href="/tags/football/">football</a>.</p>
+<br>Tags: <a href="/tags/sigmajs/">sigmajs</a>, <a href="/tags/network-graph/">network graph</a>, <a href="/tags/networkx/">networkx</a>, <a href="/tags/gephi/">gephi</a>, <a href="/tags/football/">football</a>.</p>
 </div>    </main>
     <aside class="sidebar">
 

info/berlin-bike-routes/index.html

@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <title>A Map of Bike Routes in Berlin, Germany | Exploring Data</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="The bike routes map for Berlin, Germany shows 14 different biking routes through and around the city. Created with OpenLayers, Open Street Map and data from Senatsverwaltung für Stadtentwicklung und Umwelt.">
+    <meta name="description" content="The bike routes map for Berlin, Germany shows 14 different biking routes through and around the city. Created with Leaflet, Open Street Map and data from Senatsverwaltung für Stadtentwicklung und Umwelt.">
     <meta property="og:image" content="/img/preview/berlin-bike-routes.jpg">
   <meta name="author" content="Ramiro Gómez">
   <link rel="canonical" href="https://exploring-data.com/info/berlin-bike-routes/">
@@ -38,12 +38,12 @@
 <div class="container two-column">
     <main class="main-3">
         <h1>A Map of Bike Routes in Berlin, Germany</h1>
-        <p><a href="/maps/osm/berlin-bike-routes/">Berlin bike routes</a> is a map of Berlin, Germany showing 14 different biking routes through and around the city. By default 1 route is shown, Wansee-Route RR1. Routes can be added or removed from the map after clicking on the plus icon <img src="https://www.openlayers.org/api/img/layer-switcher-maximize.png" alt="layer switcher"> on the top right. The map can be zoomed and navigated using the controls on the left or the mouse.</p>
-<p>The map is created with <a href="https://www.openstreetmap.org/">OpenStreetMap</a> and the <a href="https://www.openlayers.org/">OpenLayers</a> JavaScript library. Bike route data is read from GPX files obtained from Berlin's <a href="https://www.berlin.de/sen/uvk/mobilitaet-und-verkehr/verkehrsplanung/radverkehr/radverkehrsnetz/radrouten/gpx/">Senatsverwaltung für Stadtentwicklung und Umwelt</a>.</p>
+        <p><a href="/maps/osm/berlin-bike-routes/">Berlin bike routes</a> is a map of Berlin, Germany showing 14 different biking routes through and around the city. By default 1 route is shown, Wansee-Route RR1. Routes can be added or removed from the map after clicking on the "layers" icon on the top right. The map can be zoomed and navigated using the controls on the left or the mouse.</p>
+<p>The map is created with <a href="https://www.openstreetmap.org/">OpenStreetMap</a> and the <a href="https://leafletjs.com/">Leaflet</a> JavaScript library. Bike route data is read from GPX files obtained from Berlin's <a href="https://www.berlin.de/sen/uvk/mobilitaet-und-verkehr/verkehrsplanung/radverkehr/radverkehrsnetz/radrouten/gpx/">Senatsverwaltung für Stadtentwicklung und Umwelt</a>.</p>
 
 <div class="postinfo">
-<p>Published on February 19, 2013 (updated on March 30, 2026) by <a href="https://ramiro.org/">Ramiro Gómez</a>. To be informed of new posts, subscribe to the <a href="/rss.xml">RSS feed</a>.
-<br>Tags: <a href="/tags/berlin/">berlin</a>, <a href="/tags/biking/">biking</a>, <a href="/tags/map/">map</a>, <a href="/tags/openstreetmap/">openstreetmap</a>.</p>
+<p>Published on February 19, 2013 (updated on March 31, 2026) by <a href="https://ramiro.org/">Ramiro Gómez</a>. To be informed of new posts, subscribe to the <a href="/rss.xml">RSS feed</a>.
+<br>Tags: <a href="/tags/biking/">biking</a>, <a href="/tags/berlin/">berlin</a>, <a href="/tags/openstreetmap/">openstreetmap</a>, <a href="/tags/map/">map</a>.</p>
 </div>    </main>
     <aside class="sidebar">
 

info/big-sister-cities/index.html

@@ -70,7 +70,7 @@ <h2 id="how-the-graph-was-created">How the graph was created</h2>
 
 <div class="postinfo">
 <p>Published on April 26, 2018 (updated on February 14, 2026) by <a href="https://ramiro.org/">Ramiro Gómez</a>. To be informed of new posts, subscribe to the <a href="/rss.xml">RSS feed</a>.
-<br>Tags: <a href="/tags/cities/">cities</a>, <a href="/tags/diplomacy/">diplomacy</a>, <a href="/tags/network-graph/">network graph</a>, <a href="/tags/gephi/">gephi</a>, <a href="/tags/sigmajs/">sigmajs</a>, <a href="/tags/networkx/">networkx</a>.</p>
+<br>Tags: <a href="/tags/sigmajs/">sigmajs</a>, <a href="/tags/cities/">cities</a>, <a href="/tags/network-graph/">network graph</a>, <a href="/tags/networkx/">networkx</a>, <a href="/tags/gephi/">gephi</a>, <a href="/tags/diplomacy/">diplomacy</a>.</p>
 </div>    </main>
     <aside class="sidebar">
 

info/co2-emissions/index.html

@@ -51,7 +51,7 @@ <h1>CO2 emissions (metric tons per capita)</h1>
 
 <div class="postinfo">
 <p>Published on September 24, 2019 (updated on February 23, 2026) by <a href="https://ramiro.org/">Ramiro Gómez</a>. To be informed of new posts, subscribe to the <a href="/rss.xml">RSS feed</a>.
-<br>Tags: <a href="/tags/worldbank/">worldbank</a>, <a href="/tags/environment/">environment</a>, <a href="/tags/world/">world</a>, <a href="/tags/map/">map</a>, <a href="/tags/d3/">d3</a>, <a href="/tags/climate-change/">climate change</a>, <a href="/tags/global-warming/">global warming</a>.</p>
+<br>Tags: <a href="/tags/worldbank/">worldbank</a>, <a href="/tags/map/">map</a>, <a href="/tags/climate-change/">climate change</a>, <a href="/tags/world/">world</a>, <a href="/tags/environment/">environment</a>, <a href="/tags/global-warming/">global warming</a>, <a href="/tags/d3/">d3</a>.</p>
 </div>    </main>
     <aside class="sidebar">
 

info/footballers-search-relations/index.html

@@ -52,7 +52,7 @@ <h2>Summary</h2>
 
 <div class="postinfo">
 <p>Published on March 13, 2013 (updated on February 14, 2026) by <a href="https://ramiro.org/">Ramiro Gómez</a>. To be informed of new posts, subscribe to the <a href="/rss.xml">RSS feed</a>.
-<br>Tags: <a href="/tags/network-graph/">network graph</a>, <a href="/tags/networkx/">networkx</a>, <a href="/tags/sigmajs/">sigmajs</a>, <a href="/tags/gephi/">gephi</a>, <a href="/tags/football/">football</a>.</p>
+<br>Tags: <a href="/tags/sigmajs/">sigmajs</a>, <a href="/tags/network-graph/">network graph</a>, <a href="/tags/networkx/">networkx</a>, <a href="/tags/gephi/">gephi</a>, <a href="/tags/football/">football</a>.</p>
 </div>    </main>
     <aside class="sidebar">
 

info/forest-area/index.html

@@ -51,7 +51,7 @@ <h1>Forest Area Percentage of Land Area</h1>
 
 <div class="postinfo">
 <p>Published on September 19, 2019 (updated on February 23, 2026) by <a href="https://ramiro.org/">Ramiro Gómez</a>. To be informed of new posts, subscribe to the <a href="/rss.xml">RSS feed</a>.
-<br>Tags: <a href="/tags/worldbank/">worldbank</a>, <a href="/tags/environment/">environment</a>, <a href="/tags/world/">world</a>, <a href="/tags/forest/">forest</a>, <a href="/tags/map/">map</a>, <a href="/tags/deforestation/">deforestation</a>, <a href="/tags/d3/">d3</a>, <a href="/tags/climate-change/">climate change</a>, <a href="/tags/global-warming/">global warming</a>.</p>
+<br>Tags: <a href="/tags/worldbank/">worldbank</a>, <a href="/tags/climate-change/">climate change</a>, <a href="/tags/map/">map</a>, <a href="/tags/forest/">forest</a>, <a href="/tags/world/">world</a>, <a href="/tags/environment/">environment</a>, <a href="/tags/global-warming/">global warming</a>, <a href="/tags/deforestation/">deforestation</a>, <a href="/tags/d3/">d3</a>.</p>
 </div>    </main>
     <aside class="sidebar">
 

info/intentional-homicides/index.html

@@ -47,7 +47,7 @@ <h1>Where in the World Happen Most Murders</h1>
 
 <div class="postinfo">
 <p>Published on September 20, 2013 (updated on February 20, 2026) by <a href="https://ramiro.org/">Ramiro Gómez</a>. To be informed of new posts, subscribe to the <a href="/rss.xml">RSS feed</a>.
-<br>Tags: <a href="/tags/worldbank/">worldbank</a>, <a href="/tags/world/">world</a>, <a href="/tags/map/">map</a>, <a href="/tags/d3/">d3</a>, <a href="/tags/homicides/">homicides</a>.</p>
+<br>Tags: <a href="/tags/worldbank/">worldbank</a>, <a href="/tags/map/">map</a>, <a href="/tags/homicides/">homicides</a>, <a href="/tags/world/">world</a>, <a href="/tags/d3/">d3</a>.</p>
 </div>    </main>
     <aside class="sidebar">