🌐 mapa.salazarcode.net D3.js v7 Vectorial En Línea Single-File Bundle

Mapa Interactivo de Venezuela

Visualizador cartográfico web interactivo con navegación jerárquica multinivel (País ➔ Estado ➔ Municipio ➔ Parroquia). Construido con D3.js y Vite, optimizado en un único archivo autónomo de carga instantánea.

🗺️ Explorar Mapa en mapa.salazarcode.net ↗ Código Fuente en GitHub ↗

Alcance & Cobertura

Jerarquía Político-Territorial Exhaustiva

Estructura piramidal con drill-down interactivo y delimitación geográfica oficial.

📍

Niveles Administrativos (Adm 0 a Adm 3)

Permite navegar de lo macro a lo micro sin perder contexto espacial ni fluidez visual:

✓ Nivel 0 (Nacional): País completo, incluyendo la visualización de la Guayana Esequiba.
✓ Nivel 1 (Estadal): 25 entidades federales (24 Estados + Dependencias Federales).
✓ Nivel 2 (Municipal): 335 Municipios con cálculo dinámico de centroides.
✓ Nivel 3 (Parroquial): 1.136 Parroquias con tooltips y códigos oficiales.

🌐

Fuentes de Datos Geoespaciales

Las capas vectoriales se basan en información estandarizada de ayuda humanitaria y cartografía oficial:

Estándar OCHA / ONU: Integración de P-Codes (Place Codes) reconocidos internacionalmente.
Polígonos Simplificados: Reducción de peso sin pérdida de contornos costeros ni fronterizos.
Corrección con @turf/rewind: Orientación estándar de anillos exteriores e interiores para polígonos SVG.

Detalles Técnicos

Ingeniería de Software & Renderizado

Optimización extrema de rendimiento vectorial en el cliente.

📊

Proyección Mercator & Render D3.js

Uso intensivo de las librerías matemáticas de D3-geo y D3-zoom:

Proyección: d3.geoMercator() adaptada al centroide y escala de las coordenadas venezolanas.
Zoom Inteligente: Cálculo de path.bounds(feature) para centrar la cámara con transiciones SVG suaves.
Sincronización Bidireccional: Hover simultáneo entre los polígonos del mapa y la lista lateral de entidades.

📦

Arquitectura Single-File Bundle

Todo el código JavaScript, CSS y los GeoJSON de más de mil parroquias se compilan en un único archivo:

Vite Singlefile: Genera un único dist/index.html auto-contenido de carga ultra-rápida.
Zero Latency: No requiere peticiones fetch subsecuentes al servidor para cambiar de estado o nivel.
Despliegue Simple: Contenedor Nginx Alpine ultraligero que consume menos de 10 MB de RAM.