roughViz Scatter Demo

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://unpkg.com/rough-viz@1.0.4"></script>
  <style>
	    .wrapper {
	      display: flex;
	      flex: wrap;
        order: row;
	    }
  </style>
</head>
 
<body>
  <br><br>
  <div class="wrapper">
    <div id="vis0"></div>
    <div id="vis1"></div>
    </div>
  <script> 
    
new roughViz.Scatter(
  {
    element: '#vis0',
    data: 'https://raw.githubusercontent.com/uiuc-cse/data-fa14/gh-pages/data/iris.csv',
    title: 'Iris Scatter Plot',
    x: 'sepal_width',
    y: 'petal_length',
    colorVar: 'species',
    highlightLabel: 'species',
    fillWeight: 4,
    radius: 12,
    colors: ['pink', 'coral', 'skyblue'],
    stroke: 'black',
    strokeWidth: 0.4,
    roughness: 1,
    width: 400,
    height: 450,
    font: 0,
    xLabel: 'sepal width',
    yLabel: 'petal length',
    curbZero: false,
})

new roughViz.Scatter(
  {
    element: '#vis1',
    data: {
      x: [1, 2, 3, 7, 5, 9],
      y: [240, 40, 40, 160, 100],
    },
    title: 'Some Random (x,y) Data',
    width: 400,
    roughness: 0,
    radius: [25, 10, 40, 30, 60],
    fillWeight: 3,
    axisRoughness: 1,
    height: 450,
    colors: ['green', 'red', 'blue', 'black']
  }
);

</script>
</body>

https://unpkg.com/rough-viz@1.0.4