# Box plot (dispersion)

**URL:** <https://discourse.nodered.org/t/box-plot-dispersion/64079>\
**Category:** Dashboard\
**Created:** [17 June 2022 14:04 UTC](https://discourse.nodered.org/t/box-plot-dispersion/64079 "2022-06-17T14:04:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ricardo.moraleda](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ricardo.moraleda/32/63405_2.png) [@ricardo.moraleda](https://discourse.nodered.org/u/ricardo.moraleda)\
**Post date:** [17 June 2022 14:04 UTC](https://discourse.nodered.org/t/box-plot-dispersion/64079/1 "2022-06-17T14:04:14Z")

</div>

Hello everyone,

I'm looking for a Box-Plot Chart in Node-Red Dashboard.  
I didn't find any useful information with a google search, can someone help me ?

[I'm looking for something like this](https://user-images.githubusercontent.com/4129778/42724341-9a6ec554-8770-11e8-99b5-626e34dafdb3.png)

I wonder if it is possible to work with template node to obtain a boxplot...

Thanks in advance for your answers

Ricardo.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [17 June 2022 14:49 UTC](https://discourse.nodered.org/t/box-plot-dispersion/64079/2 "2022-06-17T14:49:34Z")

</div>

It seems to me that with the Plotly charting library it should be possible. It can be used with `ui_template` node and requires intermediate level skills of coding.

---

<div class="post-metadata">

**Author:** ![ricardo.moraleda](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ricardo.moraleda/32/63405_2.png) [@ricardo.moraleda](https://discourse.nodered.org/u/ricardo.moraleda)\
**Post date:** [17 June 2022 15:06 UTC](https://discourse.nodered.org/t/box-plot-dispersion/64079/3 "2022-06-17T15:06:49Z")

</div>

Thanks a lot!

For example this.

```auto
<head>
	<!-- Load plotly.js into the DOM -->
	<script src='https://cdn.plot.ly/plotly-2.12.1.min.js'></script>
</head>

<body>

  <div id="myDiv"><!-- Plotly chart will be drawn inside this DIV --></div>
  <script>
  
 var x = ['day 1', 'day 1', 'day 1', 'day 1', 'day 1', 'day 1',
         'day 2', 'day 2', 'day 2', 'day 2', 'day 2', 'day 2']

var trace1 = {
  y: [0.2, 0.2, 0.6, 1.0, 0.5, 0.4, 0.2, 0.7, 0.9, 0.1, 0.5, 0.3],
  x: x,
  name: 'kale',
  marker: {color: '#3D9970'},
  type: 'box'
};

var trace2 = {
  y: [0.6, 0.7, 0.3, 0.6, 0.0, 0.5, 0.7, 0.9, 0.5, 0.8, 0.7, 0.2],
  x: x,
  name: 'radishes',
  marker: {color: '#FF4136'},
  type: 'box'
};

var trace3 = {
  y: [0.1, 0.3, 0.1, 0.9, 0.6, 0.6, 0.9, 1.0, 0.3, 0.6, 0.8, 0.5],
  x: x,
  name: 'carrots',
  marker: {color: '#FF851B'},
  type: 'box'
};

var data = [trace1, trace2, trace3];

var layout = {
  yaxis: {
    title: 'normalized moisture',
    zeroline: false
  },
  boxmode: 'group'
};

Plotly.newPlot('myDiv', data, layout);

</script>
</body>

```

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [1 July 2022 15:07 UTC](https://discourse.nodered.org/t/box-plot-dispersion/64079/4 "2022-07-01T15:07:10Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.
