Site updated at 2018-02-05 18:20:58 UTC

Author: cldougl

2018/01/16/advanced-violin.html

@@ -0,0 +1,15 @@
+var x = [];
+var y = [];
+for (var i = 0; i < 500; i ++) {
+	x[i] = Math.random();
+	y[i] = Math.random() + 1;
+}
+
+var data = [
+  {
+    x: x,
+    y: y,
+    type: 'histogram2dcontour'
+  }
+];
+Plotly.newPlot('graph', data); 

2018/01/16/basic-hist2dcontour.html

@@ -0,0 +1,34 @@
+Plotly.d3.csv("https://raw.githubusercontent.com/plotly/datasets/master/violin_data.csv", function(err, rows){
+
+  function unpack(rows, key) {
+  return rows.map(function(row) { return row[key]; });
+  }
+
+var data = [{
+  type: 'violin',
+  y: unpack(rows, 'total_bill'),
+  points: 'none',
+  box: {
+    visible: true
+  },
+  boxpoints: false,
+  line: {
+    color: 'black'
+  },
+  fillcolor: '#8dd3c7',
+  opacity: 0.6,
+  meanline: {
+    visible: true
+  },
+  x0: "Total Bill"
+}]
+
+var layout = {
+  title: "",
+  yaxis: {
+    zeroline: false
+  }
+}
+
+Plotly.plot('graph', data, layout);
+});

2018/01/16/basic-violin.html

@@ -0,0 +1,52 @@
+// need to fix data
+
+Plotly.d3.csv("https://raw.githubusercontent.com/plotly/datasets/master/violin_data.csv", function(err, rows){
+
+  function unpack(rows, key) {
+  return rows.map(function(row) { return row[key]; });
+  }
+
+var data = [{
+  type: 'violin',
+  x: unpack(rows, 'day'),
+  y: unpack(rows, 'total_bill'),
+  legendgroup: 'M',
+  scalegroup: 'M',
+  name: 'M',
+  box: {
+    visible: true
+  },
+  line: {
+    color: 'blue',
+  },
+  meanline: {
+    visible: true
+  }
+}, {
+  type: 'violin',
+  x: unpack(rows, 'day'),
+  y: unpack(rows, 'total_bill'),
+  legendgroup: 'F',
+  scalegroup: 'F',
+  name: 'F',
+  box: {
+    visible: true
+  },
+  line: {
+    color: 'pink',
+  },
+  meanline: {
+    visible: true
+  }
+}]
+
+var layout = {
+  title: "Grouped Violin Plot",
+  yaxis: {
+    zeroline: false
+  },
+  violinmode: 'group'
+}
+
+Plotly.plot('graph', data, layout);
+});  

2018/01/16/grouped-violin.html

@@ -0,0 +1,34 @@
+Plotly.d3.csv("https://raw.githubusercontent.com/plotly/datasets/master/violin_data.csv", function(err, rows){
+
+  function unpack(rows, key) {
+  return rows.map(function(row) { return row[key]; });
+  }
+
+var data = [{
+  type: 'violin',
+  x: unpack(rows, 'total_bill'),
+  points: 'none',
+  box: {
+    visible: true
+  },
+  boxpoints: false,
+  line: {
+    color: 'black'
+  },
+  fillcolor: '#8dd3c7',
+  opacity: 0.6,
+  meanline: {
+    visible: true
+  },
+  y0: "Total Bill"
+}]
+
+var layout = {
+  title: "Basic Horizontal Violin Plot",
+  xaxis: {
+    zeroline: false
+  }
+}
+
+Plotly.plot('graph', data, layout);
+});

2018/01/16/horizontal-violin.html

@@ -0,0 +1,41 @@
+Plotly.d3.csv("https://raw.githubusercontent.com/plotly/datasets/master/violin_data.csv", function(err, rows){
+
+  function unpack(rows, key) {
+  return rows.map(function(row) { return row[key]; });
+  }
+
+var data = [{
+  type: 'violin',
+  x: unpack(rows, 'day'),
+  y: unpack(rows, 'total_bill'),
+  points: 'none',
+  box: {
+    visible: true
+  },
+  line: {
+    color: 'green',
+  },
+  meanline: {
+    visible: true
+  },
+  transforms: [{
+  	 type: 'groupby',
+	 groups: unpack(rows, 'day'),
+	 styles: [
+		{target: 'Sun', value: {line: {color: 'blue'}}},
+		{target: 'Sat', value: {line: {color: 'orange'}}},
+		{target: 'Thur', value: {line: {color: 'green'}}},
+		{target: 'Fri', value: {line: {color: 'red'}}}
+	 ]
+	}]
+}]
+
+var layout = {
+  title: "Multiple Traces Violin Plot",
+  yaxis: {
+    zeroline: false
+  }
+}
+
+Plotly.plot('graph', data, layout);
+});

2018/01/16/multiple-traces-violin.html

@@ -0,0 +1,56 @@
+Plotly.d3.csv("https://raw.githubusercontent.com/plotly/datasets/master/violin_data.csv", function(err, rows){
+
+  function unpack(rows, key) {
+  return rows.map(function(row) { return row[key]; });
+  }
+
+var data = [{
+  type: 'violin',
+  x: unpack(rows, 'day'),
+  y: unpack(rows, 'total_bill'),
+  legendgroup: 'Yes',
+  scalegroup: 'Yes',
+  name: 'Yes',
+  side: 'negative',
+  box: {
+    visible: true
+  },
+  line: {
+    color: 'blue',
+    width: 2
+  },
+  meanline: {
+    visible: true
+  }
+}, {
+  type: 'violin',
+  x: unpack(rows, 'day'),
+  y: unpack(rows, 'total_bill'),
+  legendgroup: 'No',
+  scalegroup: 'No',
+  name: 'No',
+  side: 'positive',
+  box: {
+    visible: true
+  },
+  line: {
+    color: 'green',
+    width: 2
+  },
+  meanline: {
+    visible: true
+  }
+}]
+
+var layout = {
+  title: "Split Violin Plot",
+  yaxis: {
+    zeroline: false
+  },
+  violingap: 0,
+  violingroupgap: 0,
+  violinmode: "overlay",
+}
+
+Plotly.plot('graph', data, layout);
+});

2018/01/16/split-violin.html

@@ -0,0 +1,16 @@
+var x = [];
+var y = [];
+for (var i = 0; i < 500; i ++) {
+	x[i] = Math.random();
+	y[i] = Math.random() + 1;
+}
+
+var data = [
+  {
+    x: x,
+    y: y,
+    colorscale: 'Blues',
+    type: 'histogram2dcontour'
+  }
+];
+Plotly.newPlot('graph', data);

2018/01/30/colorscale-hist2dcontour.html

@@ -0,0 +1,31 @@
+var x = [];
+var y = [];
+for (var i = 0; i < 500; i ++) {
+	x[i] = Math.random();
+	y[i] = Math.random() + 1;
+}
+
+var data = [
+  {
+    x: x,
+    y: y,
+    colorscale: 'Blues',
+    type: 'histogram2dcontour',
+    contours: {
+      showlabels: true,
+      labelfont: {
+        family: 'Raleway',
+        color: 'white'
+      }
+    },
+    hoverlabel: {
+      bgcolor: 'white',
+      bordercolor: 'black',
+      font: {
+        family: 'Raleway',
+        color: 'black'
+      }
+    }
+  }
+];
+Plotly.newPlot('graph', data);

2018/01/30/styled-hist2dcontour.html

@@ -0,0 +1,11 @@
+var trace1 = {
+  x:['trees', 'flowers', 'hedges'],
+	y: [90, 130, 40],
+	type: 'bar'
+};
+
+var data = [trace1];
+var layout = {
+	title: 'Remove Modebar Buttons',
+	showlegend: false};
+Plotly.newPlot('myDiv', data, layout, {modeBarButtonsToRemove: ['toImage']});