A plotting library for Rust powered by Plotly.js.
Documentation and numerous interactive examples are available in the Plotly.rs Book, the examples/ directory and docs.rs.
For changes since the last version, please consult the changelog.
Add this to your Cargo.toml:
[dependencies]
plotly = "0.8.4"Any figure can be saved as an HTML file using the Plot.write_html() method. These HTML files can be opened in any web browser to access the fully interactive figure.
use plotly::{Plot, Scatter};
let mut plot = Plot::new();
let trace = Scatter::new(vec![0, 1, 2], vec![2, 1, 0]);
plot.add_trace(trace);
plot.write_html("out.html");By default, the Plotly JavaScript library will be included via CDN, which results in a smaller filesize, but slightly slower first load as the JavaScript library has to be downloaded first. To instead embed the JavaScript library (several megabytes in size) directly into the HTML file, the following can be done:
// <-- Create a `Plot` -->
plot.use_local_plotly();
plot.write_html("out.html");If you only want to view the plot in the browser quickly, use the Plot.show() method.
// <-- Create a `Plot` -->
plot.show(); // The default web browser will open, displaying an interactive plotTo save a plot as a static image, the kaleido feature is required:
# Cargo.toml
[dependencies]
plotly = { version = "0.8.4", features = ["kaleido"] }With this feature enabled, plots can be saved as any of png, jpeg, webp, svg, pdf and eps. Note that the plot will be a static image, i.e. they will be non-interactive.
The Kaleido binary is downloaded for your system's architecture at compile time from the official Kaleido release page. This library currently supports x86_64 on Linux and Windows, and both x86_64 and aarch64 on macOS.
Exporting a simple plot looks like this:
use plotly::{ImageFormat, Plot};
let mut plot = Plot::new();
let trace = Scatter::new(vec![0, 1, 2], vec![2, 1, 0]);
plot.add_trace(trace);
plot.write_image("out.png", ImageFormat::PNG, 800, 600, 1.0);Using Plotly.rs in a Wasm-based frontend framework is possible by enabling the wasm feature:
# Cargo.toml
[dependencies]
plotly = { version = "0.8.4", features = ["wasm"] }First, make sure that you have the Plotly JavaScript library in your base HTML template:
<!-- index.html -->
<!doctype html>
<html lang="en">
<head>
<!-- snip -->
<script src="https://cdn.plot.ly/plotly-2.14.0.min.js"></script>
</head>
<!-- snip -->
</html>A simple Plot component would look as follows, using Yew as an example frontend framework:
use plotly::{Plot, Scatter};
use yew::prelude::*;
#[function_component(PlotComponent)]
pub fn plot_component() -> Html {
let p = yew_hooks::use_async::<_, _, ()>({
let id = "plot-div";
let mut plot = Plot::new();
let trace = Scatter::new(vec![0, 1, 2], vec![2, 1, 0]);
plot.add_trace(trace);
async move {
plotly::bindings::new_plot(id, &plot).await;
Ok(())
}
});
use_effect_with_deps(move |_| {
p.run();
|| ()
}, (),
);
html! {
<div id="plot-div"></div>
}
}More detailed standalone examples can be found in the examples/ directory.
The following feature flags are available:
Adds plot save functionality to the following formats: png, jpeg, webp, svg, pdf and eps.
Adds trait implementations so that image::RgbImage and image::RgbaImage can be used more directly with the plotly::Image trace.
Adds support for creating plots directly using ndarray types.
Enables compilation for the wasm32-unknown-unknown target and provides access to a bindings module containing wrappers around functions exported by the plotly.js library.
-
If you've spotted a bug or would like to see a new feature, please submit an issue on the issue tracker.
-
Pull requests are welcome, see the contributing guide for more information.
Plotly.rs is distributed under the terms of the MIT license.
See LICENSE-MIT, and COPYRIGHT for details.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent