plotly.js

The open source JavaScript graphing library that powers Plotly

Show Sidebar Hide Sidebar
Plotly.js

LaTeX in plotly.js

How to add LaTeX to javascript D3.js-based graphs.

var trace1 = {
  x: [1, 2, 3, 4],
  y: [1, 4, 9, 16],
  name: '$\alpha_{1c} = 352 \pm 11 \text{ km s}^{-1}$',
  type: 'scatter'
};
var trace2 = {
  x: [1, 2, 3, 4],
  y: [0.5, 2, 4.5, 8],
  name: '$\beta_{1c} = 25 \pm 11 \text{ km s}^{-1}$',
  type: 'scatter'
};
var data = [trace1, trace2];
var layout = {
  xaxis: {title: '$\sqrt{(n_\text{c}(t|{T_\text{early}}))}$'},
  yaxis: {title: '$d, r \text{ (solar radius)}$'}
};
Plotly.newPlot('myDiv', data, layout);

plotly.js runs on all SVG-compatible browsers

Still need help?
Contact Us

For guaranteed 24 hour response turnarounds, upgrade to a Developer Support Plan.