benoitdemaegdt / voieslyonnaises

🚲 Aménagements cyclables à Lyon

Hi there 👋

I am Benoit Demaegdt. I am a Full Stack developer skilled in NodeJS, VueJS and MongoDB.

🔭 What do I do?

I'm currently working at a fast-growing company called Indy, an all-in-one automated accounting solution for self-employed.

Indy is constantly hiring developers and Product Managers. Feel free to reach out if you have any question or if you are looking for a new job in an amazing start-up 🚀

You can also see all open positions 👉👉👉 HERE 👈👈👈

🌱 Side Projects

I love working on side projects during my free time. Here are few things I've done

• Maxplorateur
• Coronavirus
• Cyclopolis
• Mon Petit Sommet

📫 How to reach me ?

Feel free to reach out through LinkedIn or by email : [email protected]

voieslyonnaises's Issues

[Dev] Créer une page tableau de bord

On voudrait avoir un tableau de bord général, qui permette d'avoir une vision détaillée de chaque voie lyonnaise.

Voici quelques maquettes de @ThibautChd

[Carto] Mise en valeur des compteurs populaires

Voici la carte des 76 compteurs disponibles. Actuellement, un point bleu identique est utilisé pour chacun d'entre eux:

Comment pourrait-on l'enrichir d'avantage pour mettre en valeur les compteurs populaires et mieux cerner en un coup d'oeil comment s'organise les flux principaux ?

Une palette allant de couleurs froides à des couleurs chaudes ferait-elle l'affaire ? Ou faudrait-il jouer sur la taille des disques ?

Avez vous d'autres idées ?

[Design] Refonte page des compteurs

En haut de la page individuelle des compteurs, il y a aujourd'hui une photo qui présente peu d'intérêt.

On propose de remplacer par une carte interactive, qui montre la position du compteur.

Mettre les données dans OSM

Bonjour @benoitdemaegdt, d'abord merci pour ce projet ! Le site est propre, la carte est très lisible.

J'étais curieux de voir dans quel format tu stockais les données. Je me demande : pourquoi ne pas reposer sur OSM ?

Actuellement dans OSM, les voies cyclables de qualité de type Voies Lyonnaises ou REV à Rennes ne sont pas tagguées comme faisant partie de ce réseau particulier.

Un bel exemple ici, l'une des rares portions terminées des VL (d'après un excellent site, cyclopolis.fr).

https://www.openstreetmap.org/way/867993162#map=17/45.74136/4.84947

On voit qu'elle n'a aucuns tags permettant de comprendre qu'elle fera partie d'un ensemble plus important.

Pourtant, il me semble faisable et courant d'ajouter sur OSM des relations entre les way qui permettent de donner du sens à une échelle plus grande.

Exemple ici sur les berges du Rhone, où la voie cyclable fait partie de deux relations, Voie Verte des Berges du Rhône à Lyon et [ViaRhôna 10: Lyon - Saint-Romain-en-Gal/Vienne](https://www.openstreetmap.org/relation/10792982).
https://www.openstreetmap.org/way/172814295

On pourrait donc créer une relation "Voie Lyonnaise n°1".

Quid des segments non terminés ou pas encore commencés ?

Ici à Rennes, ce segment du REV est marqué comme "en construction", et auparavant était noté "proposé". Je viens de faire la MAJ pour le transformer en "en construction".

Qu'en penses-tu ?

[Data] Typologie des aménagements

Les properties des tronçons terminés ressemblent aujourd'hui à ça :

"properties": {
  "id": "GdeBretagne-commun",
   "line": 1,
   "name": "Avenue de Grande-Bretagne",
    "status": "done",
    "doneAt": "28/03/2023"
},

Il manque une donnée intéressante pour bien analyser la qualité des aménagements livrés : le type de tronçon.

Exemple : "bidirectionnelle", "bande-cyclable", "voie-bus" etc ...

Avec ces données, on pourrait vraiment suivre de près la promesse de qualité des voies lyonnaises.

Les voies du seigneur sont impénétrables

Super projet !

Par contre 404 quand on clique sur une voie via la.page d'acceuil :/

[Design] Amélioration de l'UI des tooltips

L'objectif est d'améliorer l'apparence des différents tooltip de Cyclopolis pour les rendre plus modernes et pratiques, en y ajoutant quelques fonctionnalités, sous réserve de faisabilité technique.

Tooltip tronçon

• Angles arrondis
• Gestion de l'affichage de plusieurs Voies Lyonnaises sur les tronçons communs
• Centrage de la partie Tronçon pour la rendre plus visible
• Création de gellules pour standardiser l'état de chaque tronçon :
• Ajout d'une partie inférieure pour faire un lien vers la partie précise de la description de ce tronçon dans la page de la Voie Lyonnaise (cf. issue #236)

Tooltip image

• Angles arrondis
• Centrage du titre
• Ajout de la pastille ronde en contour blanc avec le numéro de la Voie Lyonnaise
• Ajout d'un commentaire en partie basse qui décrit quelle rue est illustré et dans quelle commune. Il s'agit de la description de la même image dans la détail de la Voie Lyonnaise auquel on a retiré tout ce qui se situe avant le " - "

Tooltip compteur

• Ajout du libellé "Compteur vélo" pour lever toute ambiguïté de lecture
• Centrage de la date, et mise en valeur dans un rectangle gris clair pour mieux la distinguer du chiffre
• Possibilité de naviguer vers la période précédente/suivante via des flèches aux extrémités (le dernier mois disponible reste affiché par défaut)
• Possibilité de basculer d'un affichage mensuel à un affichage annuel, en cliquant sur la date (dans ce cas, c'est la dernière année pleine disponible qui s'affiche)
• Ajout d'un pictogramme vélo et du libellé "en moyenne" pour lever toute ambigüité.
• Mise en valeur du chiffre avec une typo plus grosse en gras, et arrondi à 25 près (idem Distance)
• Ajout de gélule pour les records, avec un distinguo entre les records mensuels et les records absolus en affichage mensuel

Absence de fond de carte, erreur GET france-vector.json

Visiblement le fond de carte (osm) n'est plus chargé sur la carte interactive ni sur les carte des lignes.

Un problème avec france-vector qui n'est pas complétement téléchargé (98,24 ko sur 378, 41 ko) !?

[Data] Modifier les liens vers les PDFs des concertations

Aujourd'hui, la plupart des liens PDFs redirigent vers les PDFs de la métropole.

Ce n'est pas incroyable, parce qu'on n'a pas la maitrise de la donnée.
En particulier, si la métropole déplace / supprime un PDF, on aura un lien mort.

On a donc déjà uploadé tous les PDFs sur le nuage de la ville à vélo.
L'idée est maintenant de repasser sur tous les liens, pour utiliser uniquement ceux de La Ville à Vélo.

Ajout de anchor-links pour les tronçons

Bonjour.

En essayant de faire un hyperlien depuis une source extérieure pointant vers la description d'un tronçon précis sur la page d'une voie lyonnaise je me suis rendu compte que la tache n'était pas facilitée.

J'ai tenté de faire la modif, mais Nuxt n'a pas été mon grand copain. Ce que j'avais en tete, est qu'au survol sur les h2, h3, un petit icone discret d'ancre apparait en début de la ligne.

Manifestement, c'était possible de le faire assez nativement en des temps préhistoriques (2021), mais pour des raisons obscures de framework instable, la recette ne marche plus telle-quelle. https://dev.to/armiedema/add-clickable-anchor-links-to-headers-in-nuxt-content-342d

Mes essais:

 tags: { h1: 'h1', h2: 'h2', h3: 'h3', h4: 'h4', h5: 'h5', h6: 'h6' }

En enlevant cette section dans nuxt.config.ts, des liens automatiques sont bien créés pour chaque header. Mais tout le header est wrappé. Coté rehype, je vois que le plugin de jadis était capable de faire un prepend par defaut, mais impossible de s'en sortir avec la nouvelle option autoLinks de Nuxt. https://github.com/rehypejs/rehype-autolink-headings

Aussi il faut penser à changer le router.options.ts, pour avoir une comportement lègèrement différent d'auto-scroll pour les liens avec ancre pour tenir compte du fixed header.

Si qqn a la sauce magique pour le faire sans gros bouleversement, ça serait super. Merci.

[Carto] Surbrillance des tronçons au "hover"

Il y a déjà sur L'observatoire du plan vélo de Paris en Selle.

Format interactif assez sympa. On aimerait bien faire pareil.

Observatoire du Plan Vélo

La aide aussi à la maintenance du projet (plus facile de modifier les tronçons).