Leptos Charts

A charting library built with Rust and the Leptos framework. Renders to pure SVG which is responsive, no code needed to adjust for view changes.

Currently supports Bar and Pie charts.

Examples

Bar Chart

Simple bar chart that is reactive and responsive, can take plain Vecs or a Leptos signal with a Vec.

Usage:

use leptos_charts::*;
use leptos::*;

let data: Vec<i32> = vec![2, 3, 1, -7, 1, 2, 9];
let options = Box::new(BarChartOptions {
    max_ticks: 4,
    color: Box::new(Palette(CATPPUCCIN_COLORS.clone())),
});

view!{
<BarChart
    values=data.into()
    options=options
    attr:style="margin-top:5px"
    attr:preserveAspectRatio="none"
    attr:width="300"
    attr:height="200"
/>
}

Pie Chart

Usage:

use leptos::*;
use leptos_charts::*;

let data: Vec<f64> = vec![2.0, 3.0, 1.5, 7.0, 1.0, 2.5, 9.9];
let options = Box::new(PieChartOptions {
    color: Box::new(Palette(CATPPUCCIN_COLORS.clone())),
});

view!{
  <PieChart
      values=data.into()
      options=options
      attr:width="300"
      attr:height="200"
  />
}