¿Cómo se traza el mapa de distribución de la epidemia al que prestamos atención todos los días?

Desde hace algún tiempo, lo primero que hago al despertar cada mañana es encender el teléfono para comprobar el estado actual de la epidemia.

Como programador, cuando vi esta imagen, supuse que debería dibujarse usando la carta electrónica de Baidu, y luego me vino a la mente el método de usar la carta electrónica. Pero resulta que todavía soy demasiado joven y no tengo conocimiento del producto.

El equipo echarts de Baidu en realidad empaquetó la función echarts en una herramienta completa y fácil de usar desde el principio y la abrió. Cualquiera puede desarrollar rápidamente íconos avanzados como mapas epidémicos sin conocer una línea de código.

Sin más, esta herramienta es Baidu Tujia, la dirección del sitio web es />

Mira en la esquina inferior derecha, es cierto, viene de echarts.

Comencemos mi actuación:

Busque un sitio web y obtenga los datos epidémicos más recientes.

Haga clic para comenzar a crear gráficos --> Crear gráfico --> Seleccionar Mapa --> Mapa estándar de China

Edición de datos --> Importar a Excel. Importar

4. Ajustar color

Ajustar por parámetros. En el campo de valor modificando el rango del campo de valor y el color del controlador. Es fácil hacer un gráfico bastante bueno.

Además, hay muchos otros gráficos de uso común en el gráfico. Todo esto es lo que hacemos a menudo usando echarts.

Esta herramienta es bastante buena, aunque los programadores podemos escribirla en código, lo que puede ahorrar muchas cosas. Además, esta herramienta puede ver el código fuente y también podemos usarla para modificar funciones que no están implementadas.

Para las personas que no entienden el código, no necesitan entender una sola línea de código para usarlo directamente.

Además, existen algunas recomendaciones de gráficos de código abierto

D3.js es una biblioteca JavaScript de código abierto para procesar documentos basados ​​en datos del usuario. Es una poderosa herramienta que da vida a los datos con la ayuda de HTML, SVG y CSS. D3 permite a los desarrolladores vincular datos arbitrarios al DOM y luego aplicar transformaciones basadas en datos al DOM. Por ejemplo, considere una matriz que puede usar para generar una tabla HTML, o puede usar los mismos datos para generar un gráfico de barras interactivo o un gráfico circular.

Sitio web oficial: https://d3js.org/

Chart.js es una biblioteca de gráficos mantenida por la comunidad. Al utilizarla, podemos crear gráficos responsivos para su sitio web. . Al usarlo, podemos generar gráficos híbridos con buenas capacidades de representación en los navegadores modernos. Angular Chart se basa en la biblioteca Chart.js, por lo que implementar gráficos Angular en su proyecto Angular será muy fácil.

Sitio web oficial: http://www.chartjs.org/

n3-charts también es una biblioteca de gráficos JavaScript de código abierto que brinda comodidad a los desarrolladores de Angular. n3-chart está construido sobre D3.js y AngularJS, por lo que tiene gráficos más potentes y es fácil de implementar.

Sitio web oficial: http://n3-charts.github.io/line-chart/#/home

.