LuisSevillano

Tracking the path of hurricanes Irma and Jose. Source: European Center for Medium-Range Weather Forecasts, National Weather Service.
Tiles from MODIS Terra.

LuisSevillano

border: none
height: 600

LuisSevillano

border: none
height: 600

LuisSevillano

border: none
height: 500

LuisSevillano

Most basic example to center and scale your map with d3.geoBounds(), d3.geoCentroid() and d3.geoDistance().

LuisSevillano

border: none
height: 960

LuisSevillano

import { timeFormatLocale } from 'd3-time-format';
import { formatLocale } from 'd3-format';
// You need 'rollup-plugin-json' in rollup.config.js
import es from 'd3-format/locale/es-ES.json';
import ES from 'd3-time-format/locale/es-ES.json';

export default function() {
  var locale = timeFormatLocale(ES);
  var formatted = formatLocale(es).format;
  var f = formatted('2,');

LuisSevillano

function normalize(str) {
    var from = "1234567890ÃÀÁÄÂÈÉËÊÌÍÏÎÒÓÖÔÙÚÜÛãà áäâèéëêìíïîòóöôùúüûÑñÇç '/&().!",
        to = "izeasgtogoAAAAAEEEEIIIIOOOOUUUUaaaaaeeeeiiiioooouuuunncc_____",
        mapping = {};

    for (var i = 0, j = from.length; i < j; i++) {
        mapping[from.charAt(i)] = to.charAt(i);
    }

    var ret = [];

LuisSevillano

.pill {
  position: relative;
}
.pill::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 100%;
  margin-top: -5px;

LuisSevillano