# How can I rebuild this graph type?

**URL:** https://community.plotly.com/t/how-can-i-rebuild-this-graph-type/37113
**Category:** plotly.js
**Created:** [April 2, 2020, 3:07pm UTC](https://community.plotly.com/t/how-can-i-rebuild-this-graph-type/37113 "2020-04-02T15:07:15Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![bherford](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/bherford/32/9509_2.png) [@bherford](https://community.plotly.com/u/bherford)
#### Post date: [April 2, 2020, 3:07pm UTC](https://community.plotly.com/t/how-can-i-rebuild-this-graph-type/37113/1 "2020-04-02T15:07:15Z")

</div>

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](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/a/a3d09d9f163c99bc581c25fc741a6dda0ce2441d.jpeg)

I found one example of a JavaScript Plot.ly graph here: [https://chart-studio.plotly.com/create/?fid=RichardB:325#/](https://chart-studio.plotly.com/create/?fid=RichardB:325#/) built by [https://plotly.com/~RichardB/#/](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.

---

<div class="post-metadata">

### Author: ![Emmanuelle](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/emmanuelle/32/7853_2.png) [@Emmanuelle](https://community.plotly.com/u/Emmanuelle)
#### Post date: [April 3, 2020, 8:32pm UTC](https://community.plotly.com/t/how-can-i-rebuild-this-graph-type/37113/2 "2020-04-03T20:32:37Z")

</div>

Hi @bherford have you checked these two documentation pages: [https://plotly.com/javascript/axes/](https://plotly.com/javascript/axes/) and [https://plotly.com/javascript/multiple-axes/](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/](https://plotly.com/javascript/subplots/)

---

<div class="post-metadata">

### Author: ![bherford](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/bherford/32/9509_2.png) [@bherford](https://community.plotly.com/u/bherford)
#### Post date: [April 6, 2020, 1:51pm UTC](https://community.plotly.com/t/how-can-i-rebuild-this-graph-type/37113/3 "2020-04-06T13:51:16Z")

</div>

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