How can I rebuild this graph type?

plotly.js
1

Can anyone shed some light on how I migt built this graph type with Plot.ly JS?

I am trying to build an inclinometer graph with Plot.ly. An inclinometer graph looks like this:

LWjOL
LWjOL1245×1000 291 KB

I found one example of a JavaScript Plot.ly graph here: https://chart-studio.plotly.com/create/?fid=RichardB:325#/ built by https://plotly.com/~RichardB/#/ @richardb

I am stumped as to how this is done, I can see the code, but I’m not sure how it’s rotating the axis, etc. Any help would be greatly appreciated.

2

Hi @bherford have you checked these two documentation pages: https://plotly.com/javascript/axes/ and https://plotly.com/javascript/multiple-axes/? Reading through the examples should make it clear for you how to fine-tune ticks, place an axis on the right, etc. Also maybe https://plotly.com/javascript/subplots/

3

@Emmanuelle Thank you for the note, I’ll review those links.