JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.rawgit.com/simonsfoundation/jp_gene_viz/master/jp_gene_viz/sequence_motifs.js"></script>
<canvas id="targetCanvas" width="600", height="600"/>'

JavaScript

$(document).ready(function() {
    var canvas = $("#targetCanvas");
    var options = {
        "ylabel": "count",
        "x": 20,
        "y": 10
    };
    // light grey fill for reference
    var ctx = canvas[0].getContext("2d");
    ctx.fillStyle = "#dddddd";
    ctx.fillRect(0, 0, 210, 131);
    var columns = [
        [["A", 2], ["C", 3], ["T", 5]],
        [["A", 3], ["C", 7]],
        [["T", 10]],
        [["A", 3], ["G", 3], ["T", 4]],
        [["A", 1], ["C", 2], ["G", 7]],
        ];
    canvas.sequence_motif(190, 111, columns, options);
});