feat: fillable SVG map dot

[DanielAgostinho]

Versão svg dos pontos das estações. O ficheiro index.html mostra uma forma simples de implementação do conceito

[afonsosousah]

Simplifiquei e reorganizei um pouco do que ainda percebia. Ficou bastante fixe! Obrigado pela excelente contribuição!

[DanielAgostinho]

Com a formula ((1 - ratio) * 460).toFixed(0) e pela largura do traço, proporção de 0% a 7% e de 96% a 100% são indistinguíveis

[afonsosousah]

Com a formula ((1 - ratio) * 460).toFixed(0) e pela largura do traço, proporção de 0% a 7% e de 96% a 100% são indistinguíveis

então seria melhor manter uma casa decimal?

[DanielAgostinho]

então seria melhor manter uma casa decimal?

Pode se arredondar às unidades ou às decimas, não é critico. O problema é que desta forma, o y varia entre 0 e 460, mas tal variação só é visível entre 18 e 430. Utilizando a expressão anterior 430 – ratio(430 – 18) ou uma função com os mesmos extremos eliminaria esta “saturação”

[afonsosousah]

então seria melhor manter uma casa decimal?

Pode se arredondar às unidades ou às decimas, não é critico. O problema é que desta forma, o y varia entre 0 e 460, mas tal variação só é visível entre 18 e 430. Utilizando a expressão anterior 430 – ratio(430 – 18) ou uma função com os mesmos extremos eliminaria esta “saturação”

então algo assim funcionaria? não tinha percebido a expressão inicial muito bem

// Calculate the Y coordinate at which the top of the "fill" rectangle will be
// (the filled area is only visible from y=18 to y=430)
const y = (18 + (1 - ratio) * (430 - 18)).toFixed(0);

[ImRodry]

Com a formula ((1 - ratio) * 460).toFixed(0) e pela largura do traço, proporção de 0% a 7% e de 96% a 100% são indistinguíveis

Bem visto mas honestamente eu acho que isso é um “happy little accident” porque a essas percentagens pode perfeitamente ser um erro da Gira. Muitas vezes se está 1 doca livre provavelmente não está e é uma doca estragada ou uma bike não detetada a verde
Mesma coisa para 1 bike numa estação com muitas bikes livres, é muito provável que ela esteja estragada e por isso ninguém a tira. Ou isso ou alguém tira antes de lá chegares mas de qualquer forma aí terias o 1 para saber que ela lá está.