JSFiddle - React, Tailwind, and code Playground

by mrcl

HTML

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://unpkg.com/@upsetjs/bundle"></script>
    <title>UpSet-Plot</title>
</head>
<body>
    <div id="upset-chart"></div>
    </body>
</html>

JavaScript

const data = {
            sets: ["T", "S", "M", "A"],
            data: [
                { name: ["T"], value: 373 },
                { name: ["S"], value: 124 },
                { name: ["M"], value: 772 },
                { name: ["A"], value: 87 },
                { name: ["T", "S"], value: 94 },
                { name: ["T", "M"], value: 309 },
                { name: ["T", "A"], value: 29 },
                { name: ["S", "M"], value: 94 },
                { name: ["S", "A"], value: 17 },
                { name: ["M", "A"], value: 106 },
                { name: ["T", "S", "M"], value: 121 },
                { name: ["T", "S", "A"], value: 12 },
                { name: ["T", "M", "A"], value: 94 },
                { name: ["S", "M", "A"], value: 37 },
                { name: ["T", "S", "M", "A"], value: 75 }
            ]
        };

        UpSetJS.embed("#upset-chart", data);