Creación de un gráfico circular (superpuesto) con puntos de datos y conexiones al centro del círculo y entre puntos de datos

¿Qué paquetes de software/bibliotecas puedo usar para desarrollar la interfaz de usuario que se describe a continuación? Estoy familiarizado con angularjs. Tengo experiencia en programación back-end. Esta es mi incursión en el desarrollo de interfaz de usuario front-end.

Objetivo:

  • Cree un gráfico circular con puntos de datos dentro de cada porción del pastel.
  • Muestre una imagen en el centro del círculo (gráfico circular).
  • Los puntos de datos pueden ser imágenes o texto.
  • Al pasar el cursor sobre el punto de datos, debería mostrar más información al respecto.
  • Los puntos de datos están conectados a la imagen central mediante líneas en negrita o punteadas.
  • Los puntos de datos se pueden conectar entre sí mediante líneas en negrita o punteadas.

Los parámetros que pueden cambiar son:

  1. Número de rebanadas en el pastel.
  2. Número de puntos de datos.
  3. Grosor de las líneas.
  4. Tipo de líneas (punteadas, etc.)
  5. Imágenes en lugar de/además de texto para los puntos de datos.

Se adjunta una maqueta de lo que estoy tratando de lograr. Gracias de antemano.

maqueta de ejemplo

Respuestas (1)

Essential Chart for JavaScript admite la creación de gráficos circulares y se pueden realizar personalizaciones en el gráfico circular para cumplir con sus requisitos.

Ejemplo

Gráfico circular con superposición

Todo el producto está disponible de forma gratuita a través de la licencia comunitaria si califica (menos de 1 millón de dólares en ingresos).

Trabajo para Syncfusion.

¡Gracias! Revisaré la licencia comunitaria.
Creación de un gráfico circular (superpuesto) con puntos de datos y conexiones al centro del círculo y entre puntos de datos
RespuestasAquíPolítica de privacidad1y, 0v