Aioros.Pictor · Aioros

Aioros.Pictor · Recharts en XAML

Las gráficas de Recharts, sin JavaScript tuyo

Toda la API de Recharts 2.15.4 en XAML: el servidor la escribe como SVG, es interactiva con CSS y el script del framework, se actualiza en vivo cuando el servidor envía datos nuevos y se dibuja nativa en el escritorio.

En vivo, desde este servidor Repositorio

tipos de gráfica, cada export de Recharts

96×

más rápido que el render de servidor de Recharts

2.15.4

versión de Recharts cuya API sigue

Cómo se mide

Cada ejemplo de Recharts se renderiza con Recharts y con Pictor y se compara; la medición de servidor escribe los mismos ejemplos en el runner del laboratorio, el SVG de Pictor contra renderToStaticMarkup de Recharts, en los mismos cuatro núcleos (docs/benchmarks.md en el repositorio de Pictor, iteración 12).

En vivo, desde este servidor

Cada muestra de abajo es XAML renderizado por el servidor que estás leyendo, y el mismo XAML corre nativo en el escritorio.

Líneas

Áreas

Barras

Compuesta

Dispersión

Pastel

Radar

Barras radiales

Embudo

Treemap

Sankey

Sunburst

El XAML

Pages/traffic/Page.axaml

<p:AreaChart Data="{Binding Visits}"> <p:CartesianGrid StrokeDashArray="3 3" /> <p:XAxis DataKey="Month" /> <p:YAxis /> <p:Tooltip /> <p:Area Type="Monotone" DataKey="Web" Fill="{DynamicResource PictorPalette1}" /> </p:AreaChart>

El resto del ecosistema

Aioros.Cosmo · shadcn/ui en XAML

Todos los componentes de shadcn/ui, en XAML

Explorar Cosmo

Aioros.Graphs · d3 en C#

El motor de dibujo de d3, byte a byte

Explorar Graphs