Motor de gráficos e infográficos.

Despiece del catálogo de 354 piezas

De tus datos al gráfico

Gráficos e infográficos para documentos y aplicaciones.

xarts es el motor de gráficos de anlak. Convierte datos explícitos en una composición editorial con título, etiquetas, notas y fuente. La misma pieza se puede exportar como SVG o integrar como componente React.

Explora 354 piezas, elige un ejemplo y cambia sus datos en el editor. Para incorporar el motor a tu producto, el SDK ofrece 35 familias nativas, contratos JSON y nueve temas.

Para quién

Menos trabajo entre el dato y la entrega.

Actualizar el dato no debería obligarte a redibujar.

El trabajo que se repite

informe_v1.pptx38,0M€v1
informe_v2.pptx42,5M€v2
informe_final.pptx41,8M€final
Tres ficheros. Tres versiones del resultado.

Con Xarts

Puente de EBITDA exportado por Xarts
Una spec conservada con el informe.

Regenera la lámina cuando cambian los datos; conserva el contenido y su configuración junto al proyecto.

Qué compras

El agente decide el contenido. Xarts resuelve la forma.

La capa opinionada sobre visx y D3: elegir la pieza, componerla y entregarla con un lenguaje visual consistente.

La composición

Las piezas ya trabajan juntas.

Escalas, etiquetas, leyendas y anotaciones: componentes compartidos, combinados según cada tipo. La composición no empieza de cero.

Comparaciones
Muestra del motor: bars
Variaciones
Muestra del motor: waterfall
Composición
Muestra del motor: variable-width

Las dos salidas

Del producto al documento.

Componentes React para tu interfaz. SVG para incrustar, compartir y conservar.

De serie

Calidad editorial por defecto,
no como opción.

Un titular que afirma. Contexto, fuente y notas. El contenido se declara; el motor cuida su composición.

Distribución y propiedad capturan el 23% del beneficio hotelero con el 12% de los ingresos
Una lámina real del motor

Validación de specs y pruebas de regresión del motor.

El dato cambia. La pieza se regenera.

Conserva la spec con tu proyecto. Renderiza en tu entorno, sin enviar los datos a un servicio de Xarts.

Contrato e integración

Cuando una lámina no basta

Una explicación, paso a paso.

Cuatro specs nativas con una escala común. La web cambia el foco de la explicación y conserva la referencia de comparación.

Puente de EBITDA de 2024 a 2025: se parte de 12,4 M$, el precio suma 3,1, el coste unitario resta 1,9 y el volumen suma 1,0 hasta cerrar en 14,6 M$.El punto de partida y la metaPuente EBITDA 2024 → 2025 (M$)Elaboración propia — datos ilustrativos (cierre de gestión 2025)Puente a perímetro constante. «Precio» recoge el efecto de la tarifa media sobre el margen; «Coste unitario», el coste directo por unidad vendida; «Volumen», las unidades adicionales valoradas a margen 2024. Datos ilustrativos. IncreaseDecreaseTotal12,4+3,1-1,9+114,6EBITDA 2024{"profile":{"view":"bridge","margin":{"top":64,"right":40,"bottom":96,"left":104},"domain":{"padding":0.08,"mode":"both","nice":true},"axis":{"measuredStepBudget":true,"additionalGap":4,"exportMeasurement":"glyph-advances","labelOverflow":0,"inkPadding":16,"marginMethod":"measured","frame":"rotated","categoryBudget":"auto","rotation":-35},"colors":{"positive":"emerald","negative":"red","total":"blue"},"connector":{"visible":true,"color":"border","width":1,"dash":"3,3"},"format":{"kind":"measured","threshold":1000,"largeSuffix":"K","largeDecimals":0,"largeTrim":true,"axisDecimals":0},"label":{"positiveOffset":8,"negativeOffset":18,"fontWeight":500,"secondaryOffsetPositive":-20,"secondaryOffsetNegative":20,"secondarySize":10,"secondaryDecimals":1,"secondaryParentheses":false,"secondaryColor":"textMuted","showClosingPercent":false,"zeroPercent":"hide"},"legend":{"kind":"svg","wrapper":"normal","height":36,"rightOffset":280,"y":-10,"itemStep":80,"fontSize":11,"swatchSize":10,"swatchRadius":2,"labelGap":4,"items":[{"key":"positive","label":"Increase","color":"emerald"},{"key":"negative","label":"Decrease","color":"red"},{"key":"total","label":"Total","color":"blue"}]}},"version":"xarts.waterfall/1","family":"waterfall","provenance":{"legacyId":"waterfall"},"data":{"unit":"M$","rows":[{"step":"EBITDA 2024","value":12.4,"kind":"opening"},{"step":"Precio","value":3.1,"kind":"delta"},{"step":"Coste unitario","value":-1.9,"kind":"delta"},{"step":"Volumen","value":1,"kind":"delta"},{"step":"EBITDA 2025","value":14.6,"kind":"total"}]},"encoding":{"step":"step","value":"value","kind":"kind"},"calculation":{"type":"bridge","totals":"verify-or-compute","stack":"diverging","tolerance":0},"layout":{"orientation":"vertical","bandPadding":0.25,"domain":[0,18]},"marks":{"colorBy":"sign","colorMap":{},"radius":0,"opacity":0.9},"labels":{"secondary":"none","visible":true,"segments":false,"decimals":0,"divisor":1,"prefix":"","suffix":"","fontSize":11},"axes":{"valueTitle":"","grid":true,"ticks":5},"groups":{"visible":false},"legend":{"visible":true},"summary":{"metric":"none","label":""},"annotations":[{"id":"focus-0","type":"highlight","step":"EBITDA 2024"},{"id":"focus-1","type":"highlight","step":"EBITDA 2025"}],"document":{"exportTextMeasurement":"glyph-advances","header":{"title":"El punto de partida y la meta","subtitle":"Puente EBITDA 2024 → 2025 (M$)"},"footer":{"source":"Elaboración propia — datos ilustrativos (cierre de gestión 2025)","notes":"Puente a perímetro constante. «Precio» recoge el efecto de la tarifa media sobre el margen; «Coste unitario», el coste directo por unidad vendida; «Volumen», las unidades adicionales valoradas a margen 2024. Datos ilustrativos.","alt":"Puente de EBITDA de 2024 a 2025: se parte de 12,4 M$, el precio suma 3,1, el coste unitario resta 1,9 y el volumen suma 1,0 hasta cerrar en 14,6 M$."},"spacing":{"horizontalPadding":32,"topPadding":24,"bottomPadding":24,"minimumTextGap":6}},"output":{"filename":"story-waterfall-puente-ebitda--01-el-hueco","embedSpec":true,"geometryDecimals":2},"presentation":{"theme":"anlak","dimensions":{"width":1200,"height":760},"locale":"es-ES","fonts":"reference","surface":"theme","framePadding":24}}PrecioCoste unitarioVolumenEBITDA 2025051015
Puente de EBITDA · cuatro estados exportados

Del resultado a sus causas.

Primero la diferencia. Después, lo que aporta el precio y lo que resta el coste. Al final, la explicación completa.

Esta muestra recorre cuatro SVG ya exportados. El selector pertenece a la web; no representa un reproductor de historias incluido en el SDK.

Ver el alcance técnico →

Cambia los datos. Conserva el diseño.

Elige una pieza del catálogo. Edita sus datos, textos y estilo, comprueba el resultado y descarga el SVG o la spec para reutilizarlo.

Puente de EBITDA de 2024 a 2025: se parte de 12,4 M$, el precio suma 3,1, el coste unitario resta 1,9 y el volumen suma 1,0 hasta cerrar en 14,6 M$.
Stacked waterfall · Xarts

Antes de empezar

Preguntas sobre xarts

¿Qué es xarts?

xarts es un motor de gráficos e infográficos de anlak. Su catálogo contiene 354 piezas repartidas en 35 familias nativas. A partir de datos explícitos en JSON produce SVG para documentos y componentes React para aplicaciones.

¿Cómo puedo probar un gráfico con mis datos?

Abre el editor de esta página, elige una pieza del catálogo y modifica sus datos, textos o estilo. Puedes comparar el resultado con el original y descargar la spec JSON, el SVG o un ZIP con el SVG y sus fuentes. El editor público permite explorar ejemplos; la licencia del SDK se entrega por separado.

¿Cuál es la diferencia entre la salida SVG y la salida React?

El SVG es un archivo vectorial para incorporar a informes y documentos. React monta el gráfico dentro de una aplicación y permite la interacción admitida por cada familia. Ambas salidas usan el mismo contrato de datos de la pieza.

¿El SVG se puede abrir sin conexión?

Sí. La descarga «SVG con fuentes · ZIP» incluye el gráfico, sus fuentes Inter y la licencia de las fuentes. Así no depende de una conexión para cargar la tipografía. También puedes descargar el SVG y la spec JSON por separado.

¿Cuánto cuesta la licencia de xarts?

La oferta publicada es de 1.500 € al año para hasta cinco desarrolladores y un producto. Incluye un año de versiones y soporte; si no renuevas, conservas la última versión recibida. Las condiciones completas y el precio en firme se confirman antes de la compra.

¿Qué incluye el SDK?

Incluye el motor nativo, componentes React, contratos ESM y TypeScript y la CLI de exportación SVG. El render se ejecuta en tu máquina. Los adaptadores HTTP y MCP, el sistema de cartas y la exportación a PowerPoint no forman parte del paquete SDK actual; su alcance se acuerda por separado.

¿Tengo que enviar mis datos a un servicio para generar el gráfico?

El SDK genera los gráficos en tu máquina o en tu propia infraestructura. El editor de esta web prepara los ejemplos en el navegador. Si solicitas una muestra personalizada por correo, tú decides qué datos compartir con anlak.

¿Qué ocurre si introduzco una opción o un dato incompatible?

El motor valida la spec. Los controles ofrecen selectores para las opciones cerradas y el editor conserva el último gráfico válido cuando un borrador no se puede aplicar. Puedes corregir el borrador, deshacer el cambio o recuperar el original.

Más contexto en Sobre xarts y ejemplos en las guías de gráficos.

Cómo se licencia

Una oferta, sin niveles.

Licencia OEM · una sola oferta

1.500 €/ año
  • Hasta 5 desarrolladores, un producto.
  • Un año de versiones y soporte. Si no renuevas, conservas la última versión recibida.
  • Motor de charts e infográficos y sistema de cartas. La exportación a PowerPoint queda fuera: es un servicio del studio.
  • Entrega privada del motor y sus ejemplos. El render se ejecuta en tu máquina.
Pedir accesohello@anlak.es · respondemos con la letra completa y un spec de prueba

Qué recibes

El SDK incluye el motor, sus componentes React y la CLI de exportación SVG. El catálogo muestra 354 piezas y nueve temas.

Compatibilidad y comprobaciones de esta entrega

Los adaptadores HTTP y MCP y el sistema de cartas existen en el repositorio, pero no forman parte del paquete SDK actual. Su entrega como código fuente, la compatibilidad y los límites de la oferta se concretan antes de la compra.

No hay prueba gratuita. Si quieres ver tu propio dato en una lámina antes de decidir, envíanos un CSV y te devolvemos la lámina.

Pedir acceso

Cuéntanos dónde lo usarías

Te enviamos la letra completa de la licencia, el precio en firme y, si quieres, una lámina hecha con un dato tuyo para que veas cómo queda antes de decidir.

  • Sin compromiso. Escribimos nosotros, no un formulario automático.
  • Sin prueba gratuita. No la hay: en su lugar hacemos tu lámina.
  • Una sola oferta. 1.500 € al año, hasta cinco desarrolladores.
¿Dónde lo usarías?