Pagina Web con un mapa utilizando la libreria d3.js

Funcionamiento: Se trata de un mapa de calor que permita cargar un valor por país y por fecha. Entre mayor sea el valor más oscuro es el color. La carga de datos debe ser suave, sin que el mapa parpadee o se distorsione. Librería del mapa: Basado en la librería de gráficos gratuita llamada D3.js Librería de la barra de rango slider: Puede basarse en [login to view URL] Ver ejemplo en: [login to view URL] Características: Carga de Datos: Debe poder leer de una variable u otro método pero que no sea un archivo datos. La información se pasará en este formato: Mínimo: 0 Máximo: 30 Zona: 1 [01/01/2018,El salvador, 10] [01/01/2019, Panama,20] [01/01/2019, Republica Dominicana,30] [02/01/2019, Honduras,30] [02/01/2019, Honduras,30] [02/01/2019, Costa Rica,10] [02/01/2019, Guatemala,5] Variable Mínimo y Máximo: Con esta variable el script podrá calcular el rango de tonalidades para cada país. Color: Se debe poder definir dos colores para que vayan de uno a otro de acuerdo a la cantidad por país: Por ejemplo: de Blanco a Rojo. Visualización: Se le debe poder especificar un zoom automático para que muestre un acercamiento a determinados países. Zonas que nos interesan: Zona 1: Centro América, el Caribe y Ecuador. Zona 2: Ecuador, Colombia, Perú, Venezuela. Zona 3: Sudamérica Eventos: Con la barra de Range Slider se debe poder elegir una fecha y debe cargar los datos correspondientes en el mapa. Si se presiona El botón con la flecha deben suceder dos cosas: 1. El Icono del botón cambia. 2. El Range Slider se mueva cada segundo hacia la fecha siguiente y el mapa debe cargar los datos correspondientes a ese día. Si se presiona nuevamente el botón deben suceder dos cosas: El icono del botón vuelve a su estado original. La barra de RangeSlider se debe detener. Si se da clic sobre un país debe detener el RangeSlider si estuviera activo y mostrar el País y la Cantidad en un Frame al lado del mapa.