Cómo crear gráficos SVG para informes
Para crear un gráfico SVG con xarts, elige una pieza del catálogo, sustituye sus datos en el editor y descarga el resultado. El archivo conserva la composición del gráfico y se puede escalar sin convertir las marcas en píxeles.
1. Elige el gráfico según la pregunta
Empieza por la decisión que debe explicar el informe. Un gráfico de barras compara magnitudes; un waterfall descompone un cambio; un Marimekko muestra tamaño y composición; un mapa coroplético compara valores por territorio. La disponibilidad de una pieza en el catálogo no significa que sea adecuada para cualquier conjunto de datos.
Abre el catálogo de gráficos e infográficos y compara las muestras. Revisa las unidades, el tipo de dato y la estructura de las categorías antes de escoger. Si necesitas justificar por qué cambia un resultado, por ejemplo, un waterfall permite ver la contribución de cada paso.
2. Sustituye los datos y el contexto
En el editor de xarts, la pestaña Datos muestra las estructuras de la pieza. Cambia los valores y sus etiquetas conservando las relaciones que exige el contrato: una serie temporal necesita un orden; una matriz utiliza filas y columnas; una red declara nodos y enlaces.
Después actualiza el título, el subtítulo y la fuente. Un ejemplo puede contener un texto interpretativo o datos ilustrativos: al sustituir los números debes revisar también esas afirmaciones. El editor valida la estructura y los cálculos de la familia, pero la conclusión del informe sigue siendo una decisión editorial.
3. Revisa antes de exportar
- Confirma las unidades, los signos y el formato de los números.
- Comprueba que las etiquetas se leen al tamaño final del documento.
- Verifica que el título describe los datos que acabas de introducir.
- Utiliza «Comparar con original» para revisar qué cambió respecto a la muestra.
- Si un borrador es incompatible, corrígelo o descártalo: el editor conserva la última salida válida.
4. Elige qué descargar
| Descarga | Para qué sirve |
|---|---|
| SVG | Incorporar el gráfico vectorial a un documento compatible. |
| Spec JSON | Conservar datos y configuración para editar o regenerar la pieza. |
| SVG con fuentes · ZIP | Llevar el gráfico y las fuentes Inter para abrirlo sin depender de la web. |
El SDK también puede generar SVG mediante Node.js. Los ejemplos para desarrolladores muestran cómo preparar una composición y exportarla. La entrega actual del SDK cubre SVG y React; la exportación directa a PowerPoint se concreta como un servicio separado.
Cuándo utilizar React
Si el gráfico forma parte de una aplicación que necesita interacción, consulta la guía de gráficos React con datos JSON. Si lo que necesitas es una figura estable en un informe, el SVG permite separar la composición del gráfico de la aplicación que lo produjo.