chart.js n'est pas pour cela ! (si je désire un camembert
après ma carte : oui)
En fait ici, tu nous montres une page html générée avec python folium, il faut donc faire des recherches à partir de cela
Pour le svg, tu peux générer des icones svg dans le code de la page html.
exemple qui génère un code source svg depuis python
1 2 3 4 5 6 7 8 9 10 11 12 13 14
|
def gen_svg(numero, size: 50, color: "#f00"):
height = 1000
w = 128 # visuel
font_size = w // 4
return f'''<?xml version="1.0" encoding="utf-8"?>
<svg width="{w}px" height="{w}px" viewBox="0 0 100% 100%" xmlns="http://www.w3.org/2000/svg">
<style> .no {{ font: normal {font_size}px serif; }} </style>
<rect x="0" width="100%" height="{size}%" rx="3%" fill="{color}" />
<circle cx="48%" cy="70%" r="{font_size//1.2}px" stroke="{color}" stroke-width="3" fill="#f75e5e"/>
<text x="48%" y="80%" fill="#fff" class="no" text-anchor="middle">{numero}</text>
</svg>'''
print(gen_svg(4, 55, "#bb0")) # barre à 55% de hauteur |
ici, qu'une seule barre :
<rect x="0" width="100%" height="{size}%" rx="3%" fill="{color}" /> donc facile à en empiler plusieurs
Possible aussi d'utiliser du html(et css) à la place d'un marqueur (icone ici est simple donc faisable)
si tu cherches, tu trouveras pas mal
d'exemples, mais tout ceci ce n'est pas vraiment du python, nous sommes plus dans le monde html
Partager