- ${htmlEscape(title)}${htmlEscape(caption)}
-
- ${htmlEscape(legendTitle)}${legend}
- `
-}
-
const renderZoneClassMap = () => {
const fills = zoneFeatures
.map((zoneFeature) => {
@@ -325,12 +299,51 @@ const renderZoneClassMap = () => {
`
}
+const renderBairroChoropleth = ({ valueOf, title, caption, legendTitle }) => {
+ const entries = bairroMetrics.map(valueOf).filter((value) => value > 0)
+ const classes = quantileClasses(entries)
+ const ranges = classRanges(entries)
+ const fills = bairros
+ .map((item) => {
+ const metric = bairroMetricsByName.get(item.properties?.NM_BAIRRO)
+ const value = metric ? valueOf(metric) : 0
+ const classIndex = classes.get(value) ?? 0
+ const fill = value > 0 ? discreteChoroplethFill(classIndex, 5) : NO_DATA_FILL
+ return `