Suggest an edit to this page

Log Plots in JavaScript

How to make a plot with D3.js-based logarithmic axes in javascript.


Plotly Studio: Transform any dataset into an interactive data application in minutes with AI. Try Plotly Studio now.

Logarithmic Axes 

var trace1 = {
  x: [0, 1, 2, 3, 4, 5, 6, 7, 8],
  y: [8, 7, 6, 5, 4, 3, 2, 1, 0],
  type: 'scatter'
};

var trace2 = {
  x: [0, 1, 2, 3, 4, 5, 6, 7, 8],
  y: [0, 1, 2, 3, 4, 5, 6, 7, 8],
  type: 'scatter'
};

var data = [trace1, trace2];

var layout = {
  xaxis: {
    type: 'log',
    autorange: true
  },
  yaxis: {
    type: 'log',
    autorange: true
  }
};

Plotly.newPlot('myDiv', data, layout);
</script>\n</head>\n\n<body>\n\t<div id='myDiv'><!-- Plotly chart will be drawn inside this DIV --></div>\n</body>","js":"var trace1 = {\n x: [0, 1, 2, 3, 4, 5, 6, 7, 8],\n y: [8, 7, 6, 5, 4, 3, 2, 1, 0],\n type: 'scatter'\n};\n\nvar trace2 = {\n x: [0, 1, 2, 3, 4, 5, 6, 7, 8],\n y: [0, 1, 2, 3, 4, 5, 6, 7, 8],\n type: 'scatter'\n};\n\nvar data = [trace1, trace2];\n\nvar layout = {\n xaxis: {\n type: 'log',\n autorange: true\n },\n yaxis: {\n type: 'log',\n autorange: true\n }\n};\n\nPlotly.newPlot('myDiv', data, layout);\n"}">