1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
use charts::{Chart, ScaleLinear, ScatterView, MarkerType, PointLabelPosition};
fn main() {
// Define chart related sizes.
let width = 800;
let height = 600;
let (top, right, bottom, left) = (90, 40, 50, 60);
// Create a band scale that will interpolate values in [0, 200] to values in the
// [0, availableWidth] range (the width of the chart without the margins).
let x = ScaleLinear::new()
.set_domain(vec![0_f32, 200_f32])
.set_range(vec![0, width - left - right]);
// Create a linear scale that will interpolate values in [0, 100] range to corresponding
// values in [availableHeight, 0] range (the height of the chart without the margins).
// The [availableHeight, 0] range is inverted because SVGs coordinate system's origin is
// in top left corner, while chart's origin is in bottom left corner, hence we need to invert
// the range on Y axis for the chart to display as though its origin is at bottom left.
let y = ScaleLinear::new()
.set_domain(vec![0_f32, 100_f32])
.set_range(vec![height - top - bottom, 0]);
// You can use your own iterable as data as long as its items implement the `PointDatum` trait.
let scatter_data = vec![(120, 90), (12, 54), (100, 40), (180, 10)];
// Create Scatter view that is going to represent the data as points.
let scatter_view = ScatterView::new()
.set_x_scale(&x)
.set_y_scale(&y)
.set_label_position(PointLabelPosition::E)
.set_marker_type(MarkerType::Square)
.load_data(&scatter_data).unwrap();
// Generate and save the chart.
Chart::new()
.set_width(width)
.set_height(height)
.set_margins(top, right, bottom, left)
.add_title(String::from("Scatter Chart"))
.add_view(&scatter_view)
.add_axis_bottom(&x)
.add_axis_left(&y)
.add_left_axis_label("Custom X Axis Label")
.add_bottom_axis_label("Custom Y Axis Label")
.save("scatter-chart.svg").unwrap();
}