LaTeX in JavaScript

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

Plotly Studio: Transform any dataset into an interactive data application in minutes with AI. Sign up for early access now.

LaTeX Typesetting

// remember to load MathJax.js?config=TeX-MML-AM_CHTML
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: {
      text: '$\\sqrt{(n_\\text{c}(t|{T_\\text{early}}))}$'
    }
  },
  yaxis: {
    title: {
      text: '$d, r \\text{ (solar radius)}$'
    }
  }
};
Plotly.newPlot('myDiv', data, layout);
 Click to copy